:root{color-scheme:dark;--bg: #170714;--ink: #fff7fb;--muted: rgba(255, 247, 251, .72);--line: rgba(255, 247, 251, .2);--panel: rgba(49, 12, 43, .78);--rose: #ff5bbd;--hot: #ff1f9a;--blush: #ffc1df;--gold: #ffe18a;--teal: #7cf5e7;--deep: #2b102b}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{min-height:100svh;background:radial-gradient(circle at 18% 18%,rgba(255,91,189,.28),transparent 30%),linear-gradient(140deg,rgba(255,31,154,.24),transparent 36%),linear-gradient(320deg,rgba(255,225,138,.15),transparent 28%),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{border:0;color:inherit;cursor:pointer}.page-shell{display:grid;min-height:100svh;grid-template-columns:minmax(0,1fr) minmax(320px,420px)}.viewer-stage{position:relative;min-height:100svh;overflow:hidden;border-right:1px solid var(--line)}.viewer-stage:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:58px 58px;content:"";-webkit-mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);pointer-events:none}.brand-row{position:absolute;top:max(18px,env(safe-area-inset-top));right:24px;left:24px;z-index:4;display:flex;align-items:center;gap:12px}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#ff1f9a38;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-weight:900}.brand-row span{color:var(--muted);font-size:.9rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}model-viewer{position:relative;z-index:1;display:block;width:100%;height:100svh;min-height:560px;background:radial-gradient(ellipse at 50% 74%,rgba(255,91,189,.34),transparent 42%),radial-gradient(ellipse at 50% 78%,rgba(255,225,138,.18),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 46%);opacity:0;transition:opacity .3s ease}model-viewer.has-model{opacity:1}.empty-stage{position:absolute;top:50%;left:50%;z-index:2;display:grid;width:min(540px,calc(100% - 48px));justify-items:center;gap:10px;padding:28px;border:1px solid rgba(255,247,251,.22);border-radius:8px;background:#310c2b94;text-align:center;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.empty-stage.is-hidden{display:none}.empty-stage p,.empty-stage h2,.empty-stage span{margin:0}.empty-stage p{color:var(--gold);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.empty-stage h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,4.2rem);line-height:.94}.empty-stage span{max-width:28rem;color:var(--muted);line-height:1.45}.hero-copy{position:absolute;right:24px;bottom:max(28px,env(safe-area-inset-bottom));left:24px;z-index:4;pointer-events:none}.hero-copy p{margin:0 0 8px;color:var(--gold);font-size:.86rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero-copy h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.4rem,9vw,8rem);font-weight:900;line-height:.9}.hero-copy span{display:block;max-width:34rem;margin-top:12px;color:var(--muted);font-size:clamp(1rem,2.2vw,1.25rem);line-height:1.45}.control-rail{display:grid;align-content:start;gap:18px;min-height:100svh;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:#170714bd;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.upload-panel,.model-list-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 22px 70px #00000047}.upload-panel{padding:18px}.model-list-panel{overflow:hidden}h2{margin:0 0 14px;font-size:1rem;letter-spacing:0}form{display:grid;gap:14px}label{display:grid;gap:8px;color:var(--muted);font-size:.82rem;font-weight:800}input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:7px;padding:0 12px;background:#fff7ed14;color:var(--ink)}input[type=file]{padding:11px 12px}.action-button{min-height:48px;border-radius:999px;padding:0 18px;background:linear-gradient(135deg,var(--hot),var(--rose) 56%,var(--gold));color:#171016;font-weight:900}.ar-button{margin:0 0 max(26px,env(safe-area-inset-bottom)) 24px}.status{min-height:22px;margin:12px 0 0;color:var(--muted);font-size:.86rem;line-height:1.4}.status[data-tone=success]{color:var(--teal)}.status[data-tone=warn]{color:var(--gold)}.status[data-tone=error]{color:#ff9a9a}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 16px 10px}.panel-heading h2{margin:0}.icon-button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff7ed14;color:var(--ink);font-size:1.1rem}.model-list{display:grid;max-height:calc(100svh - 330px);overflow:auto;padding:0 10px 10px}.model-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:72px;border-radius:7px;padding:12px;background:transparent;text-align:left}.model-item:hover,.model-item.is-active{background:#ff5bbd24}.model-item span{display:grid;min-width:0;gap:4px}.model-item strong,.model-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-item strong{color:var(--ink);font-size:.94rem}.model-item small{color:var(--muted)}.model-item b{flex:0 0 auto;color:var(--gold);font-size:.8rem}.empty-state{margin:0;padding:12px;color:var(--muted);font-size:.9rem}@media (max-width: 860px){body{overflow:auto}.page-shell{grid-template-columns:1fr}.viewer-stage{min-height:68svh;border-right:0;border-bottom:1px solid var(--line)}model-viewer{height:68svh;min-height:430px}.control-rail{min-height:auto}.model-list{max-height:none}}