:root{color-scheme:dark;--bg-0: #07090d;--bg-1: #0c1016;--bg-2: #121823;--panel: rgba(12, 17, 24, .74);--panel-strong: rgba(8, 12, 18, .92);--panel-soft: rgba(255, 255, 255, .035);--line: rgba(163, 179, 201, .15);--line-strong: rgba(163, 179, 201, .3);--text: #f4f7fb;--muted: #95a2b6;--accent: #6ea8ff;--accent-strong: #3f7ef5;--accent-soft: rgba(110, 168, 255, .2);--danger: #ff907f;--shadow: rgba(0, 0, 0, .42);--radius: 22px;--radius-sm: 16px;--panel-width: min(24rem, calc(100vw - 2rem) );--font-body: "Aptos", "Segoe UI", sans-serif;--font-display: "Bahnschrift", "Aptos", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top center,rgba(110,168,255,.1),transparent 18%),radial-gradient(circle at 14% 18%,rgba(255,255,255,.035),transparent 18%),linear-gradient(180deg,#0a0d13,#07090d 42%,#090c12);letter-spacing:.01em;overflow:hidden}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none}body:before{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 12%),repeating-linear-gradient(90deg,transparent 0,transparent 96px,rgba(255,255,255,.012) 96px,rgba(255,255,255,.012) 97px);opacity:.4}body:after{background:radial-gradient(circle at center,transparent 56%,rgba(1,2,4,.54) 100%),repeating-linear-gradient(0deg,transparent 0,transparent 5px,rgba(255,255,255,.01) 5px,rgba(255,255,255,.01) 6px);opacity:.24}button,input,select{font:inherit}.app{width:100%;height:100svh;min-height:100svh}.viewport{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 14%,rgba(110,168,255,.08),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.016),transparent 14%),linear-gradient(180deg,#111723,#07090d 74%)}.viewport-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at center,transparent 48%,rgba(4,7,11,.28) 100%),linear-gradient(180deg,#ffffff04,#00000024 18%,#0000005c)}#stage{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.panel-dock,.status{z-index:1}.toolrail{position:absolute;top:18px;right:18px;display:flex;flex-direction:column;gap:10px;z-index:2}.toolchip{width:4.9rem;min-width:4.9rem;padding:9px 8px 10px;border:1px solid var(--line);border-radius:18px;text-align:center;background:linear-gradient(180deg,#ffffff0a,#ffffff04),#0a0e14d1;box-shadow:0 16px 34px #00000047,inset 0 1px #ffffff0a}.toolchip span,.toolchip strong{display:block}.toolchip span{color:var(--muted);font-size:.67rem;letter-spacing:.16em}.toolchip strong{margin-top:4px;color:var(--text);font-size:.73rem;font-weight:700}.toolchip.active{border-color:#6ea8ff6b;background:linear-gradient(180deg,#6ea8ff2e,#6ea8ff0d),#0d121af0;box-shadow:0 18px 40px #00000057,0 0 0 1px #6ea8ff1f,inset 0 1px #ffffff0f}.toolchip.active span,.toolchip.active strong{color:#f6faff}.hidden{display:none!important}.panel-dock{position:absolute;inset:0;pointer-events:none}.panel-column{position:absolute;display:flex;flex-direction:column;gap:14px;width:var(--panel-width);max-height:calc(100svh - 12rem);padding-right:2px;padding-bottom:88px;overflow:auto}.panel-column-left{top:18px;left:18px}.panel-column-right{top:18px;right:92px}.floating-panel{min-width:0;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 24%),linear-gradient(180deg,#ffffff05,#ffffff02),var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 22px 48px #00000052,inset 0 1px #ffffff0a;pointer-events:auto;overflow:hidden}.panel-card{display:none}.panel-card.is-open{display:block}.eyebrow,h1,h2,p{margin:0}.eyebrow{color:var(--accent);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em}h1{margin-top:6px;font-family:var(--font-display);font-size:clamp(2rem,3vw,3.2rem);line-height:.95;letter-spacing:.04em;text-transform:uppercase}h2{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.19em}.hint{margin-top:10px;color:var(--muted);font-size:.9rem;line-height:1.45}.small{font-size:.8rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head span,.field span{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.16em}.field{display:grid;gap:9px;min-width:0}.field+.field{margin-top:12px}.model-only.hidden,.panel-empty.hidden{display:none}input[type=file],select,button{width:100%;min-width:0;border:1px solid var(--line);border-radius:14px;color:var(--text);background:linear-gradient(180deg,#ffffff06,#ffffff02),#080c12d1;padding:12px 14px;box-shadow:inset 0 1px #ffffff08}select,input[type=file]{overflow:hidden}input[type=range]{width:100%;margin:0;accent-color:var(--accent-strong)}button{cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.08em;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,box-shadow .14s ease,color .14s ease}button:hover{transform:translateY(-1px);border-color:#6ea8ff57}button:active{transform:translateY(0)}button:not(.ghost):not(.danger){border-color:#6ea8ff47;background:linear-gradient(180deg,#7db1ff42,#3f7ef524),linear-gradient(135deg,#0f1622f5,#0a0e15f5);color:#f7fbff;box-shadow:0 14px 28px #060c1657,inset 0 1px #ffffff0f}button.ghost{background:linear-gradient(180deg,#ffffff05,#ffffff02),#0b0f15c2}button:disabled,.toolchip:disabled{cursor:not-allowed;opacity:.46;transform:none;border-color:var(--line);box-shadow:none}button.danger{border-color:#ff907f3d;background:linear-gradient(180deg,#ff907f29,#ff907f0f),#160e10f2;color:#ffe9e5}button[aria-pressed=true]{border-color:#6ea8ff52;background:linear-gradient(180deg,#6ea8ff2e,#3f7ef514),#0a1019f0;color:#f7fbff;box-shadow:0 12px 24px #060c1647,inset 0 1px #ffffff0d}.actions{display:grid;gap:10px}.actions-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.actions-stack{grid-template-columns:1fr}.layer-actions{margin-bottom:14px}.layers-panel{gap:0}.layers-panel.is-open{display:grid;gap:0}.texture-tools{display:grid;gap:12px;margin-bottom:14px;padding:12px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#ffffff05,#ffffff02),#080c128a}.texture-summary{display:grid;gap:4px}.texture-summary-card{margin-bottom:12px;padding:12px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#ffffff05,#ffffff02),#080c128a}.texture-summary-label,.texture-summary small{color:var(--muted)}.texture-summary-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em}.texture-summary strong{font-size:.92rem;line-height:1.2}.texture-summary small{font-size:.78rem;line-height:1.35}.layers{display:grid;gap:10px;max-height:min(38svh,28rem);padding-right:2px;overflow:auto}.layer{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px;border:1px solid transparent;border-radius:16px;background:linear-gradient(180deg,#ffffff04,#ffffff02),#090d12b8;cursor:pointer;text-align:left}.layer.active{border-color:#6ea8ff4d;background:linear-gradient(90deg,rgba(110,168,255,.14),transparent 64%),linear-gradient(180deg,#ffffff06,#ffffff02),#0a0f16db;box-shadow:inset 0 0 0 1px #6ea8ff1a}.layer img{width:52px;height:52px;border-radius:12px;object-fit:cover;background:#05070a;border:1px solid rgba(255,255,255,.08)}.layer strong,.layer small{display:block;min-width:0;overflow-wrap:anywhere}.layer strong{font-size:.84rem;line-height:1.2}.layer small,.layer span{color:var(--muted);font-size:.72rem}.controls.hidden{display:none}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.control-wide{grid-column:1 / -1}.base-control-grid{margin-top:14px}.status{position:absolute;left:50%;bottom:18px;transform:translate(-50%);width:min(52rem,calc(100vw - 2rem));padding:13px 18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#ffffff05,#ffffff01),#090d12c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 40px #00000052;overflow-wrap:anywhere}.status span{display:block;color:#dbe7f8;font-size:.86rem}@media(max-width:1200px){.panel-column-right,.panel-column-left{width:min(20rem,calc(50vw - 2.75rem))}}@media(max-width:960px){body{overflow:hidden}.toolrail{top:12px;right:12px;gap:8px}.toolchip{width:3.9rem;min-width:3.9rem;padding:9px 6px;border-radius:16px}.toolchip strong{font-size:.64rem}.panel-dock{inset:auto 12px 74px;max-height:min(41svh,24rem);padding:0;overflow:auto;pointer-events:auto}.panel-column{position:static;width:auto;max-height:none;display:block;padding:0;overflow:visible}.panel-column+.panel-column{margin-top:10px}.layers{max-height:none}.control-grid{grid-template-columns:1fr}.status{right:12px;bottom:12px;left:12px;width:auto;transform:none;padding:12px 14px}}@media(max-width:640px){.floating-panel{padding:14px;border-radius:18px}.toolrail{inset:auto 12px 86px;flex-direction:row;justify-content:space-between}.toolchip{flex:1;width:auto;min-width:0}.panel-dock{bottom:152px;max-height:min(30svh,18rem)}.actions-compact{grid-template-columns:1fr}.status span,.hint{font-size:.82rem}}