.mock.earth{--accent:#d7c8a4;--bg:#34453b;--fg:#fff;--shape:#a2ae81}.mock.playful{--accent:#ffd681;--bg:#6a4291;--fg:#fff;--shape:#f092ae}.mock.industrial{--accent:#f6bb6f;--bg:#343b3b;--fg:#fff;--shape:#94a2a0}.mock.editorial{--accent:#ddc9bc;--bg:#f4ece6;--fg:#302f2e;--shape:#9b7c70}.mock.minimal .sculpture{border-radius:0}.mock.editorial .mockbody{grid-template-columns:1fr 1.3fr}.mock.editorial .sculpture{border-radius:2px}.mock.playful .sculpture{border-radius:50%}.mock.industrial .sculpture{border-radius:3px}.mini-mood.earth{background:#34453b}.mini-mood.earth i{background:#a2ae81}.mini-mood.playful{background:#6a4291}.mini-mood.playful i{background:#ffd681}.mini-mood.industrial{background:#343b3b}.mini-mood.industrial i{background:#f6bb6f;border-radius:0}.mini-mood.editorial{background:#f4ece6}.mini-mood.editorial i{background:#9b7c70;border-radius:0}.demo-box{margin:30px 0;padding:24px;border:1px solid #c8bad2;background:#f7f2fa;border-radius:12px}.demo-box>p{font-size:14px;color:#514a58}.demo-tabs{display:flex;gap:8px;flex-wrap:wrap}.demo-tabs button{background:#fff;border:1px solid #b7a3c4;border-radius:20px;padding:9px 14px;min-height:44px}.demo-tabs button[aria-pressed=true]{background:#292332;color:white}.demo-box #demo-content{background:white;padding:18px;border-radius:8px;margin-top:16px}.demo-box h4{margin:0 0 12px}.demo-box label{display:block;font-weight:600;font-size:13px}.demo-box select,.demo-box input:not([type=range]){margin:8px 0}.demo-box input[type=range]{padding:0;border:0;accent-color:#795599}.compare-art{height:120px;position:relative;background:#a1abb4;margin-bottom:10px;overflow:hidden}.before-art,.after-art{position:absolute;inset:0;padding:20px;font-weight:700;letter-spacing:2px}.before-art{background:linear-gradient(120deg,#9ca4a5,#d4cac1)}.after-art{background:linear-gradient(120deg,#6d506f,#e4c3bd);clip-path:inset(0 50% 0 0);color:white}
.palettes{padding:20px;background:#ebe5ef;border-radius:12px}.palettes>p{font-size:13px;color:#5e5865}.palette-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.palette-choice{position:relative;cursor:pointer}.palette-choice input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.palette-choice span{display:flex;align-items:center;flex-wrap:wrap;padding:10px;background:#fff;border:1px solid #c9bdcf;border-radius:8px;min-height:72px}.palette-choice input:checked+span{outline:2px solid #78579e}.palette-choice input:focus-visible+span{outline:3px solid #4b287d}.palette-choice i{width:20px;height:20px;border-radius:50%;border:1px solid #0002;margin-right:3px}.palette-choice b{width:100%;font-size:11px;margin-top:5px}.rainbow{background:conic-gradient(#f68,#fc9,#ee8,#8c9,#8cf,#a8f,#f68)}.custom-colors{display:flex;gap:15px;padding:18px 0 0}.custom-colors[hidden]{display:none}.custom-colors label{font-size:12px;font-weight:600;display:grid;gap:4px}.custom-colors input{width:70px;height:44px;padding:3px}.custom-colors span{font-size:11px}.visual-scene{height:210px;position:relative;overflow:hidden;border-radius:100px 100px 8px 8px;background:linear-gradient(145deg,color-mix(in srgb,var(--shape) 55%,var(--bg)),var(--bg));isolation:isolate}.scene-arch{position:absolute;left:12%;bottom:-24%;width:65%;height:95%;border:22px solid var(--accent);border-radius:50% 50% 2px 2px;transform:rotate(-22deg);opacity:.75}.scene-orbit{position:absolute;inset:12%;border:1px solid var(--accent);border-radius:50%;transform:rotate(-28deg)}.scene-glow{position:absolute;width:110px;height:110px;border-radius:50%;background:var(--accent);right:12%;top:12%;box-shadow:0 0 65px var(--accent)}.scene-label{position:absolute;top:16px;left:18px;font-size:8px;letter-spacing:1.5px;color:var(--fg)}.scene-card{position:absolute;right:6px;bottom:8px;background:var(--accent);color:#292333;padding:12px 14px;font-size:8px;line-height:1.5;box-shadow:0 12px 30px #0003;transform:rotate(-5deg)}.scene-card b{font-family:Georgia;font-size:15px}.mock-kicker{font-size:9px;letter-spacing:1.3px}.mock.editorial .mockbody{grid-template-columns:.85fr 1.25fr}.mock.editorial .visual-scene,.mock.industrial .visual-scene{border-radius:4px}.mock.playful .visual-scene{border-radius:50%}.mini-mood{position:relative}.mini-mood:after{content:'●  ●  ●     ━━━';position:absolute;top:3px;left:8px;font-size:8px;color:#fff;letter-spacing:3px}.mini-mood i:nth-child(2){border-radius:3px;opacity:.65}.choice .mini-mood{height:85px}.choice .mini-mood i:first-child{flex:1.6;border-radius:2px}.choice .mini-mood i:last-child{border-radius:45% 45% 2px 2px}.aside .visual-scene{height:155px}.mockfoot{gap:5px}.mocknav span{font-size:8px}@media(max-width:700px){.palette-grid{grid-template-columns:repeat(2,1fr)}.visual-scene{height:180px}.aside .visual-scene{height:150px}}
.palette-toggle{display:flex;align-items:center;gap:10px;font-weight:650;cursor:pointer;padding:14px 16px;border:1px solid #baabc5;background:#fff;border-radius:9px}.palette-toggle input{width:20px;height:20px;min-height:20px;accent-color:#795599;margin:0}.moods{gap:7px}.moods button{min-width:70px}.mock .browserbar span{font-weight:700;letter-spacing:1px}
.moods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.moods button{min-width:0;text-align:center}.next-card{padding:32px;border-radius:16px;background:#e7dfef}.next-mark{font-size:32px;color:#78549b}.next-card h3{font-size:30px;line-height:1.12;margin:18px 0}.next-card p{color:#5d5664;font-size:14px}.site-preview{margin-top:-10px;margin-bottom:22px}.site-preview iframe{display:block;margin-top:15px;border:1px solid #c6bccf;border-radius:10px;width:100%;height:280px;background:white}.site-preview a{color:#5d3e80;font-size:14px}@media(max-width:700px){.moods{grid-template-columns:repeat(2,minmax(0,1fr))}}
.demo-heading span{font-size:10px;letter-spacing:2px;color:#775991;font-weight:700}.demo-heading h4{font-size:24px;letter-spacing:-.5px;margin:8px 0}.demo-heading p{font-size:13px;color:#686273}.demo-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-preview{height:160px;border-radius:10px;position:relative;overflow:hidden;background:#25293a;color:white;display:flex;align-items:center;justify-content:space-around;margin:15px 0}.product-preview[data-finish=coral]{background:#9f5963}.product-preview[data-finish=mint]{background:#486c67}.product-preview>span{font-size:12px;letter-spacing:2px}.product-preview b{font-size:27px}.product-object{background:#e8c6f8;width:100px;height:100px;display:grid;place-items:center;color:#352c40;font-size:42px;box-shadow:0 12px 30px #0004}.product-preview[data-finish=coral] .product-object{background:#ffd0b3}.product-preview[data-finish=mint] .product-object{background:#c9e6ce}.product-preview small{position:absolute;bottom:10px;left:20px}.demo-answer{background:#eee8f5;padding:15px;border-radius:8px;font-size:14px}.demo-box select{margin-bottom:12px}
.draft-controls{margin-top:26px;padding:16px;border:1px solid #c9bed0;border-radius:10px}.draft-controls label{display:flex;gap:10px;align-items:center;font-weight:600;font-size:14px}.draft-controls input{width:20px;height:20px;min-height:20px;accent-color:#795599}.draft-controls .small{margin:8px 0 0}.draft-controls button{padding:6px 0}