@font-face{font-family:Source Han Sans CN;src:url(/fonts/SourceHanSansCN-VF.otf.woff2)format("woff2");font-weight:250 900;font-style:normal;font-display:block}:root{color:#111;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;--accent:#2563eb;--paper:#f6f4ee;--ink:#111;--muted:#6c6a62;--line:#dcd8cd;--soft:#ebe7dc;--white:#fff;background:#f4f2eb;font-family:Source Han Sans CN}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,textarea,input{font:inherit}button{border:0}.app-shell{background:linear-gradient(90deg, #11111105 1px, transparent 1px), linear-gradient(180deg, #11111105 1px, transparent 1px), var(--paper);background-size:56px 56px;min-height:100vh}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:0 32px;display:flex}.brand{letter-spacing:0;font-size:22px;font-weight:850;line-height:1}.brand-subtitle{color:var(--muted);margin-top:6px;font-size:13px;font-weight:500}.main-layout{grid-template-columns:336px minmax(0,1fr);gap:28px;min-height:calc(100vh - 76px);padding:28px 32px 32px;display:grid}.control-panel{background:#f6f4eec7;border:1px solid #11111114;border-radius:8px;flex-direction:column;min-height:640px;display:flex}.control-body{gap:28px;padding:26px 24px;display:grid}.control-footer{border-top:1px solid var(--line);gap:12px;margin-top:auto;padding:20px 24px 24px;display:grid}.field-group{gap:10px;display:grid}.field-label{color:var(--ink);font-size:15px;font-weight:800}.field-hint,.status-message,.upload-note{color:var(--muted);font-size:13px;line-height:1.55}textarea,input{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffffbd;border-radius:8px;outline:none;transition:border-color .18s,background-color .18s,box-shadow .18s}textarea{resize:none;min-height:132px;padding:14px;font-size:22px;font-weight:750;line-height:1.35}input{height:44px;padding:0 12px;font-size:15px}textarea:focus,input:focus{border-color:var(--accent);background:var(--white);box-shadow:0 0 0 4px #2563eb1a}.segment{border:1px solid var(--line);background:var(--white);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:0;display:grid;overflow:hidden}.segment-button{border-right:1px solid var(--line);height:44px;color:var(--muted);cursor:pointer;background:0 0;font-size:14px;font-weight:750;transition:background-color .18s,color .18s}.segment-button:last-child{border-right:0}.segment-button[aria-pressed=true]{background:var(--ink);color:var(--white)}.segment-button:hover:not([aria-pressed=true]){color:var(--ink);background:#1111110b}.optional-panel{border-top:1px solid var(--line);padding-top:18px}.optional-panel summary{cursor:pointer;color:var(--ink);font-size:15px;font-weight:800}.optional-panel[open]{gap:16px;display:grid}.upload-note{gap:10px;display:grid}.primary-button{background:var(--ink);height:48px;color:var(--white);cursor:pointer;border-radius:8px;font-size:16px;font-weight:850;transition:background-color .18s,transform .18s}.primary-button:disabled{cursor:not-allowed;background:#9e9a90}.primary-button:hover:not(:disabled){background:#2b2a27}.primary-button:active:not(:disabled){transform:translateY(1px)scale(.99)}.text-button{color:var(--ink);cursor:pointer;text-underline-offset:3px;background:0 0;justify-self:start;padding:0;font-size:14px;font-weight:800;text-decoration:underline}.status-message{min-height:20px;margin:0}.workspace{grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:20px;min-width:0;display:grid}.stage-wrap{width:min(100%,1040px)}.stage-frame{aspect-ratio:16/9;border:1px solid var(--line);background:var(--white);border-radius:8px;width:100%;position:relative;overflow:hidden}.svg-surface,.mini-frame{width:100%;height:100%}.svg-surface svg,.mini-frame svg{width:100%;height:100%;display:block}.upload-hitbox{cursor:pointer;background:0 0;border-radius:8px;transition:background-color .18s,box-shadow .18s;position:absolute}.upload-hitbox:hover{background:#2563eb0b;box-shadow:inset 0 0 0 2px #2563eb2e}.upload-hitbox:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.mini-preview{gap:10px;display:grid}.mini-header{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;font-weight:650;display:flex}.mini-frame{border:1px solid var(--line);background:var(--white);border-radius:6px;width:160px;height:90px;overflow:hidden}.mini-preview-body{align-items:center;gap:14px;display:flex}.mini-note{max-width:132px;color:var(--muted);margin:0;font-size:12px;font-weight:600;line-height:1.45}@media (width<=920px){.topbar{padding:0 20px}.main-layout{grid-template-columns:1fr;padding:20px}.control-panel{min-height:auto}.workspace{align-items:start}}@media (width<=520px){.main-layout{padding:14px}.control-body,.control-footer{padding:18px}}