:root{color:#121212;background:#f6f2ea;font-family:Aptos Display,Microsoft YaHei UI,PingFang SC,Noto Sans CJK SC,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--ink: #121212;--paper: #f6f2ea;--panel: #fffaf1;--line: #1b1b1b;--mint: #00e7d8;--signal: #ff2f56;--leaf: #44644a;--butter: #f3c84b;--muted: #6e6a61;--shadow: 10px 10px 0 #121212}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,rgba(18,18,18,.05) 1px,transparent 1px) 0 0 / 42px 42px,linear-gradient(rgba(18,18,18,.04) 1px,transparent 1px) 0 0 / 42px 42px,var(--paper)}button,input,select,textarea{font:inherit}button{border:2px solid var(--line);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}button:disabled{cursor:not-allowed;opacity:.55}button:not(:disabled):hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--line)}.shell{display:grid;grid-template-columns:minmax(320px,410px) 1fr;min-height:100vh}.rail{display:flex;flex-direction:column;gap:22px;padding:24px;background:#111;color:#fffaf1;border-right:3px solid var(--line)}.brand{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid rgba(255,250,241,.22)}.brand-mark{display:grid;width:58px;height:58px;place-items:center;background:linear-gradient(135deg,var(--mint) 0 45%,var(--signal) 45% 100%);color:#111;border:2px solid #fffaf1;font-weight:950;letter-spacing:0;box-shadow:5px 5px #fffaf1}.eyebrow{margin:0 0 6px;color:var(--signal);font-size:.73rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;line-height:.98;letter-spacing:0}h1{font-size:clamp(2rem,5vw,4.6rem);max-width:280px}h2{font-size:clamp(2.2rem,5vw,5.5rem);max-width:850px}.connection-panel,.status-card,.publish-form,.dropzone,.result-band{border:3px solid var(--line)}.connection-panel,.status-card{background:#fffaf1;color:var(--ink);padding:18px;box-shadow:7px 7px #fffaf138}.status-row{display:flex;align-items:center;gap:10px;font-weight:900}.pulse{width:14px;height:14px;border:2px solid var(--line);border-radius:999px}.pulse.on{background:var(--mint);box-shadow:0 0 0 5px #00e7d838}.pulse.off{background:var(--signal)}.creator{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px;background:#f1eadb;border:2px solid var(--line)}.creator img,.avatar-fallback{width:48px;height:48px;border:2px solid var(--line);border-radius:50%}.avatar-fallback{display:grid;place-items:center;background:var(--butter);font-weight:950}.creator strong,.creator span{display:block;overflow-wrap:anywhere}.creator span{color:var(--muted);font-size:.82rem}.token-grid{display:grid;gap:12px;margin:18px 0}.token-grid div{padding-top:12px;border-top:2px solid var(--line)}dt{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}dd{margin:4px 0 0;overflow-wrap:anywhere}.button-row{display:flex;flex-wrap:wrap;gap:10px}.primary,.ghost,.submit,.icon-button{min-height:42px;padding:0 16px;background:var(--mint);color:var(--ink);font-weight:950}.ghost{background:#fffaf1}.danger{color:var(--signal)}.alert{margin:14px 0 0;padding:12px;background:#ffe3e8;border:2px solid var(--signal);color:#8d1030;overflow-wrap:anywhere}.status-card label{display:block;margin-bottom:8px;font-weight:950}.status-input{display:grid;grid-template-columns:1fr 46px;gap:8px}.status-input input,.publish-form input,.publish-form select,.publish-form textarea{width:100%;border:2px solid var(--line);background:#fffefa;color:var(--ink);padding:11px 12px;outline:none}.status-input input:focus,.publish-form input:focus,.publish-form select:focus,.publish-form textarea:focus{box-shadow:0 0 0 4px #00e7d838}.icon-button{padding:0;font-size:1.1rem}pre{max-height:260px;overflow:auto;margin:14px 0 0;padding:12px;background:#151515;color:#dcfff9;border:2px solid var(--line);white-space:pre-wrap}.workspace{padding:28px clamp(18px,4vw,58px) 42px}.topline{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.compact-stat{min-width:112px;padding:12px;background:var(--butter);border:3px solid var(--line);box-shadow:var(--shadow);text-align:center}.compact-stat span,.compact-stat small{display:block}.compact-stat span{font-size:2rem;font-weight:950}.compact-stat small{font-size:.76rem;font-weight:900}.uploader-grid{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(330px,1.05fr);gap:24px;align-items:start}.dropzone{position:sticky;top:24px;display:grid;min-height:620px;overflow:hidden;background:linear-gradient(135deg,rgba(0,231,216,.15),transparent 35%),linear-gradient(315deg,rgba(255,47,86,.14),transparent 38%),#fffaf1;box-shadow:var(--shadow)}.dropzone.active{background:#d8fff8}.dropzone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.dropzone video{width:100%;height:100%;min-height:620px;object-fit:contain;background:#080808}.drop-copy{display:grid;place-items:center;align-content:center;gap:10px;min-height:620px;padding:22px;text-align:center}.drop-symbol{display:grid;width:82px;height:82px;place-items:center;background:var(--signal);color:#fff;border:3px solid var(--line);border-radius:50%;font-size:3.5rem;font-weight:900;line-height:1}.drop-copy strong{font-size:1.9rem;font-weight:950}.drop-copy small{max-width:260px;color:var(--muted);font-weight:800}.publish-form{display:grid;gap:18px;padding:22px;background:#fffaf1;box-shadow:var(--shadow)}.publish-form label{display:grid;gap:8px;font-weight:950}.publish-form textarea{resize:vertical;min-height:126px}.switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.switch{grid-template-columns:22px 1fr;align-items:center;min-height:48px;padding:10px;background:#f1eadb;border:2px solid var(--line)}.switch input{width:18px;height:18px;accent-color:var(--signal)}.file-strip,.result-band{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;background:#111;color:#fffaf1}.file-strip strong,.file-strip span{overflow-wrap:anywhere}.progress-wrap{display:none}.progress-wrap.visible{display:grid;gap:8px}.progress-meta{display:flex;justify-content:space-between;font-weight:950}.progress-track{height:16px;background:#f1eadb;border:2px solid var(--line)}.progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--mint),var(--signal));transition:width .22s ease}.submit{min-height:58px;background:var(--signal);color:#fffaf1;font-size:1.05rem}.result-band{margin-top:24px;background:var(--leaf);box-shadow:var(--shadow)}.result-band strong{font-size:1.35rem;overflow-wrap:anywhere}@media(max-width:1100px){.shell,.uploader-grid{grid-template-columns:1fr}.rail{border-right:0;border-bottom:3px solid var(--line)}.dropzone{position:relative;top:auto;min-height:420px}.dropzone video,.drop-copy{min-height:420px}}@media(max-width:640px){.rail,.workspace{padding:16px}.topline,.result-band,.file-strip{align-items:stretch;flex-direction:column}.switch-grid{grid-template-columns:1fr}.button-row{display:grid}.primary,.ghost,.submit{width:100%}}