.detail-split[data-astro-cid-kxcykdpi]{grid-template-columns:minmax(280px, var(--preview-pane-w,1.05fr)) minmax(320px, 1fr);align-items:start;gap:0;max-width:1920px;margin:0 auto;padding:0 1rem 1.5rem;display:grid}.detail-preview[data-astro-cid-kxcykdpi],.detail-panel[data-astro-cid-kxcykdpi]{overscroll-behavior:contain;scrollbar-width:thin;height:calc(100dvh - 130px);position:sticky;top:100px;overflow-y:auto}.detail-preview[data-astro-cid-kxcykdpi]{border-right:1px solid var(--color-neutral-200);min-width:0;padding:0 1.25rem 0 0}.preview-device-bar[data-astro-cid-kxcykdpi]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;margin-bottom:.75rem;display:flex}.preview-device-bar__label[data-astro-cid-kxcykdpi]{color:var(--color-neutral-600);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.preview-device-options[data-astro-cid-kxcykdpi]{border:1px solid var(--color-neutral-200);border-radius:var(--radius-button);background:var(--color-neutral-100);gap:.1rem;max-width:100%;padding:.2rem;display:inline-flex}.preview-device-options[data-astro-cid-kxcykdpi] button[data-astro-cid-kxcykdpi]{border-radius:calc(var(--radius-button) - 2px);min-width:44px;min-height:36px;color:var(--color-neutral-600);cursor:pointer;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:.35rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}.preview-device-options__icon[data-astro-cid-kxcykdpi]{width:18px;height:18px;display:block}.preview-device-options[data-astro-cid-kxcykdpi] button[data-astro-cid-kxcykdpi][aria-pressed=true]{background:var(--color-neutral-50);color:var(--color-primary);box-shadow:0 1px 3px #0f172a1f}.preview-device-options[data-astro-cid-kxcykdpi] button[data-astro-cid-kxcykdpi]:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.preview-frame[data-astro-cid-kxcykdpi]{border:1px solid var(--color-neutral-200);border-radius:var(--radius-card);background:var(--color-neutral-100);width:100%;max-width:100%;padding:1.25rem;position:relative}.preview-resizer[data-astro-cid-kxcykdpi]{z-index:3;cursor:col-resize;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:center;align-items:center;width:14px;display:flex;position:absolute;top:0;bottom:0;right:-7px}.preview-resizer__grip[data-astro-cid-kxcykdpi]{background:var(--color-neutral-300);border-radius:999px;width:3px;height:44px;transition:background .15s,height .15s;display:block}.preview-resizer[data-astro-cid-kxcykdpi]:hover .preview-resizer__grip[data-astro-cid-kxcykdpi],.preview-resizer[data-astro-cid-kxcykdpi][data-dragging=true] .preview-resizer__grip[data-astro-cid-kxcykdpi]{background:var(--color-primary);height:64px}.preview-resizer[data-astro-cid-kxcykdpi]:focus-visible{outline:2px solid var(--color-primary);outline-offset:-1px;border-radius:999px}.preview-canvas[data-astro-cid-kxcykdpi]{width:100%;min-width:0;max-width:100%;margin-inline:auto;transition:width .18s}.preview-canvas[data-astro-cid-kxcykdpi][data-device=pad]{width:min(82%,768px)}.preview-canvas[data-astro-cid-kxcykdpi][data-device=phone]{width:min(100%,390px)}.preview-canvas[data-astro-cid-kxcykdpi][data-device=pc] .preview-stage{aspect-ratio:16/11}.preview-canvas[data-astro-cid-kxcykdpi][data-device=pad] .preview-stage{aspect-ratio:4/3}.preview-canvas[data-astro-cid-kxcykdpi][data-device=phone] .preview-stage{aspect-ratio:9/16}.detail-info[data-astro-cid-kxcykdpi]{padding:1.4rem .25rem 0}.detail-info[data-astro-cid-kxcykdpi] h1[data-astro-cid-kxcykdpi]{letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.5rem,2.6vw,2.1rem)}.detail-info__desc[data-astro-cid-kxcykdpi]{max-width:60ch;color:var(--color-neutral-600);margin:0;font-size:.9rem;line-height:1.7}.detail-info__meta[data-astro-cid-kxcykdpi]{border-top:1px solid var(--color-neutral-200);flex-wrap:wrap;gap:1.4rem;margin:1.2rem 0 0;padding:.9rem 0 0;display:flex}.detail-info__meta[data-astro-cid-kxcykdpi] div[data-astro-cid-kxcykdpi]{gap:.15rem;display:grid}.detail-info__meta[data-astro-cid-kxcykdpi] dt[data-astro-cid-kxcykdpi]{color:var(--color-neutral-500);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:700}.detail-info__meta[data-astro-cid-kxcykdpi] dd[data-astro-cid-kxcykdpi]{color:var(--color-neutral-800);margin:0;font-size:.8rem;font-weight:600}.detail-info__brief[data-astro-cid-kxcykdpi]{color:var(--color-neutral-700);margin:1.2rem 0 0;font-size:.84rem;line-height:1.75}.detail-panel[data-astro-cid-kxcykdpi]{border:1px solid var(--color-neutral-200);border-radius:var(--radius-card);background:#fff;grid-template-rows:auto auto minmax(0,1fr) auto;margin-left:1.5rem;display:grid}.panel-tabs[data-astro-cid-kxcykdpi]{border-bottom:1px solid var(--color-neutral-200);gap:.2rem;padding:.5rem .6rem 0;display:flex}.panel-tabs[data-astro-cid-kxcykdpi] button[data-astro-cid-kxcykdpi]{color:var(--color-neutral-500);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:.5rem .75rem;font-size:.76rem;font-weight:650}.panel-tabs[data-astro-cid-kxcykdpi] button[data-astro-cid-kxcykdpi].is-active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.panel-bar[data-astro-cid-kxcykdpi]{border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;gap:.8rem;padding:.6rem .8rem;display:flex}.panel-bar__path[data-astro-cid-kxcykdpi]{color:var(--color-neutral-500);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.panel-bar[data-astro-cid-kxcykdpi] button[data-astro-cid-kxcykdpi]{border:1px solid var(--color-neutral-900);border-radius:var(--radius-button);min-height:34px;color:var(--color-neutral-900);cursor:pointer;background:#fff;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.panel-bar[data-astro-cid-kxcykdpi] button[data-astro-cid-kxcykdpi]:hover{background:var(--color-neutral-100)}.panel-bar__icon[data-astro-cid-kxcykdpi]{flex:none;width:15px;height:15px;display:block}.panel-editor[data-astro-cid-kxcykdpi]{background:var(--color-neutral-50);grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.panel-editor__bar[data-astro-cid-kxcykdpi]{border-bottom:1px solid var(--color-neutral-200);background:var(--color-neutral-100);align-items:center;gap:.3rem;padding:.45rem .8rem;display:flex}.panel-editor__dot[data-astro-cid-kxcykdpi]{border-radius:999px;width:9px;height:9px}.panel-editor__dot--red[data-astro-cid-kxcykdpi]{background:#ff5f57}.panel-editor__dot--amber[data-astro-cid-kxcykdpi]{background:#febc2e}.panel-editor__dot--green[data-astro-cid-kxcykdpi]{background:#28c840}.panel-editor__lang[data-astro-cid-kxcykdpi]{border:1px solid var(--color-neutral-200);color:var(--color-neutral-600);letter-spacing:.04em;background:#fff;border-radius:999px;margin-left:.4rem;padding:.12rem .42rem;font-size:.62rem;font-weight:700}.panel-editor__scroll[data-astro-cid-kxcykdpi]{min-height:0;display:flex;overflow:auto}.panel-editor__gutter[data-astro-cid-kxcykdpi]{border-right:1px solid var(--color-neutral-200);background:var(--color-neutral-100);color:var(--color-neutral-400);text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-direction:column;flex:none;padding:.9rem .55rem .9rem .8rem;font:500 .72rem/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.panel-editor__gutter[data-astro-cid-kxcykdpi] span[data-astro-cid-kxcykdpi]{display:block}.panel-body[data-astro-cid-kxcykdpi]{min-width:0;color:var(--color-neutral-700);white-space:pre-wrap;word-break:break-word;background:0 0;flex:1;margin:0;padding:1rem;font:500 .75rem/1.75 ui-monospace,SFMono-Regular,Menlo,monospace}.panel-status[data-astro-cid-kxcykdpi]{border-top:1px solid var(--color-neutral-200);color:var(--color-primary);margin:0;padding:.5rem .8rem;font-size:.72rem}.detail-back[data-astro-cid-kxcykdpi]{max-width:1920px;margin:0 auto;padding:0 1.25rem 3rem;font-size:.82rem}@media (width<=1023px){.detail-split[data-astro-cid-kxcykdpi]{grid-template-columns:1fr}.detail-preview[data-astro-cid-kxcykdpi],.detail-panel[data-astro-cid-kxcykdpi]{height:auto;position:static;overflow:visible}.detail-preview[data-astro-cid-kxcykdpi]{border-right:0;padding:0}.detail-panel[data-astro-cid-kxcykdpi]{margin:.5rem 0 0}.preview-resizer[data-astro-cid-kxcykdpi]{display:none}}@media (width<=420px){.preview-device-bar[data-astro-cid-kxcykdpi]{flex-direction:column;align-items:stretch}.preview-device-options[data-astro-cid-kxcykdpi]{grid-template-columns:repeat(3,1fr);width:100%;display:grid}}@media (prefers-reduced-motion:reduce){.preview-canvas[data-astro-cid-kxcykdpi]{transition:none}}