.doc-studio-layout{flex:1;display:flex;flex-direction:column;min-height:0}.doc-studio-body{flex:1;display:flex;flex-direction:column-reverse;min-height:0;overflow:hidden}@media (min-width:1024px){.doc-studio-body{flex-direction:row}}.doc-nav-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--doc-fg-soft);transition:background .2s,color .2s,transform .2s;margin-right:4px;flex-shrink:0}.doc-nav-back:hover{background:var(--doc-line-soft);color:var(--doc-fg);transform:translateX(-2px)}.doc-studio-sidebar{flex:1;width:100%;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--doc-line);background:var(--doc-paper)}@media (min-width:1024px){.doc-studio-sidebar{width:260px;max-width:22vw;flex-shrink:0;border-top:none;border-right:1px solid var(--doc-line)}}.doc-studio-sidebar-content{flex:1;overflow-y:auto;padding:16px 16px 20px}.doc-studio-sidebar-footer{flex-shrink:0;display:flex;gap:12px;padding:12px 16px;border-top:1px solid var(--doc-line);background:var(--doc-paper)}.doc-studio-preview,.doc-studio-sidebar-footer .doc-btn{justify-content:center}.doc-studio-preview{display:flex;flex-direction:column;flex:1;min-height:0;align-items:center;padding:16px 16px 40px;overflow:hidden}@media (min-width:1024px){.doc-studio-preview{padding:20px 24px 80px}}.doc-studio-badge{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--doc-fg-faint);border:1px solid var(--doc-line);padding:5px 10px;border-radius:999px;margin-left:12px;flex-shrink:0}.doc-studio-main-area{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:color-mix(in srgb,var(--doc-bg) 92%,var(--doc-primary-soft))}.doc-studio-steps-wrap{flex-shrink:0;padding:12px 24px 14px;border-bottom:1px solid var(--doc-line);background:var(--doc-paper)}.doc-studio-steps-inner{max-width:1100px;margin:0 auto}.doc-studio-step-track.doc-hero-ticker{margin-top:0}.doc-studio-card{border:1px solid var(--doc-line);border-radius:var(--doc-radius-lg);background:var(--doc-card);padding:16px}.doc-studio-dropzone{border:2px dashed var(--doc-line);border-radius:var(--doc-radius-lg);padding:32px 24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s,transform .25s cubic-bezier(.22,1,.36,1);background:color-mix(in srgb,var(--doc-card) 90%,transparent)}.doc-studio-dropzone:hover{border-color:var(--doc-primary);background:var(--doc-primary-soft);transform:translateY(-2px)}.doc-studio-muted{font-size:13px;color:var(--doc-fg-soft);line-height:1.5}.doc-studio-title{font-family:"Instrument Serif",Georgia,serif;font-size:1.55rem;font-weight:400;letter-spacing:-.02em;color:var(--doc-fg);margin:0 0 4px}.doc-studio-kicker{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--doc-primary);margin-bottom:6px}@keyframes doc-studio-pane-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.doc-studio-step-animate{animation:doc-studio-pane-in .48s cubic-bezier(.22,1,.36,1) both}@keyframes doc-studio-float-in{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.doc-studio-preview-card{animation:doc-studio-float-in .55s cubic-bezier(.22,1,.36,1) both;animation-delay:.06s}.doc-studio-icon-btn{width:30px;height:30px;border-radius:var(--doc-radius);border:1px solid var(--doc-line);background:var(--doc-card);color:var(--doc-fg-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.doc-studio-icon-btn:hover{background:var(--doc-line-soft);color:var(--doc-fg);border-color:var(--doc-primary)}.doc-studio-color-num{width:100%;min-width:0;box-sizing:border-box;padding:7px 8px;border-radius:var(--doc-radius);border:1px solid var(--doc-line);background:var(--doc-card);color:var(--doc-fg);font-size:12px;font-variant-numeric:tabular-nums}.doc-studio-color-num:focus{outline:none;border-color:var(--doc-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--doc-primary) 25%,transparent)}.doc-studio-color-hex{width:100%;box-sizing:border-box;padding:7px 10px;border-radius:var(--doc-radius);border:1px solid var(--doc-line);background:var(--doc-card);color:var(--doc-fg);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.doc-studio-color-hex:focus{outline:none;border-color:var(--doc-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--doc-primary) 25%,transparent)}.doc-studio-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:600;background:var(--doc-primary-soft);color:var(--doc-primary);border:1px solid color-mix(in srgb,var(--doc-primary) 28%,var(--doc-line))}.doc-studio-chip-muted{background:var(--doc-line-soft);color:var(--doc-fg-soft);border-color:var(--doc-line)}.doc-studio-range{width:100%;height:6px;border-radius:999px;background:var(--doc-line-soft);accent-color:var(--doc-primary);cursor:pointer}.doc-studio-pill{padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid var(--doc-line);background:var(--doc-card);color:var(--doc-fg-soft);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.doc-studio-pill.is-on{background:var(--doc-fg);color:var(--doc-paper);border-color:var(--doc-fg)}.doc-studio-empty-state{margin-top:-30px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.doc-ticker-item{transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.doc-ticker-item.is-active{background:var(--doc-fg);color:var(--doc-paper);transform:scale(1.05);box-shadow:0 10px 20px -5px rgba(0,0,0,.2),0 4px 8px -2px rgba(0,0,0,.1);z-index:10}.doc-ticker-item.is-active:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.15) 50%,transparent);animation:doc-shine 3s infinite}@keyframes doc-shine{0%{transform:translate(-30%,-30%)}to{transform:translate(30%,30%)}}.doc-ticker-item.is-done{opacity:.8;color:var(--doc-primary)}.doc-studio-scan-overlay{position:absolute;inset:0;pointer-events:none;z-index:20;overflow:hidden;background:rgba(217,119,87,.04)}.doc-studio-scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:#d97757;box-shadow:0 0 15px 2px #d97757,0 0 30px 4px rgba(217,119,87,.4);animation:doc-scan-down 2.2s linear infinite}@keyframes doc-scan-down{0%{transform:translateY(-10px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(560px);opacity:0}}.doc-studio-bg-swatch{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:var(--doc-radius-lg);border:1px solid var(--doc-line);background:var(--doc-card);cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.doc-studio-bg-swatch:hover{border-color:color-mix(in srgb,var(--doc-primary) 40%,var(--doc-line))}.doc-studio-bg-swatch.is-active{border-color:var(--doc-primary);background:var(--doc-primary-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--doc-primary) 18%,transparent)}.doc-studio-region-btn{width:100%;text-align:left;padding:8px 10px;border-radius:var(--doc-radius-lg);border:1px solid var(--doc-line);background:var(--doc-card);transition:border-color .15s,box-shadow .15s,background .15s;cursor:pointer;color:inherit;font:inherit}.doc-studio-region-btn:hover{border-color:color-mix(in srgb,var(--doc-primary) 35%,var(--doc-line));background:var(--doc-primary-soft)}.doc-studio-region-btn.is-active{border-color:var(--doc-primary);background:var(--doc-primary-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--doc-primary) 22%,transparent)}.doc-studio-region-name{font-size:13px;font-weight:600;color:var(--doc-fg)}.doc-studio-region-meta{font-size:10px;color:var(--doc-fg-soft);margin-top:2px}.doc-studio-region-tag{font-size:10px;font-weight:600;color:var(--doc-fg-faint);background:var(--doc-line-soft);padding:4px 8px;border-radius:var(--doc-radius)}.doc-studio-dashed{border:2px dashed var(--doc-line);border-radius:var(--doc-radius-lg);padding:32px 20px;text-align:center;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--doc-card)}.doc-studio-toggle{position:relative;height:24px;width:44px;border-radius:999px;border:1px solid var(--doc-line);background:var(--doc-line-soft);cursor:pointer;transition:background .2s,border-color .2s}.doc-studio-toggle.is-on{background:var(--doc-primary-soft);border-color:var(--doc-primary)}.doc-studio-toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--doc-card);box-shadow:0 1px 3px rgba(0,0,0,.12);transition:transform .2s cubic-bezier(.22,1,.36,1)}.doc-studio-toggle.is-on .doc-studio-toggle-knob{transform:translateX(20px)}.doc-studio-preview-hint{font-size:12px;color:var(--doc-fg-faint);text-align:center}.doc-studio-thumb{border-radius:var(--doc-radius);border:1px solid var(--doc-line);overflow:hidden;background:var(--doc-card)}.doc-studio-thumb--fit{display:block;width:-moz-fit-content;width:fit-content;max-width:100%}.doc-studio-mobile-preview{display:none}.doc-studio-polish-grid{display:flex;flex-direction:column;gap:14px}.doc-studio-polish-card{border:1px solid var(--doc-line);border-radius:var(--doc-radius-lg);background:var(--doc-card);padding:16px 18px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s,box-shadow .2s}.doc-studio-polish-card:hover{border-color:color-mix(in srgb,var(--doc-primary) 22%,var(--doc-line))}.doc-studio-polish-head{display:flex;align-items:flex-start;gap:14px}.doc-studio-polish-icon{width:42px;height:42px;border-radius:var(--doc-radius);background:color-mix(in srgb,var(--doc-primary) 15%,transparent);color:var(--doc-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid color-mix(in srgb,var(--doc-primary) 25%,transparent)}