.pixel-details-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid rgba(244,239,227,.28);background:#17171e;color:#f4efe3;box-shadow:14px 14px 0 rgba(0,0,0,.45);overflow:auto}.pixel-details-dialog::backdrop{background:rgba(6,6,9,.76);backdrop-filter:blur(3px)}.pixel-details-card{position:relative;padding:30px}.pixel-details-close{position:absolute;right:16px;top:16px;width:44px;height:44px;border:1px solid rgba(244,239,227,.2);background:#101016;color:#f4efe3;font:24px/1 sans-serif;cursor:pointer}.pixel-details-head{display:grid;grid-template-columns:68px 1fr;gap:18px;align-items:center;padding-right:42px}.pixel-details-swatch{width:68px;height:68px;border:1px solid rgba(244,239,227,.32);box-shadow:6px 6px 0 #09090c}.pixel-details-coords{display:block;margin-bottom:7px;color:#38bdf8;font:500 10px/1.4 "DM Mono",monospace;letter-spacing:.11em}.pixel-details-dialog h2{margin:0;font:800 clamp(26px,5vw,38px)/1.02 "Manrope",sans-serif;letter-spacing:-.045em;overflow-wrap:anywhere}.pixel-details-subtitle{margin:7px 0 0;color:#9b998f;font:500 14px/1.4 "Manrope",sans-serif}.pixel-details-tags{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 0}.pixel-details-tags span{padding:7px 9px;border:1px solid rgba(244,239,227,.18);color:#c9c5bc;font:500 9px/1 "DM Mono",monospace;letter-spacing:.09em}.pixel-details-message{margin:20px 0;padding:17px 18px;border-left:3px solid #ffd166;background:#101016;color:#f4efe3;font:600 15px/1.55 "Manrope",sans-serif;overflow-wrap:anywhere}.pixel-details-message.pixel-message-empty{border-left-color:rgba(244,239,227,.2);color:#9b998f;font-weight:500}.pixel-details-data{margin:0;border-top:1px solid rgba(244,239,227,.14)}.pixel-details-data>div{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid rgba(244,239,227,.14)}.pixel-details-data>[hidden]{display:none}.pixel-details-data dt{color:#77756e;font:500 9px/1.5 "DM Mono",monospace;letter-spacing:.1em}.pixel-details-data dd{margin:0;color:#d6d2c9;font:500 12px/1.45 "DM Mono",monospace;text-align:right}.pixel-details-event{display:flex;align-items:center;justify-content:center;min-height:46px;margin-top:20px;border:1px solid #f4efe3;color:#101016;background:#f4efe3;text-decoration:none;font:500 10px/1 "DM Mono",monospace;letter-spacing:.1em}.pixel-details-event[hidden]{display:none}.viewer-inspect-hint{margin-top:14px;color:#9b998f;text-align:center;font:500 10px/1.5 "DM Mono",monospace;letter-spacing:.09em}.canvas-inspectable{cursor:crosshair}.precision-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.precision-editor{z-index:30!important}.precision-actions button{min-height:44px;padding:9px 8px;border:1px solid rgba(244,239,227,.25);background:transparent;color:#f4efe3;font:500 9px/1.25 "DM Mono",monospace;letter-spacing:.07em;cursor:pointer}.precision-actions button:last-child{background:#f4efe3;color:#101016}.precision-close-view{width:100%;min-height:44px;margin-top:8px;border:1px solid rgba(244,239,227,.2);background:#101016;color:#f4efe3;font:500 9px/1.25 "DM Mono",monospace;letter-spacing:.08em;cursor:pointer}@media(max-width:620px){.pixel-details-dialog{width:100%;max-width:none;max-height:min(76dvh,650px);margin:auto 0 0;border-width:1px 0 0;box-shadow:none}.pixel-details-card{padding:24px 20px calc(22px + env(safe-area-inset-bottom))}.pixel-details-head{grid-template-columns:58px 1fr;gap:14px}.pixel-details-swatch{width:58px;height:58px}.pixel-details-dialog h2{font-size:24px}.pixel-details-message{font-size:16px}.pixel-details-data dd{font-size:11px}}