:root{--bg:#0f0e12;--panel-bg:#18161cb8;--panel-border:#ffffff17;--text:#f3eef2;--text-dim:#b8b0bb;--text-faint:#837b8c;--accent:#ff6f9c;--accent-soft:#ff6f9c29;--radius:14px;--radius-sm:9px;--shadow:0 18px 50px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}#app{display:block;position:fixed;inset:0}#stage{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#panel{border-radius:var(--radius);background:var(--panel-bg);border:1px solid var(--panel-border);width:332px;max-width:calc(100vw - 36px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px)saturate(1.2);z-index:10;flex-direction:column;transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .3s;display:flex;position:absolute;top:18px;bottom:18px;right:18px;overflow:hidden}.panel-body{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex:1;min-height:0;padding:20px 20px 22px;overflow:hidden auto}.panel-body::-webkit-scrollbar{width:8px}.panel-body::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:8px}.panel-handle{display:none}#panel.collapsed{opacity:0;pointer-events:none;transform:translate(calc(100% + 24px))}#panel-toggle{border:1px solid var(--panel-border);background:var(--panel-bg);width:46px;height:46px;color:var(--accent);cursor:pointer;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);z-index:11;opacity:0;pointer-events:none;border-radius:50%;font-size:20px;transition:transform .2s,opacity .2s;position:absolute;top:18px;right:18px}#panel-toggle.visible{opacity:1;pointer-events:auto}#panel-toggle:hover{transform:scale(1.06)rotate(12deg)}.brand{align-items:baseline;gap:8px;margin:0 0 18px;display:flex}.brand h1{letter-spacing:.01em;margin:0;font-family:Gowun Batang,serif;font-size:21px;font-weight:700}.brand span{color:var(--text-faint);letter-spacing:.16em;text-transform:uppercase;font-size:11px}.section{margin-bottom:20px}.section>.label{letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint);margin-bottom:9px;font-size:11px;font-weight:600;display:block}.choice-grid{gap:7px;display:grid}.choice-grid.cols-2{grid-template-columns:1fr 1fr}.choice{appearance:none;border:1px solid var(--panel-border);color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:#ffffff08;flex-direction:column;gap:2px;padding:9px 10px;font-family:inherit;font-size:12.5px;font-weight:500;transition:border-color .18s,background .18s,color .18s,transform .1s;display:flex}.choice .sub{color:var(--text-faint);font-size:10.5px}.choice:hover{color:var(--text);border-color:#ffffff38}.choice[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.choice:active{transform:scale(.98)}.flower-block{border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:#ffffff08;margin-bottom:8px;padding:8px}.flower-row{align-items:center;gap:9px;display:flex}.tune-row{grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:5px 7px;margin-top:9px;display:grid}.tune-label{color:var(--text-faint);letter-spacing:.04em;font-size:10px}.tune-row input[type=range]{appearance:none;background:#ffffff29;border-radius:3px;outline:none;width:100%;height:3px}.tune-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:13px;height:13px}.tune-row input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:13px;height:13px}.flower-row select{appearance:none;border:1px solid var(--panel-border);min-width:0;color:var(--text);cursor:pointer;background:#00000040;border-radius:7px;flex:1;padding:6px 8px;font-family:inherit;font-size:12.5px}.swatch{cursor:pointer;border:1px solid #ffffff40;border-radius:8px;flex:none;width:30px;height:30px;padding:0;position:relative;overflow:hidden}.swatch input{cursor:pointer;background:0 0;border:none;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;position:absolute;inset:-4px}.count-stepper{flex:none;align-items:center;gap:2px;display:flex}.count-stepper button{border:1px solid var(--panel-border);width:22px;height:26px;color:var(--text-dim);cursor:pointer;background:#ffffff0a;border-radius:6px;font-size:14px;line-height:1}.count-stepper button:hover{color:var(--text);border-color:#ffffff40}.count-stepper .n{text-align:center;font-variant-numeric:tabular-nums;min-width:18px;color:var(--text);font-size:12.5px}.icon-btn{width:28px;height:28px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;font-size:15px}.icon-btn:hover{color:var(--accent);background:#ffffff0d}.add-flower{border:1px dashed var(--panel-border);width:100%;color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:9px;font-family:inherit;font-size:12.5px;transition:border-color .18s,color .18s}.add-flower:hover{border-color:var(--accent);color:var(--text)}.palette-row{flex-wrap:wrap;gap:7px;display:flex}.palette{cursor:pointer;border:1px solid var(--panel-border);border-radius:8px;height:26px;transition:transform .12s,box-shadow .18s;display:flex;overflow:hidden}.palette:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0006}.palette span{width:16px}.toggle-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.switch{flex:none;width:40px;height:23px;position:relative}.switch input{opacity:0;width:0;height:0}.switch .track{background:#ffffff21;border-radius:999px;transition:background .2s;position:absolute;inset:0}.switch .track:before{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:before{transform:translate(17px)}.actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.btn{border:1px solid var(--panel-border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0a;justify-content:center;align-items:center;gap:6px;padding:10px;font-family:inherit;font-size:12.5px;font-weight:500;transition:background .18s,border-color .18s,transform .1s;display:flex}.btn:hover{background:#ffffff14;border-color:#ffffff38}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#2a0f1a;font-weight:600}.btn.primary:hover{background:#ff85ad}.hint{color:var(--text-faint);margin-top:2px;font-size:11px;line-height:1.5}#veil{background:var(--bg);z-index:30;letter-spacing:.2em;color:var(--text-faint);place-items:center;font-family:Gowun Batang,serif;font-size:13px;transition:opacity .6s;display:grid;position:absolute;inset:0}#veil.gone{opacity:0;pointer-events:none}@media (width<=560px){#panel{border-radius:18px 18px 0 0;width:100%;max-width:100%;height:78dvh;inset:auto 0 0}.panel-body{padding:6px 18px calc(20px + env(safe-area-inset-bottom))}.panel-handle{cursor:pointer;touch-action:manipulation;flex:none;justify-content:center;align-items:center;height:40px;display:flex;position:relative}.panel-handle .grip{background:#ffffff4d;border-radius:3px;width:42px;height:5px;transition:background .18s}.panel-handle:active .grip{background:#ffffff8c}#panel.collapsed{opacity:1;pointer-events:auto;transform:translateY(calc(100% - 40px))}#panel.collapsed .panel-handle:after{content:"컨트롤";text-align:center;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-size:9.5px;font-weight:600;position:absolute;bottom:5px;left:0;right:0}#panel-toggle{display:none}}