:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #070707;--panel: rgba(19, 19, 19, .88);--panel-2: rgba(255, 255, 255, .03);--line: rgba(255, 255, 255, .08);--line-strong: rgba(242, 200, 107, .32);--text: #f7f3ec;--muted: rgba(247, 243, 236, .68);--gold: #f2c86b;--gold-strong: #ffd46d;--shadow: 0 22px 48px rgba(0, 0, 0, .42);--board-dark: #312515;--board-light: #ae8950;--board-edge: #4a3312;--radius: 18px;--cell-size: min(7vw, 58px)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at top right,rgba(242,200,107,.12),transparent 26%),radial-gradient(circle at bottom left,rgba(255,255,255,.05),transparent 22%),linear-gradient(180deg,#0b0b0b,#060606 74%);color:var(--text)}button,input{font:inherit}button{cursor:pointer}.app-shell{position:relative;width:min(1500px,calc(100% - 32px));margin:0 auto;padding:24px 0 32px}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-size:cover;background-position:center;opacity:.12;pointer-events:none;mix-blend-mode:screen}.hero,.workspace{position:relative;z-index:1}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:20px;margin-bottom:20px}.brand-panel,.panel,.visual-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-panel{padding:26px}.brand-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.particula-wordmark{letter-spacing:.14em;font-size:.82rem;color:var(--muted);text-transform:uppercase}.divider-dot{width:4px;height:4px;border-radius:999px;background:#ffffff47}.gochess-chip,.status-pill,.mini-pill{border-radius:999px;border:1px solid rgba(255,255,255,.09);background:#ffffff0a}.gochess-chip{color:var(--gold);font-size:.76rem;padding:7px 12px;letter-spacing:.18em;text-transform:uppercase}.brand-panel h1,.panel h2,.modal-card h2{margin:0;font-size:clamp(1.5rem,2vw,2.3rem);line-height:1.05}.brand-panel p,.helper-text,.modal-card p{color:var(--muted);line-height:1.55}.hero-actions,.button-group,.panel-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-actions{margin-top:20px}.primary-button,.ghost-button,.tool-button,.scene-card-main,.delete-scene,.swatch,.board-cell{border:1px solid transparent;transition:.14s ease}.primary-button,.ghost-button,.tool-button,.delete-scene{min-height:42px;padding:0 14px;border-radius:10px}.primary-button{background:linear-gradient(180deg,var(--gold-strong),var(--gold));color:#111;font-weight:700}.ghost-button,.tool-button,.delete-scene{background:#ffffff0a;color:var(--text);border-color:#ffffff14}.import-button{position:relative;overflow:hidden}.primary-button:hover,.ghost-button:hover,.tool-button:hover,.scene-card-main:hover,.delete-scene:hover,.swatch:hover{transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.hero-visual{display:grid;grid-template-columns:1fr .72fr;gap:16px;align-items:stretch}.visual-card{overflow:hidden;min-height:250px}.visual-card img{width:100%;height:100%;object-fit:cover;display:block}.product-card img{object-position:center}.preview-card img{object-position:center top}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px}.sidebar,.editor-column{display:grid;gap:18px;align-content:start}.panel{padding:18px}.panel-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}.eyebrow{margin:0 0 6px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffff80}.panel h2{font-size:1.14rem}.status-pill,.mini-pill{padding:7px 12px;font-size:.78rem;color:var(--muted)}.status-pill.live{background:var(--gold);color:#111}.status-pill.warning{background:#ffd988;color:#111}.field{display:grid;gap:8px;margin-bottom:14px}.field span,.meta-label{font-size:.82rem;color:var(--muted)}.field input[type=text],.field input[type=number],.field input[type=color]{width:100%;min-height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text);padding:0 12px}.field input[type=color]{padding:4px}.meta-grid,.scene-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.meta-grid strong,.scene-stats span{display:block;margin-top:5px}.stack{flex-direction:column}.palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.swatch{min-height:52px;border-radius:12px;position:relative;overflow:hidden}.swatch span{position:absolute;inset:auto 6px 6px 6px;font-size:.72rem;text-shadow:0 1px 3px rgba(0,0,0,.35)}.swatch.selected{outline:2px solid var(--gold);outline-offset:2px}.tool-button.active{border-color:#f2c86b75;color:var(--gold)}.board-stage{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px}.board-wrap{padding:18px;border-radius:16px;background:linear-gradient(145deg,#ffffff0a,#ffffff04);border:1px solid var(--line)}.top-coordinates,.left-coordinates{display:grid;color:#ffffff75;font-size:.76rem}.top-coordinates{grid-template-columns:repeat(8,var(--cell-size));gap:6px;margin-left:26px;margin-bottom:8px}.left-coordinates{grid-template-rows:repeat(8,var(--cell-size));gap:6px;margin-right:8px}.top-coordinates span,.left-coordinates span{display:grid;place-items:center}.board-row{display:flex}.board-grid{display:grid;grid-template-columns:repeat(8,var(--cell-size));grid-template-rows:repeat(8,var(--cell-size));gap:6px;padding:12px;border-radius:16px;background:linear-gradient(180deg,#513814e6,#1d1509f2);border:1px solid rgba(242,200,107,.24)}.board-cell{width:var(--cell-size);height:var(--cell-size);border-radius:8px;background:var(--cell-color);position:relative;border-color:#ffffff14}.board-cell:after{content:attr(data-label);position:absolute;right:6px;bottom:5px;font-size:.65rem;color:#ffffff3d}.board-cell.lit{box-shadow:0 0 0 1px #f2c86b4d,0 0 18px #f2c86b1c}.scene-sidebar{padding:16px;border-radius:16px;border:1px solid var(--line);background:#ffffff05}.checkbox-row{display:flex;gap:10px;align-items:center;color:var(--muted)}.scene-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.scene-card{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.scene-card.selected{border-color:#f2c86b73;box-shadow:inset 0 0 0 1px #f2c86b24}.scene-card-main{width:100%;border:0;background:transparent;color:inherit;padding:0;text-align:left}.scene-preview{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;aspect-ratio:1;padding:8px;border-radius:10px;background:#00000038}.scene-preview-cell{border-radius:2px}.scene-copy{display:grid;gap:4px;margin-top:10px}.scene-copy span{color:var(--muted);font-size:.78rem}.delete-scene{width:100%;margin-top:10px}.modal-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000094;z-index:20;padding:20px}.modal-card{width:min(480px,100%);background:#141414;border:1px solid rgba(242,200,107,.28);border-radius:18px;padding:24px;box-shadow:var(--shadow)}@media (max-width: 1180px){.hero,.workspace,.board-stage{grid-template-columns:1fr}}@media (max-width: 820px){.app-shell{width:min(100% - 18px,1500px);padding-top:18px}.hero-visual{grid-template-columns:1fr}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-grid,.scene-stats{grid-template-columns:1fr}:root{--cell-size: min(10.5vw, 46px)}}