.app[data-astro-cid-bmtpnfvw]{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app[data-astro-cid-bmtpnfvw] .topbar[data-astro-cid-bmtpnfvw]{flex-shrink:0;position:static}.detail[data-astro-cid-bmtpnfvw]{flex:1;grid-template-columns:1fr 340px;min-height:0;display:grid}.stage[data-astro-cid-bmtpnfvw]{background:var(--paper-2);flex-direction:column;gap:16px;min-width:0;min-height:0;padding:26px 32px;display:flex;overflow:hidden}.stage-tools[data-astro-cid-bmtpnfvw]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.device-toggle[data-astro-cid-bmtpnfvw]{background:var(--card);border:1px solid var(--line);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.device-toggle[data-astro-cid-bmtpnfvw] button[data-astro-cid-bmtpnfvw]{color:var(--ink-2);border-radius:999px;padding:7px 18px;font-size:13px}.device-toggle[data-astro-cid-bmtpnfvw] button[data-astro-cid-bmtpnfvw].on{background:var(--ink);color:#fff;font-weight:600}.stage-note[data-astro-cid-bmtpnfvw]{color:var(--ink-3);font-size:12px}.frame-wrap[data-astro-cid-bmtpnfvw]{flex:1;justify-content:center;align-items:stretch;min-height:0;display:flex}.frame[data-astro-cid-bmtpnfvw]{box-shadow:var(--shadow);border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;max-width:1200px;overflow:hidden}.frame[data-astro-cid-bmtpnfvw].mobile{max-width:390px}.frame[data-astro-cid-bmtpnfvw] iframe[data-astro-cid-bmtpnfvw]{border:none;width:100%;height:100%;display:block}.panel[data-astro-cid-bmtpnfvw]{background:var(--card);border-left:1px solid var(--line);overscroll-behavior:contain;flex-direction:column;gap:22px;min-height:0;padding:28px 26px 0;display:flex;overflow-y:auto}.panel[data-astro-cid-bmtpnfvw] h3[data-astro-cid-bmtpnfvw]{font-family:var(--serif);font-size:19px;font-weight:900}.short-id[data-astro-cid-bmtpnfvw]{letter-spacing:.08em;color:var(--ink-3);border:1px solid var(--line);border-radius:6px;margin-bottom:8px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-block}.panel[data-astro-cid-bmtpnfvw] .concept[data-astro-cid-bmtpnfvw]{color:var(--ink-2);margin-top:8px;font-size:12.5px;line-height:1.8}.fict[data-astro-cid-bmtpnfvw]{color:var(--ink-3);background:var(--paper);border:1px dashed var(--line);border-radius:8px;padding:8px 12px;font-size:11.5px}.sec-label[data-astro-cid-bmtpnfvw]{color:var(--ink-3);letter-spacing:.08em;font-size:12px;font-weight:700}.filter-row[data-astro-cid-bmtpnfvw]{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.filter-row[data-astro-cid-bmtpnfvw] button[data-astro-cid-bmtpnfvw]{border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:5px 12px;font-size:12px}.filter-row[data-astro-cid-bmtpnfvw] button[data-astro-cid-bmtpnfvw].on{background:var(--ink);border-color:var(--ink);color:#fff}.palettes[data-astro-cid-bmtpnfvw]{flex-direction:column;gap:8px;display:flex}.palettes[data-astro-cid-bmtpnfvw] .pal{border:1.5px solid var(--line);background:var(--card);text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:border-color .15s,opacity .15s;display:flex}.palettes[data-astro-cid-bmtpnfvw] .pal:hover{border-color:var(--ink-3)}.palettes[data-astro-cid-bmtpnfvw] .pal.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}.palettes[data-astro-cid-bmtpnfvw] .pal .sw{flex-shrink:0;gap:3px;display:flex}.palettes[data-astro-cid-bmtpnfvw] .pal .sw i{border:1px solid #00000014;border-radius:50%;width:18px;height:18px}.palettes[data-astro-cid-bmtpnfvw] .pal .meta strong{font-size:13.5px;display:block}.palettes[data-astro-cid-bmtpnfvw] .pal .meta small{color:var(--ink-3);font-size:11px}.palettes[data-astro-cid-bmtpnfvw] .pal .rec{color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:999px;flex-shrink:0;margin-left:auto;padding:2px 8px;font-size:10.5px}.panel-cta[data-astro-cid-bmtpnfvw]{background:var(--card);border-top:1px solid var(--line);margin:auto -26px 0;padding:14px 26px 22px;position:sticky;bottom:0}.choose-btn[data-astro-cid-bmtpnfvw]{background:var(--accent);width:100%;color:var(--accent-ink);letter-spacing:.04em;border-radius:12px;padding:14px;font-size:15px;font-weight:700;transition:filter .15s;display:block}.choose-btn[data-astro-cid-bmtpnfvw]:hover{filter:brightness(1.08)}.confirm[data-astro-cid-bmtpnfvw]{z-index:50;background:#26221c66;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.confirm[data-astro-cid-bmtpnfvw].open{display:flex}.confirm-card[data-astro-cid-bmtpnfvw]{background:var(--card);border-radius:18px;width:min(480px,92vw);padding:30px;box-shadow:0 30px 80px #00000040}.confirm-card[data-astro-cid-bmtpnfvw] h3[data-astro-cid-bmtpnfvw]{font-family:var(--serif);font-size:19px;font-weight:900}.confirm-card[data-astro-cid-bmtpnfvw] .desc[data-astro-cid-bmtpnfvw]{color:var(--ink-2);margin-top:8px;font-size:13px;line-height:1.8}.summary[data-astro-cid-bmtpnfvw]{background:var(--paper);border:1px solid var(--line);word-break:break-all;border-radius:10px;margin-top:18px;padding:14px 16px;font-size:13.5px;line-height:1.9}.confirm-actions[data-astro-cid-bmtpnfvw]{gap:10px;margin-top:18px;display:flex}.confirm-actions[data-astro-cid-bmtpnfvw] .copy[data-astro-cid-bmtpnfvw]{background:var(--accent);color:#fff;border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:700}.confirm-actions[data-astro-cid-bmtpnfvw] .close[data-astro-cid-bmtpnfvw]{border:1px solid var(--line);color:var(--ink-2);border-radius:10px;padding:12px 18px;font-size:14px}.copied[data-astro-cid-bmtpnfvw]{color:#217a5a;margin-top:10px;font-size:12.5px;display:none}.copied[data-astro-cid-bmtpnfvw].show{display:block}@media (width<=980px){.app[data-astro-cid-bmtpnfvw]{height:auto;overflow:visible}.app[data-astro-cid-bmtpnfvw] .topbar[data-astro-cid-bmtpnfvw]{position:sticky;top:0}.detail[data-astro-cid-bmtpnfvw]{grid-template-columns:1fr}.stage[data-astro-cid-bmtpnfvw]{overflow:visible}.panel[data-astro-cid-bmtpnfvw]{border-left:none;border-top:1px solid var(--line);overflow-y:visible}.frame[data-astro-cid-bmtpnfvw] iframe[data-astro-cid-bmtpnfvw]{min-height:62vh}}@media (width>=1800px){.detail[data-astro-cid-bmtpnfvw]{grid-template-columns:1fr 400px}.frame[data-astro-cid-bmtpnfvw]{max-width:1560px}.panel[data-astro-cid-bmtpnfvw]{padding:34px 32px 0}.panel-cta[data-astro-cid-bmtpnfvw]{margin:auto -32px 0;padding:16px 32px 24px}}