:root{font-family:Arial,Helvetica,sans-serif;color:#eeeede;background:#090e0d;font-synthesis:none;--lime:#d7edab;--muted:#87928c;--line:#ffffff15;--panel:#101713d9;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}body{margin:0;min-width:340px;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{transition:background .2s,color .2s,border-color .2s,transform .2s}button:active{transform:scale(.97)}a{color:inherit;text-decoration:none}#garden{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.grain{position:fixed;inset:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}.chrome{transition:opacity .35s,transform .35s}.immersive .chrome{opacity:0;pointer-events:none}.immersive .panel{transform:translate(30px)}header{position:absolute;left:38px;right:38px;top:29px;display:flex;align-items:center;justify-content:space-between;gap:30px;z-index:2}.brand{display:flex;align-items:center;gap:12px;font:25px var(--serif);letter-spacing:-.7px}.brand svg{width:32px;height:32px;fill:none;stroke:var(--lime);stroke-width:.9}.brand-dot{color:var(--lime)}.edition,.private,.eyebrow,.art-meta,.canvas-hint,.section-label,.spectrum-labels,.track small,.scene-heading,.bottom-line,.welcome small,.privacy-note,.scene-btn small,.key-hint,.shortcuts{font:9px Courier New,monospace;letter-spacing:1.3px}.edition{display:flex;gap:24px;color:#98a19a;font-size:8px}.edition span{color:#5c6961}.head-actions{display:flex;align-items:center;gap:12px}.private{font-size:8px;color:#adb7ab;display:flex;gap:8px;align-items:center}.private i,.live-dot{width:5px;height:5px;border-radius:50%;background:var(--lime)}.icon-btn{border:1px solid var(--line);width:34px;height:34px;border-radius:50%;font-size:20px;color:#c5d0c6}.icon-btn:hover{background:#ffffff12}.art-label{position:absolute;left:48px;top:27%;pointer-events:none}.eyebrow{display:flex;align-items:center;gap:12px;color:#afbba6;font-size:9px}.line{height:1px;width:26px;background:#8b9b7d}h1{font:italic 51px/1.1 var(--serif);letter-spacing:-2px;margin:23px 0 18px}h1,h2{text-shadow:0 2px 24px #090e0d}p{color:#8c9c93}.art-label p{font:13px/1.8 Arial;margin:0}.art-meta{display:flex;gap:10px;color:#637268;letter-spacing:.3px;margin-top:26px;font-size:9px}.canvas-hint{position:absolute;left:42%;bottom:232px;color:#73816d;font-size:8px;pointer-events:none}.canvas-hint span{margin-right:8px;font-size:14px}.panel{position:absolute;right:38px;top:106px;width:254px;border:1px solid #cadbc218;border-radius:13px;background:linear-gradient(140deg,#19221ad9,#0c120fd9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:19px 19px 12px;z-index:3;box-shadow:0 10px 60px #0002}.panel-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:-.2px;margin-bottom:26px}.panel-heading button{font-size:20px;line-height:14px;color:var(--muted)}.section-label{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.9px;color:#667265}.section-label span:first-of-type{color:#b4bcae}.section-label span:last-child:not(:first-of-type){margin-left:auto;font-size:8px;letter-spacing:0;color:#7a8b72}.section-label .live-dot{background:#3b4d3b}.section-label .live-dot.active{background:var(--lime);box-shadow:0 0 9px #d7edab66}.source-tabs{display:flex;border:1px solid var(--line);border-radius:6px;padding:3px;margin-top:12px;gap:3px}.source-tabs button{width:33.333%;border-radius:4px;padding:7px 0;color:#849186;font-size:10px}.source-tabs button:hover{color:var(--lime)}.source-tabs .selected{background:#d7edab;color:#1c2818}.track{display:flex;align-items:center;gap:10px;margin-top:18px}.track-icon{display:grid;place-items:center;width:28px;height:28px;color:#a5ba94;background:#ffffff06;border:1px solid var(--line);border-radius:6px;font-size:17px}.track div{min-width:0;flex:1}.track strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:11px;font-weight:400}.track small{display:block;margin-top:5px;color:#697865;font-size:7px;letter-spacing:.5px}.track button{width:28px;height:28px;border-radius:50%;border:1px solid #a1b39340;font-size:10px;color:var(--lime)}#spectrum{width:100%;height:45px;display:block;margin-top:12px}.spectrum-labels{display:flex;justify-content:space-between;color:#667663;font-size:7px;letter-spacing:.2px}.separated{margin-top:23px;padding-top:19px;border-top:1px solid var(--line)}#palettes{display:flex;gap:9px;margin-top:13px}.palette{height:25px;flex:1;padding:3px;border:1px solid transparent;border-radius:50px}.palette.selected{border-color:var(--lime)}.palette i{display:block;height:100%;border-radius:50px}.section-label button{margin-left:auto;font-size:9px;color:#839479;letter-spacing:0;padding:0}.sliders{display:grid;gap:15px;margin-top:17px}.sliders label{display:block;font-size:10px;color:#aab4a6;letter-spacing:.1px}.sliders output{float:right;font:9px Courier New;color:#c7d7b9}input[type=range]{display:block;width:100%;height:2px;background:#394435;accent-color:var(--lime);margin:12px 0 3px;cursor:pointer;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px #d7edab10}input[type=range]::-moz-range-thumb{width:7px;height:7px;border:0;background:var(--lime)}.export-row{display:flex;gap:8px;padding-top:22px}.export-row button{flex:1;padding:10px 3px;border:1px solid #bdcbb126;border-radius:6px;color:#c4ceb9;font-size:12px}.export-row button span{font-size:9px;margin-left:4px}.export-row button:hover{background:#ffffff0a;border-color:#d7edab70}.export-row button:disabled{opacity:.35;cursor:not-allowed}.privacy-note{text-align:center;font-size:7px;letter-spacing:0;color:#657660;margin:13px 0 0}.welcome{position:absolute;left:43%;bottom:254px;transform:translate(-50%);text-align:center;transition:opacity .5s}.welcome button{display:flex;align-items:center;gap:13px;text-align:left;background:#10180fd9;padding:11px 18px 11px 10px;border:1px solid #d7edab40;border-radius:50px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.play-circle{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#1d2c18;font-size:10px;padding-left:2px}.welcome button>span:last-child{font:italic 19px var(--serif)}.welcome small{display:block;font-size:6px;margin-top:4px;color:#9fae93;letter-spacing:1.4px}.welcome-sub{display:block;font-size:8px;color:#839078;margin-top:11px;letter-spacing:.3px}footer{position:absolute;left:38px;right:38px;bottom:24px;z-index:2}.scene-heading{display:flex;justify-content:space-between;color:#8b9885;font-size:8px;letter-spacing:1.5px;margin-bottom:12px}.scene-heading span:last-child{color:#586951}#scenes{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.scene-btn{min-width:0;text-align:left;position:relative;border:1px solid #9bae8b1c;border-radius:8px;padding:10px 13px 11px;background:#0c120f99;overflow:hidden}.scene-btn:hover{background:#172015;border-color:#d7edab55}.scene-btn.selected{border-color:#c4d8a96b;background:#192014a8}.scene-btn canvas{width:100%;height:55px;display:block;opacity:.8;transition:opacity .3s}.scene-btn.selected canvas{opacity:1}.scene-btn .scene-name{font-size:10px;display:block;line-height:15px;margin-top:7px}.scene-btn small{position:absolute;right:11px;bottom:13px;color:#65775c;font-size:8px}.scene-btn.selected .scene-name{color:#d8eab9}.scene-btn.selected small{color:#cbdcaa}.scene-btn.selected:before{content:"";position:absolute;width:4px;height:4px;background:var(--lime);border-radius:50%;left:12px;top:12px}.bottom-line{display:flex;justify-content:space-between;align-items:center;color:#5d6c59;font-size:7px;margin-top:16px;letter-spacing:1.4px}.bottom-line>div{display:flex;gap:22px;align-items:center}.bottom-line button{font:8px Courier New,monospace;color:#8f9c86;letter-spacing:.4px}.bottom-line button span{margin-left:5px}.key-hint{font-size:7px;color:#586951;letter-spacing:.7px}#toast{position:fixed;left:50%;top:83px;transform:translate(-50%,-15px);background:#e0ebd1;color:#24341f;padding:13px 20px;border-radius:8px;opacity:0;pointer-events:none;z-index:20;font-size:12px;max-width:90vw;box-shadow:0 6px 40px #0004;transition:.25s}#toast.visible{opacity:1;transform:translate(-50%)}#drop-overlay{position:fixed;inset:12px;border:1px dashed #d7edab88;background:#152415ed;z-index:40;pointer-events:none;border-radius:20px;place-items:center;font:italic 40px var(--serif)}#drop-overlay:not([hidden]){display:grid}#drop-overlay small{display:block;text-align:center;font:12px Arial;margin-top:20px;color:var(--muted)}.show-controls{position:fixed;bottom:25px;left:50%;transform:translate(-50%);font:10px monospace;color:#c2d2b1;background:#11200c99;border:1px solid #d7edab30;padding:10px 17px;border-radius:30px;z-index:5}#recording{position:fixed;left:50%;top:25px;transform:translate(-50%);z-index:10;padding:10px 12px;background:#1d1514e6;border:1px solid #e99f8955;border-radius:30px;align-items:center;gap:10px;font:11px monospace}#recording:not([hidden]){display:flex}.record-dot{width:7px;height:7px;background:#f08f7c;border-radius:50%;animation:pulse 1s infinite}#recording button{font:10px Arial;border-left:1px solid #ffffff22;padding-left:10px}dialog{max-width:470px;width:90%;background:#152017;color:#dbe5d3;border:1px solid #b8cf9e3d;border-radius:16px;padding:35px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#030805b8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}dialog h2{font:italic 35px var(--serif);letter-spacing:-1px}dialog p{font:13px/1.8 Arial;color:#a4b09c}#close-about{position:absolute;right:15px;top:12px;font-size:24px;color:#85977b}.shortcuts{font-size:8px;line-height:2;color:#8ea580;margin-top:25px}@keyframes pulse{50%{opacity:.35}}@media(min-width:1600px){.art-label{top:32%}h1{font-size:65px}.panel{top:15%}.canvas-hint{bottom:250px}#scenes{gap:15px}.scene-btn canvas{height:65px}}@media(max-height:760px)and (min-width:851px){.panel{top:85px;padding-top:14px}.panel-heading{margin-bottom:15px}.separated{margin-top:14px;padding-top:13px}.sliders{gap:10px;margin-top:12px}.export-row{padding-top:15px}.track{margin-top:11px}#spectrum{height:30px}.privacy-note{margin-top:9px}.scene-btn canvas{height:34px}.canvas-hint{bottom:185px}.welcome{bottom:205px}footer{bottom:17px}.art-label{top:26%}h1{font-size:43px}}@media(max-width:1100px){.edition{display:none}.art-label{left:30px}h1{font-size:43px}.panel{right:24px;width:235px}header,footer{left:24px;right:24px}.art-label p{font-size:11px}.scene-btn{padding:8px}.scene-btn small{right:7px;font-size:7px}.scene-btn .scene-name{font-size:9px}}@media(max-width:850px){body{overflow:auto;min-height:100dvh}header{top:20px;left:20px;right:20px}.brand{font-size:22px}.brand svg{width:28px}.private{display:none}.head-actions{gap:7px}.art-label{top:110px;left:25px}.art-label h1{font-size:39px;margin-top:18px}.art-label p{display:none}.art-meta{margin-top:15px}.canvas-hint{display:none}.welcome{left:50%;bottom:auto;top:340px}.panel{position:relative;top:auto;right:auto;width:auto;margin:465px 20px 0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.panel-heading{margin-bottom:18px}.sliders{grid-template-columns:1fr 1fr;gap:20px}.section-label.separated{margin-top:19px}#spectrum{height:52px}.track{margin-top:13px}.source-tabs button{font-size:12px;padding:10px}#palettes{max-width:280px}.privacy-note{font-size:8px}.export-row button{padding:13px;font-size:14px}.export-row button span{font-size:11px}footer{position:relative;left:auto;right:auto;bottom:auto;margin:24px 20px 20px}#scenes{grid-template-columns:repeat(3,1fr);gap:8px}.scene-btn canvas{height:42px}.scene-btn .scene-name{font-size:10px}.scene-btn small{bottom:10px}.bottom-line>span{display:none}.bottom-line>div{width:100%;justify-content:space-between}.key-hint{display:none}.panel.collapsed{padding-bottom:14px}.panel.collapsed .panel-heading{margin-bottom:0}.immersive{overflow:hidden}.immersive .show-controls{display:block}#toast{top:80px;width:max-content;max-width:90vw}.bottom-line{margin-top:20px}dialog{padding:28px}#recording{top:74px}.scene-heading{font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.record-dot{animation:none}}@media(min-width:851px)and (max-height:950px){.panel{top:88px;padding:16px 17px 11px}.panel-heading{margin-bottom:17px}.separated{margin-top:15px;padding-top:14px}.sliders{gap:11px;margin-top:14px}.export-row{padding-top:17px}.track{margin-top:13px}#spectrum{height:30px}.privacy-note{margin-top:9px}.scene-btn canvas{height:44px}}#last-export{display:block;text-align:center;font:9px monospace;color:#d7edab;margin-top:12px;text-decoration:underline}#last-export[hidden]{display:none}