@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{--bg-1: #f7f1e8;--bg-2: #dce9e7;--panel: rgba(253, 252, 248, .88);--card: #f6f4ee;--line: #c4d2cc;--ink: #162126;--muted: #516168;--accent: #0c7b74;--accent-2: #145b62;--accent-soft: #d7efed}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:Plus Jakarta Sans,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(1200px 900px at -10% -20%,#fff9f0 0%,transparent 68%),radial-gradient(1000px 760px at 120% 120%,#d3ece9 0%,transparent 68%),linear-gradient(150deg,var(--bg-1),var(--bg-2))}.app{width:100%;height:100%}.layout{display:grid;grid-template-columns:minmax(340px,1fr) minmax(350px,430px);gap:20px;width:100%;height:100%;padding:20px}.scene{position:relative;border-radius:24px;border:1px solid #bdd0ca;overflow:hidden;background:linear-gradient(180deg,#f2f4f2,#d9e1dd);box-shadow:0 24px 54px #1a2a2b21,inset 0 1px #ffffffb3}.sceneOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#ecf2f0d6;color:#1c2a2c;font-size:14px}.sceneSpinner{width:34px;height:34px;border:4px solid #b9ceca;border-top-color:var(--accent);border-radius:999px;animation:spin .8s linear infinite}.sceneFallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;text-align:center;background:linear-gradient(160deg,#f3e9db,#e8dfd5)}.sceneFallback h3{margin:0;font-family:Spectral,serif;font-size:22px}.sceneFallback p{margin:0;max-width:340px}.panel{display:flex;flex-direction:column;gap:16px;overflow:auto;padding:16px;border-radius:24px;border:1px solid #b4c8c1;background:var(--panel);box-shadow:0 22px 45px #101c1f29,inset 0 1px #ffffffb8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.panelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panelEyebrow{margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5f7675}h1{margin:0;font-family:Fraunces,serif;font-size:44px;line-height:.88;letter-spacing:-.015em}h2{margin:0;font-size:18px;font-weight:800}.resetBtn{min-height:44px;padding:0 16px;border:0;border-radius:13px;background:linear-gradient(155deg,var(--accent),var(--accent-2));color:#fff;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 10px 18px #165d644d}.tabBar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px;border:1px solid #c5d5cf;border-radius:14px;background:linear-gradient(180deg,#ecf4f2,#e9f1ef)}.tabBtn{min-height:42px;border:0;border-radius:10px;background:transparent;color:#334247;cursor:pointer;padding:0 10px;font-size:12px;font-weight:700;line-height:1.1}.tabBtn.active{background:linear-gradient(155deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 14px #10525840}.group{display:flex;flex-direction:column;gap:12px;padding:15px;border-radius:15px;background:var(--card);border:1px solid #d5e1dc;box-shadow:inset 0 1px #ffffffb3}.sectionHidden{display:none}.field,.counterField{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--muted)}.switchRow{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted);font-weight:700}.switchRow span{display:flex;flex-direction:column;gap:2px}.switchRow small{font-size:11px;font-weight:700;letter-spacing:.01em;color:#708385}.switchBtn{width:56px;height:32px;border-radius:999px;border:1px solid #b9cbc6;background:#d7dfdc;padding:3px;cursor:pointer;display:flex;align-items:center;transition:background .2s ease}.switchBtn span{width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0003;transform:translate(0);transition:transform .2s ease}.switchBtn.on{background:linear-gradient(150deg,var(--accent),var(--accent-2))}.switchBtn.on span{transform:translate(24px)}.field span,.counterField span{font-weight:700}select,input[type=range]{width:100%}select{height:46px;border-radius:12px;border:1px solid #b9cbc6;padding:0 14px;background:#fdfdfb;color:var(--ink);font-size:16px;font-weight:700;outline:none;box-shadow:0 1px #ffffffb3}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:7px;border-radius:999px;background:linear-gradient(90deg,#b8d6d2,#cfdbd7)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;border:3px solid #e8f7f5;background:var(--accent);box-shadow:0 4px 10px #0e524e40;cursor:pointer}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:3px solid #e8f7f5;background:var(--accent);box-shadow:0 4px 10px #0e524e40;cursor:pointer}.counter{display:flex;align-items:center;gap:10px}.counter button{width:44px;height:44px;border-radius:12px;border:1px solid #b8cdc6;background:linear-gradient(180deg,#fdfefd,#f0f6f4);color:var(--ink);cursor:pointer;font-size:20px;font-weight:800}.counter strong{min-width:26px;text-align:center;font-size:18px;font-weight:800;color:var(--ink)}.colorGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.colorSwatch{width:100%;aspect-ratio:1;border-radius:12px;border:2px solid rgba(0,0,0,.03);cursor:pointer}.colorSwatch.active{border-color:#1a2b31;box-shadow:0 0 0 2px #f3f5f3}@media(max-width:1000px){.layout{grid-template-columns:1fr;grid-template-rows:minmax(350px,56vh) auto;height:100%;min-height:100%;padding:12px;gap:10px}.scene{border-radius:18px}.panel{border-radius:20px 20px 0 0;position:relative;padding-bottom:22px}h1{font-size:36px}.tabBtn{font-size:10px;min-height:42px}}@keyframes spin{to{transform:rotate(360deg)}}