.dev-notes{flex-direction:column;flex:100%;gap:6px;display:flex}.dev-notes p{color:var(--ink-2);margin:0;font-size:13px}.dev-grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dev-grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dev-swatch{border:1px solid var(--line-strong);border-radius:12px;min-height:84px}.dev-swatches{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.dev-chipcolor{cursor:pointer;text-align:left;color:var(--ink);font:inherit;background:0 0;border:0;flex-direction:column;gap:4px;padding:0;display:flex}.dev-chipcolor .dev-block{border:1px solid var(--line-strong);border-radius:10px;height:62px;display:block}.dev-chipcolor code,.dev-code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12.5px}.dev-colorinput{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:8px;width:46px;height:38px;padding:2px}.dev-hl{border:1px solid var(--line-strong);background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;min-height:120px;max-height:340px;padding:10px 12px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.55;overflow:auto}.dev-hl mark{color:inherit;background:color-mix(in srgb, var(--accent) 28%, transparent);outline:1px solid color-mix(in srgb, var(--accent) 55%, transparent);border-radius:3px}.dev-hl mark.alt{background:color-mix(in srgb, var(--brass) 30%, transparent);outline-color:color-mix(in srgb, var(--brass) 60%, transparent)}.dev-flags{flex-wrap:wrap;gap:6px 14px;display:flex}.dev-pattern{align-items:center;gap:6px;display:flex}.dev-pattern .input{flex:1;min-width:0;font-family:ui-monospace,Cascadia Code,Consolas,monospace}.dev-pattern .slash{color:var(--ink-3);font-family:ui-monospace,Consolas,monospace;font-size:18px}.dev-explain{grid-template-columns:max-content 1fr;gap:4px 14px;margin:0;font-size:13px;display:grid}.dev-explain dt{background:var(--bg-deep);border-radius:5px;justify-self:start;padding:1px 6px;font-family:ui-monospace,Cascadia Code,Consolas,monospace}.dev-explain dd{color:var(--ink-2);margin:0}.dev-stops{flex-direction:column;gap:8px;display:flex}.dev-stop{grid-template-columns:46px minmax(0,1fr) 56px auto;align-items:center;gap:8px;display:grid}.dev-preview{border:1px solid var(--line-strong);border-radius:14px;min-height:220px}.dev-stage{border:1px solid var(--line-strong);border-radius:14px;place-items:center;min-height:260px;padding:28px;display:grid}.dev-stage>div{background:#fff;border-radius:14px;width:160px;height:160px}.dev-layer{border:1px solid var(--line);background:var(--bg);border-radius:12px;gap:10px;padding:12px;display:grid}.dev-status{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.dev-status h3{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:15px;display:flex}.dev-status .num{letter-spacing:-.02em;font-size:22px;font-weight:600}.dev-status p{color:var(--ink-2);margin:0;font-size:14px}.dev-statusgrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.dev-ok{color:var(--accent)}.dev-bad{color:var(--danger)}.dev-card{border:1px solid var(--line);background:var(--surface);overflow-wrap:anywhere;border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.dev-card h4{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin:0;font-size:12px}.dev-og-image{aspect-ratio:1.91;background:var(--bg-deep) center / cover no-repeat;color:var(--ink-3);border-radius:8px;place-items:center;font-size:13px;display:grid}.dev-gbox{background:#fff;border:1px solid #dfe1e5;border-radius:10px;padding:12px 14px}.dev-google-title{color:#1a0dab;text-overflow:ellipsis;white-space:nowrap;margin:2px 0;font-size:19px;line-height:1.3;overflow:hidden}.dev-google-url{color:#202124;font-size:13px}.dev-google-desc{color:#4d5156;font-size:13.5px}.dev-xbox,.dev-fbbox,.dev-libox,.dev-wabox{color:#0f1419;background:#fff;border:1px solid #cfd9de;border-radius:14px;font-size:14px;overflow:hidden}.dev-xbox .dev-og-image,.dev-fbbox .dev-og-image,.dev-libox .dev-og-image{border-radius:0}.dev-xbox .meta,.dev-fbbox .meta,.dev-libox .meta,.dev-wabox .meta{padding:8px 12px 10px}.dev-xbox .small,.dev-fbbox .small,.dev-libox .small,.dev-wabox .small{color:#536471}.dev-fbbox{color:#1c1e21;background:#f0f2f5;border-color:#dadde1;border-radius:4px}.dev-fbbox .host{text-transform:uppercase;color:#65676b;font-size:12px}.dev-libox{border-color:#e0dfdc;border-radius:2px}.dev-wabox{background:#d9fdd3;border-color:#c7e6c1;border-radius:10px;max-width:380px;padding:4px}.dev-wabox .dev-og-image{aspect-ratio:auto;border-radius:6px 6px 0 0;height:160px}.dev-wabox .inner{background:#cfeccb;border-radius:6px;overflow:hidden}.dev-tabs{flex-wrap:wrap;gap:8px;display:flex}.dev-iconrow{flex-wrap:wrap;align-items:flex-end;gap:18px;display:flex}.dev-iconrow figure{color:var(--ink-3);flex-direction:column;align-items:center;gap:4px;margin:0;font-size:12px;display:flex}.dev-iconrow canvas{background:repeating-conic-gradient(#d8d8d8 0 25%, #fff 0 50%) 0 0 / 12px 12px;border:1px solid var(--line-strong);border-radius:6px}.dev-api pre{background:var(--bg-deep);border:1px solid var(--line);border-radius:10px;margin:0;padding:12px 14px;font-size:13px;line-height:1.5;overflow:auto}.dev-jwt-part{word-break:break-all;padding:2px 0;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13px}.dev-jwt-part .h{color:#c2410c}.dev-jwt-part .p{color:#7c3aed}.dev-jwt-part .s{color:#0369a1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .dev-jwt-part .h{color:#fb923c}:root:not([data-theme=light]) .dev-jwt-part .p{color:#c4b5fd}:root:not([data-theme=light]) .dev-jwt-part .s{color:#7dd3fc}}:root[data-theme=dark] .dev-jwt-part .h{color:#fb923c}:root[data-theme=dark] .dev-jwt-part .p{color:#c4b5fd}:root[data-theme=dark] .dev-jwt-part .s{color:#7dd3fc}.dev-run{flex-wrap:wrap;gap:8px;display:flex}.dev-table-edit{grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;align-items:center;gap:8px;display:grid}@media (width<=820px){.dev-grid2,.dev-grid3{grid-template-columns:minmax(0,1fr)}.dev-stop{grid-template-columns:46px minmax(0,1fr) 52px auto}.dev-statusgrid{grid-template-columns:minmax(0,1fr)}}