:root{color-scheme:dark;--bg:#090a09;--panel:#111310;--line:#292e29;--muted:#818b81;--text:#e6ece5;--accent:#b9f5c1;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:13px}button,select,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 24px;background:#0b0d0b}.brand{text-decoration:none;color:var(--text);display:flex;align-items:center;gap:11px;letter-spacing:.08em;font-family:var(--mono);font-size:12px}.brand b{font-weight:400;color:#a6b2a6}.brand small{font-size:9px;color:#a3cba8;border:1px solid #38503b;padding:4px 6px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;background:var(--accent);color:#0a180d;font-size:20px;font-weight:800;letter-spacing:-5px;padding-right:5px}.brand-mark span{font-size:15px}.top-actions{display:flex;gap:8px}.button{background:#171b17;border:1px solid #343b34;padding:10px 13px;white-space:nowrap}.button:hover{background:#222a22;border-color:#687969}.button span{color:var(--accent)}.button.quiet{background:transparent}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;min-height:calc(100vh - 68px)}.main{min-width:0;padding:22px 24px}.stage{background:#0d100d;border:1px solid var(--line);min-height:450px;display:flex;flex-direction:column}.stage-head,.stage-foot{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#879587;font:10px var(--mono);letter-spacing:.07em}.stage-head{border-bottom:1px solid #222722}.stage-head i,.green-dot{color:#9ee5a8}.stage-head i{display:inline-block;width:6px;height:6px;background:#9ee5a8;border-radius:50%;margin-right:8px;box-shadow:0 0 9px #a8f6ac}.stage-foot{border-top:1px solid #222722}.canvas-holder{height:clamp(340px,48vw,610px);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-color:#080b09;background-image:radial-gradient(#273027 0.8px,transparent 0.8px);background-size:17px 17px}canvas{display:block;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 0 50px #0008}.drop-hint{display:none;position:absolute;inset:10px;place-items:center;background:#0c1c10eF;border:1px dashed #a9e9b1;font-size:18px}.dragging .drop-hint{display:grid}.playback{display:flex;align-items:center;gap:9px}.icon{border:1px solid #363e36;background:#191e19;width:32px;height:30px}.small{font-size:11px;padding:7px 9px}.presets{margin-top:28px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.eyebrow{font:10px var(--mono);letter-spacing:.12em;color:#8eaa91}.section-head h2,.sidebar h1{font-size:20px;letter-spacing:-.04em;margin:6px 0 0}.subtle{color:var(--muted);font-size:11px}.preset-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.preset{flex:none;width:117px;height:125px;border:1px solid #303830;padding:0;text-align:left;background:#111511}.preset.active{border-color:#b9f5c1}.preset-art{height:88px;display:grid;place-items:center;font:11px/1 var(--mono);white-space:pre;overflow:hidden;color:#9ee6a6;background:radial-gradient(ellipse at center,#1c3622,#070a08 72%)}.preset-label{display:flex;justify-content:space-between;padding:9px;font:9px var(--mono);letter-spacing:.04em}.preset.active .preset-label{background:#b9f5c1;color:#102015}.footer-note{color:#657165;font-size:11px;margin-top:27px}.sidebar{border-left:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;min-width:0}.sidebar-title{display:flex;justify-content:space-between;align-items:center;padding:25px 20px;border-bottom:1px solid var(--line)}.sidebar h1{font-size:22px}.accent{color:var(--accent)}.live{font:9px var(--mono);color:#a9eab1;border:1px solid #39543d;padding:6px}.controls{padding:0 20px}.controls details{border-bottom:1px solid var(--line);padding:17px 0}.controls summary{list-style:none;font-weight:650;cursor:pointer;font-size:12px;display:flex;justify-content:space-between}.controls summary::-webkit-details-marker{display:none}.controls summary span{color:#718071;font:10px var(--mono)}.controls details[open] summary{margin-bottom:16px}.style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.style-button{min-height:43px;text-align:left;background:#181c18;border:1px solid #303830;padding:8px;font-size:11px}.style-button.active{background:#c0f0c5;color:#102015;border-color:#c0f0c5}.style-button b{font:12px var(--mono);margin-right:7px}.range{display:block;margin-top:15px;color:#b9c1b9;font-size:11px}.range output{float:right;color:#94a594;font:10px var(--mono)}input[type=range]{display:block;width:100%;height:3px;margin:10px 0 3px;accent-color:#b9f5c1;cursor:pointer}.toggle{display:flex;justify-content:space-between;align-items:center;margin-top:15px;color:#b9c1b9;font-size:11px}.toggle input{position:absolute;opacity:0}.toggle i{width:29px;height:16px;background:#363d36;border-radius:10px;position:relative}.toggle i:after{content:'';position:absolute;top:3px;left:3px;width:10px;height:10px;background:#a6b1a6;border-radius:50%;transition:.15s}.toggle input:checked+i{background:#a7e8b0}.toggle input:checked+i:after{left:16px;background:#17301a}.toggle input:focus-visible+i{outline:2px solid var(--accent);outline-offset:3px}.field{display:block;color:#b9c1b9;font-size:11px;margin-top:12px}.field select,.field input{margin-top:8px;width:100%}select,input[type=text],.field input:not([type]){border:1px solid #353e35;background:#191e19;color:#e4ebe4;padding:9px}.colors{display:flex;gap:22px;margin-top:14px;color:#b9c1b9;font-size:11px}.colors label{display:flex;align-items:center;gap:8px}input[type=color]{width:27px;height:23px;border:1px solid #424c42;background:none;padding:1px}.export{padding:20px;margin-top:auto;background:#151915}.export-heading{display:flex;justify-content:space-between;color:#9eaf9e;font:10px var(--mono);letter-spacing:.08em;margin-bottom:14px}.export-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.export-row select{width:100%}.primary{background:#b9f5c1;color:#0e1d11;border:0;font-weight:700;padding:13px;width:100%;display:flex;justify-content:space-between}.primary:hover{background:#d5ffda}.video{width:100%;margin-top:8px;display:flex;justify-content:space-between}.video:disabled{opacity:.5;cursor:wait}#status{min-height:14px;color:#98a998;font-size:10px;margin:12px 0 0;line-height:1.4}@media(max-width:900px){.workspace{grid-template-columns:1fr}.sidebar{border-left:0;border-top:1px solid var(--line)}.main{padding:16px}.canvas-holder{height:55vw;min-height:300px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.export{margin-top:0}.stage{min-height:0}}@media(max-width:560px){.topbar{padding:0 12px;height:58px}.brand{font-size:10px;gap:6px}.brand small{display:none}.top-actions{gap:4px}.top-actions .button{padding:8px;font-size:11px}.top-actions #sample{font-size:0}.top-actions #sample:after{content:'✧ Акули';font-size:11px}.top-actions #reset span{display:none}.main{padding:10px}.stage-head,.stage-foot{padding:0 9px;font-size:8px}.stage-foot>span:last-child{display:none}.canvas-holder{height:65vw;min-height:240px}.controls{display:block}.section-head .subtle{display:none}.footer-note{line-height:1.5}}

[hidden]{display:none !important}

.back-link{color:inherit;text-decoration:none;display:flex;align-items:center}@media(max-width:560px){.back-link{font-size:10px;padding:8px}}