@import"https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=JetBrains+Mono:wght@500;700&family=Noto+Sans+SC:wght@400;500;700;800&display=swap";:root{--graphite: #111113;--graphite-2: #18181c;--graphite-3: #222229;--line: rgba(243, 239, 230, .12);--line-strong: rgba(243, 239, 230, .22);--paper: #f3efe6;--paper-dim: rgba(243, 239, 230, .68);--muted: rgba(243, 239, 230, .46);--red: #e84a3a;--cyan: #2ec4b6;--amber: #ddaa33;--panel: rgba(24, 24, 28, .92);--panel-solid: #1b1b20;--shadow: 0 24px 80px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(rgba(243,239,230,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(243,239,230,.035) 1px,transparent 1px),radial-gradient(circle at 18% 12%,rgba(221,170,51,.14),transparent 28%),radial-gradient(circle at 86% 18%,rgba(46,196,182,.12),transparent 24%),#101012;background-size:36px 36px,36px 36px,auto,auto,auto;color:var(--paper);font-family:Noto Sans SC,Microsoft YaHei,sans-serif}button,input,textarea{font:inherit}button{border:0}.app-shell{min-height:100vh;display:grid;grid-template-rows:72px minmax(0,1fr);color:var(--paper)}.topbar{display:grid;grid-template-columns:280px 1fr;align-items:center;gap:18px;padding:0 18px 0 20px;border-bottom:1px solid var(--line);background:#111113e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand-block{display:grid;gap:2px}.brand-kicker,.eyebrow,.section-label{color:var(--amber);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase}h1{margin:0;font-family:Archivo,Noto Sans SC,sans-serif;font-size:24px;line-height:1;letter-spacing:0}.tool-strip{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;overflow-x:auto}.toolbar-button,.icon-button,.ghost-action,.danger-action{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-strong);border-radius:7px;background:#222229eb;color:var(--paper);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease,color .16s ease;white-space:nowrap}.toolbar-button{padding:0 13px;text-decoration:none}.toolbar-button:hover,.icon-button:hover,.ghost-action:hover{border-color:#ddaa33bf;background:#31302cf5;transform:translateY(-1px)}.toolbar-button.active,.icon-button.active{border-color:var(--amber);color:#111113;background:var(--amber)}.toolbar-button.primary{border-color:#e84a3ac7;background:var(--red);color:var(--paper);font-weight:800}.icon-button{width:38px}.icon-button:disabled{opacity:.36;cursor:not-allowed;transform:none}.hidden-input{position:absolute;opacity:0;pointer-events:none}.workspace{min-height:0;display:grid;grid-template-columns:244px minmax(420px,1fr) 344px;gap:14px;padding:14px}.left-rail,.right-rail,.stage-column{min-height:0}.left-rail,.right-rail{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);overflow:auto}.left-rail,.right-rail{padding:14px;display:flex;flex-direction:column;gap:14px}.panel-title{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--paper)}.shot-card{width:100%;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;text-align:left;padding:12px;border-radius:7px;border:1px solid var(--line-strong);background:linear-gradient(135deg,rgba(221,170,51,.18),transparent 48%),#222229e0;color:var(--paper);cursor:pointer}.shot-number{height:42px;display:grid;place-items:center;border:1px solid rgba(221,170,51,.6);border-radius:6px;font-family:JetBrains Mono,monospace;color:var(--amber)}.shot-card strong,.shot-card small{display:block}.shot-card small{margin-top:3px;color:var(--muted);font-size:12px}.mini-section{display:grid;gap:9px;padding-top:12px;border-top:1px solid var(--line)}.mini-section p,.empty-copy{margin:0;color:var(--paper-dim);font-size:13px;line-height:1.7}.legend-list{display:grid;gap:10px}.legend-row{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:8px;color:var(--paper-dim);font-size:12px;line-height:1.55}.legend-dot{width:18px;height:18px;display:inline-block;justify-self:center;border:3px solid var(--paper);border-radius:50%;background:var(--red)}.legend-arrow{position:relative;width:34px;height:0;display:inline-block;border-top:3px solid var(--cyan)}.legend-arrow:after{content:"";position:absolute;right:-1px;top:-7px;width:0;height:0;border-left:10px solid var(--cyan);border-top:6px solid transparent;border-bottom:6px solid transparent}.legend-arrow.dashed{border-top-style:dashed}.legend-camera{position:relative;width:24px;height:16px;display:inline-block;justify-self:center;border:2px solid var(--amber);border-radius:999px;background:#111113d6}.legend-camera:after{content:"";position:absolute;left:50%;bottom:-12px;transform:translate(-50%);width:0;height:0;border-top:10px solid var(--amber);border-left:6px solid transparent;border-right:6px solid transparent}.stage-column{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}.stage-header{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;border:1px solid var(--line);border-radius:8px;background:#18181cdb}.stage-header strong,.selected-name{display:block;margin-top:4px;font-weight:800}.status-line{max-width:48%;color:var(--paper-dim);font-size:13px;text-align:right}.toast-viewport{position:fixed;top:88px;right:18px;z-index:80;width:min(420px,calc(100vw - 28px));pointer-events:none}.status-toast{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;padding:13px 15px 13px 13px;border:1px solid rgba(221,170,51,.44);border-left:3px solid var(--amber);border-radius:8px;background:linear-gradient(135deg,rgba(221,170,51,.14),transparent 42%),#111113f0;box-shadow:0 18px 48px #0000007a;color:var(--paper);font-size:14px;font-weight:800;line-height:1.45;animation:toast-slide 3.6s cubic-bezier(.18,.88,.24,1) both;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.status-toast svg{color:var(--amber)}.status-toast span{min-width:0}@keyframes toast-slide{0%{opacity:0;transform:translate(112%) scale(.98)}12%,78%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(18px) scale(.99)}}.stage{position:relative;min-height:420px;align-self:start;border:1px solid var(--line-strong);border-radius:8px;background:linear-gradient(135deg,rgba(243,239,230,.08) 0 1px,transparent 1px 100%),#0c0c0e;box-shadow:var(--shadow);overflow:hidden;-webkit-user-select:none;user-select:none}.stage.tool-character,.stage.tool-camera{cursor:crosshair}.stage.tool-facing,.stage.tool-path{cursor:copy}.stage-image{display:block;width:100%;height:auto;min-height:420px;max-height:calc(100vh - 166px);object-fit:contain;background:#0b0b0d}.annotation-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:var(--cyan);z-index:1}.movement-path{fill:none;stroke-width:.62;stroke-dasharray:2.2 1.45}.facing-line{stroke-width:.64}.camera-arrow-line{stroke:var(--amber);stroke-linecap:round;stroke-width:.62}.camera-arrow-head{stroke:var(--amber);stroke-linecap:round;stroke-width:.52}.arrow-tip{stroke-linecap:round;stroke-linejoin:round;stroke-width:0}.character-pin,.camera-pin{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;color:var(--paper);cursor:grab;touch-action:none;z-index:2}.character-pin:active,.camera-pin:active{cursor:grabbing}.pin-dot{width:clamp(34px,4vw,54px);height:clamp(34px,4vw,54px);display:grid;place-items:center;border:5px solid var(--paper);border-radius:50%;background:var(--pin-color);box-shadow:0 8px 22px #0006;color:var(--paper);font-family:JetBrains Mono,monospace;font-weight:800;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.pin-label{position:absolute;padding:2px 7px 4px;border-radius:4px;background:#111113e6;color:var(--paper);font-size:clamp(13px,1.3vw,18px);font-weight:800;white-space:nowrap;text-shadow:0 2px 2px rgba(0,0,0,.8);pointer-events:none}.character-pin.label-top .pin-label{left:50%;bottom:calc(100% + 18px);transform:translate(-50%)}.character-pin.label-bottom .pin-label{left:50%;top:calc(100% + 18px);transform:translate(-50%)}.character-pin.label-left .pin-label{right:calc(100% + 18px);top:50%;transform:translateY(-50%)}.character-pin.label-right .pin-label{left:calc(100% + 18px);top:50%;transform:translateY(-50%)}.character-pin.selected .pin-dot,.camera-pin.selected{outline:2px solid var(--amber);outline-offset:5px}.character-pin.selected,.camera-pin.selected{z-index:4}.stage.exporting .character-pin.selected .pin-dot,.stage.exporting .camera-pin.selected{outline:none}.camera-pin{min-width:88px;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:2px solid var(--amber);border-radius:999px;background:#111113db;box-shadow:0 10px 24px #0006;color:var(--paper);font-size:12px;font-weight:800}.panel-block{display:grid;gap:12px;padding:13px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,rgba(243,239,230,.045),transparent 45%),var(--panel-solid)}.field-label{display:grid;gap:7px;color:var(--paper-dim);font-size:12px;font-weight:700}.field-help{margin-top:-3px;color:#f3efe68a;font-size:12px;line-height:1.55}input,textarea{width:100%;border:1px solid var(--line-strong);border-radius:7px;background:#111113db;color:var(--paper);outline:none}input{height:38px;padding:0 11px}input:focus,textarea:focus{border-color:var(--amber)}input[type=range]{padding:0;accent-color:var(--amber)}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 8px}.swatch{display:grid;gap:5px;justify-items:center;min-width:0;padding:0;border:0;background:transparent;color:var(--paper-dim);cursor:pointer;overflow:visible}.swatch-chip{width:100%;height:30px;border:2px solid rgba(243,239,230,.16);border-radius:7px;background:var(--swatch-color);box-shadow:inset 0 0 0 1px #1111131f}.swatch-name{color:#f3efe6d1;font-size:11px;font-weight:800;line-height:1}.swatch.selected .swatch-chip{border-color:var(--paper);outline:2px solid var(--amber);outline-offset:2px}.swatch.selected .swatch-name{color:var(--amber)}.swatch:focus-visible .swatch-chip{outline:2px solid var(--amber);outline-offset:2px}.inspector-stack{display:grid;gap:11px}.two-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ghost-action,.danger-action{min-height:36px;padding:0 10px;font-size:12px;font-weight:800}.danger-action{border-color:#e84a3a8a;background:#e84a3a24;color:#ff9a8f}.danger-action:hover{border-color:var(--red);background:#e84a3a38}.export-panel textarea{min-height:210px;padding:11px;resize:vertical;color:#f3efe6db;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.55}.support-shell{min-height:100vh;color:var(--paper)}.support-topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;border-bottom:1px solid var(--line);background:#111113e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.support-brand{display:grid;gap:4px;color:var(--paper);text-decoration:none}.support-brand strong{font-family:Archivo,Noto Sans SC,sans-serif;font-size:24px;line-height:1}.support-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.support-page{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:44px 0 56px}.support-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:stretch;margin-bottom:20px}.support-copy,.support-note,.support-method-card,.support-contact{border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,rgba(243,239,230,.055),transparent 44%),var(--panel-solid);box-shadow:var(--shadow)}.support-copy{min-height:250px;display:grid;align-content:end;gap:18px;padding:clamp(24px,4vw,42px);position:relative;overflow:hidden}.support-copy:after{content:"";position:absolute;inset:auto 28px 26px auto;width:190px;height:190px;border:1px solid rgba(221,170,51,.34);transform:rotate(17deg);opacity:.38}.support-copy h1{max-width:780px;font-size:clamp(34px,5.2vw,72px);line-height:.95}.support-copy p,.support-note p,.support-method-card p,.support-contact p{margin:0;color:var(--paper-dim);font-size:15px;line-height:1.75}.support-note{display:grid;align-content:end;gap:16px;padding:22px}.support-note svg{color:var(--amber)}.support-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.support-method-card{display:grid;gap:16px;align-content:start;padding:18px}.support-method-head{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start}.support-method-head svg{color:var(--amber);margin-top:3px}.support-method-head strong,.support-method-head span{display:block}.support-method-head strong{color:var(--paper);font-size:17px;line-height:1.35}.support-method-head span{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.5}.support-qr-frame{--qr-image-height: 296px;height:320px;display:grid;place-items:center;padding:12px;border:1px solid var(--line-strong);border-radius:8px;background:#f3efe6;overflow:hidden}.support-qr-frame img{width:auto;height:var(--qr-image-height);max-width:100%;display:block;object-fit:contain;border-radius:6px}.support-platform-card{align-content:stretch}.support-primary-link{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:end;padding:0 14px;border:1px solid rgba(221,170,51,.78);border-radius:7px;background:var(--amber);color:#111113;font-weight:800;text-decoration:none}.support-primary-link:hover{transform:translateY(-1px)}.support-contact{margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:stretch;padding:20px}.support-contact-copy{display:grid;align-content:center;gap:14px}.support-contact-copy svg{color:var(--amber)}.support-contact-copy h2{margin:0;color:var(--paper);font-family:Archivo,Noto Sans SC,sans-serif;font-size:clamp(28px,3.2vw,44px);line-height:1}.support-contact-qr{height:320px;display:grid;place-items:center;padding:12px;border:1px solid var(--line-strong);border-radius:8px;background:#f3efe6;overflow:hidden}.support-contact-qr img{width:auto;height:296px;max-width:100%;display:block;object-fit:contain;border-radius:6px}@media(max-width:1160px){.workspace{grid-template-columns:1fr}.left-rail,.right-rail{max-height:none}.topbar{grid-template-columns:1fr;height:auto;padding:14px}.tool-strip{justify-content:flex-start}.status-line{max-width:none;text-align:left}.toast-viewport{top:96px;right:12px;width:calc(100vw - 24px)}.support-hero,.support-methods,.support-contact{grid-template-columns:1fr}.support-note{min-height:150px}}@media(max-width:720px){.toolbar-button span{display:none}.workspace{padding:8px}.stage-header{align-items:flex-start;flex-direction:column}.stage-image,.stage{min-height:320px}.support-topbar{align-items:flex-start;flex-direction:column}.support-nav{justify-content:flex-start}.support-page{width:calc(100% - 16px);padding:20px 0 36px}.support-copy{min-height:280px}.support-qr-frame{--qr-image-height: 276px;height:300px}.support-contact{padding:16px}.support-contact-qr{height:300px}.support-contact-qr img{height:276px}}