:root{--ink:#513c47;--muted:#806d77;--paper:#fffafb;--line:#eedee5;--accent:#b53960}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei",system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;min-height:44px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:100px;padding:10px 18px;transition:background .2s,box-shadow .2s}button:hover{background:#f8e5ec}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,#scene:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer{width:min(1320px,90%);margin:auto}header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:26px;font-weight:800;letter-spacing:-1px}.brand span{color:var(--accent)}.brand small{font-size:12px;letter-spacing:2px;margin-left:10px}.back{font-size:13px;padding:12px 0}main{display:grid;grid-template-columns:.78fr 1.5fr;gap:30px 50px;padding-top:44px}.intro{align-self:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--accent)}h1{font-size:clamp(40px,4.6vw,66px);letter-spacing:-3px;line-height:1.22;margin:26px 0}h1 span{color:#bd6384}.description{font-size:15px;line-height:2;color:var(--muted)}.name{margin-top:36px;font-size:16px;font-weight:700;display:flex;align-items:center;gap:10px}.name small{font-weight:400;font-size:11px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:#cf7c9b}.studio{position:relative;border-radius:30px;background:radial-gradient(ellipse at 50% 42%,#fff9fb,#f2dfe8);overflow:hidden;min-width:0}.stage-label,.stage-footer{position:absolute;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;z-index:1;font-size:10px;letter-spacing:1.4px}.stage-label{top:24px;color:#95677b}.stage-footer{bottom:16px;letter-spacing:0;color:#825a6d}.stage-footer button{font-size:11px;border:0;padding:8px}#scene{height:510px;width:100%;touch-action:none}#scene canvas{display:block;width:100%;height:100%}#loading{position:absolute;top:45%;width:100%;text-align:center;font-size:14px}.controls{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr .8fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;gap:32px}.label{font-size:11px;color:var(--accent);margin:0 0 16px}.label span{color:var(--muted);margin-left:12px}.coats,.actions,.views{display:flex;gap:8px;flex-wrap:wrap}.coats button{font-size:12px;display:flex;align-items:center;gap:8px;padding:10px 13px}.coats button[aria-pressed=true]{border-color:var(--ink);background:#fff}.coats i{display:block;width:19px;height:19px;background:var(--swatch);border-radius:50%;border:1px solid #0001}.actions button,.views button{font-size:12px}.primary{background:var(--ink);color:#fff}.primary:hover{background:#75445b}.status{grid-column:1/-1;text-align:center;font-size:12px;color:var(--muted);margin:0 0 24px}footer{display:flex;justify-content:space-between;padding-bottom:24px;font-size:10px;letter-spacing:1px;color:var(--muted)}@media(max-width:800px){header{height:76px}main{gap:24px;padding-top:26px;grid-template-columns:1fr}.intro{padding:0 8px}h1{font-size:42px;margin:16px 0}h1 br{display:none}.description br{display:none}.name{margin-top:18px}.studio{grid-row:2}#scene{height:440px}.controls{grid-template-columns:1fr 1fr;gap:24px}.control-block:first-child{grid-column:1/-1}}@media(max-width:420px){header,main,footer{width:92%}.eyebrow{font-size:9px}h1{font-size:37px;letter-spacing:-2px}.description{font-size:13px}.name small{font-size:10px}#scene{height:390px}.stage-label,.stage-footer{left:16px;right:16px}.stage-label{font-size:8px}.stage-footer{font-size:9px}.controls{gap:20px 10px}.actions button,.views button{padding:9px 12px}.coats button{padding:10px 12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}