@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#e5eceb;background:#0b1015;font-synthesis:none;color-scheme:dark;font-size:13px;--muted:#6e8089;--accent:#b4e6ce;--line:#233037}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button{transition:background .18s,color .18s,border-color .18s}button:hover{color:#d9ffec;background:#22342e}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #b4e6ce;outline-offset:4px}svg{width:18px;height:18px;stroke-width:1.6;flex-shrink:0}header{height:88px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);padding:0 38px}.brand{display:flex;align-items:center;gap:11px;font-size:26px;font-weight:800;letter-spacing:-1.2px;text-decoration:none;color:#e5eceb}.brand-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #43594f;border-radius:11px;color:var(--accent)}.brand-icon svg{width:24px;height:24px}.brand-dot{color:var(--accent);margin-left:-10px}.tagline{font-size:11px;color:var(--muted);padding-left:28px;border-left:1px solid var(--line)}.header-end{margin-left:auto;display:flex;align-items:center;gap:24px}.live{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:1.4px;color:#95b4a7}.live b,.scene-label b{width:5px;height:5px;background:#9ad8b7;border-radius:50%;box-shadow:0 0 9px #97d8ae55}.language{display:flex;background:#131d23;padding:3px;border:1px solid var(--line);border-radius:7px}.language button{font-size:10px;padding:6px 9px;border-radius:4px;color:var(--muted)}.language .selected{background:#2b3c38;color:#d3eddf}.icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:7px;color:#9aabae}main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;padding:31px 38px 0;max-width:1920px;margin:auto}.world{min-width:0}.heading{height:95px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.eyebrow{display:flex;align-items:center;gap:6px;color:#90b9a9;font-size:9px;letter-spacing:1.7px;text-transform:uppercase}.eyebrow svg{width:14px;height:14px}h1{font-size:31px;letter-spacing:-1.2px;margin:6px 0 4px;font-weight:600}.heading p{font-size:11px;color:var(--muted);margin:0}.preset{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:8px;padding:12px 13px;margin-top:9px;font-size:10px;text-align:left;background:#10191e}.preset>svg:first-child{color:#a8c6ad}.preset>svg:last-child{width:13px;margin-left:8px;color:var(--muted)}.preset small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.viewport{height:clamp(390px,51vh,700px);position:relative;border:1px solid #2b4144;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 15%,#214842,#0a1a20 70%)}#canvas-host{position:absolute;inset:0}canvas{width:100%;height:100%;display:block;touch-action:none}.scene-top{position:absolute;left:19px;right:19px;top:18px;display:flex;justify-content:space-between;pointer-events:none}.scene-label{display:flex;align-items:center;gap:8px;font-size:10px;color:#c0d8cc;background:#102a27a8;border:1px solid #48655866;border-radius:20px;padding:7px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.render-badge{color:#a6c0b69c;font-size:8px;letter-spacing:1.4px;padding-top:9px}.scene-tools{position:absolute;right:16px;top:65px;display:grid;gap:7px}.scene-tools button{background:#0f2326ad;border:1px solid #42606366;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scene-tools button:hover,.scene-tools button.active{background:#45665b}.scene-bottom{position:absolute;left:20px;right:20px;bottom:19px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.scene-bottom>span{display:flex;align-items:center;gap:8px;color:#acbfba;font-size:10px;text-shadow:0 2px 5px #000}.scene-bottom>span svg{width:14px;height:14px}.scene-count{display:flex;gap:7px;align-items:center;background:#122122ba;border:1px solid #375154;padding:7px 10px;border-radius:7px;font-size:9px;color:#8eaaa5}.scene-count b{font-size:12px;color:#d5e4dc}.scene-count svg{width:15px}.control-bar{display:flex;justify-content:space-between;padding:15px 0 22px}.actions,.playback{display:flex;align-items:center;gap:8px}.control-bar button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border-radius:7px;font-size:10px;color:#95a6ad}.control-bar button svg{width:16px;height:16px}.control-bar .feed{background:#b4e6ce;color:#16342c;padding:11px 17px;font-weight:800}.control-bar .feed:hover{background:#d1f8e5}.separator{height:19px;width:1px;background:var(--line);margin:0 3px}button.active{color:#b7ead1}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:9px;padding:20px 0;background:#10181e}.metrics article{display:flex;align-items:center;padding:0 17px;gap:11px;position:relative;min-width:0}.metrics article+article{border-left:1px solid var(--line)}.metric-icon{color:#7caa9c}.metric-icon svg{width:19px;height:19px}.metrics small{font-size:9px;color:var(--muted);display:block;white-space:nowrap}.metrics strong{display:block;font-size:21px;font-weight:500;letter-spacing:-.7px;margin-top:6px}.metrics em{font-size:10px;color:#6d8784;font-style:normal;letter-spacing:0}.metrics .text-metric{font-size:12px;letter-spacing:0;color:#bfdbcc;margin-top:9px}.sparkline{font-size:11px;letter-spacing:-2px;color:#618d77;align-self:flex-end;margin-left:auto}.metric-indicator{color:#a1d8b7;margin-left:auto;font-size:15px}.activity-dots{color:#86ac96;font-size:13px;letter-spacing:1px;margin-left:auto}.world-footer{display:flex;justify-content:space-between;color:#536771;font-size:9px;margin:19px 0}.world-footer>span:first-child{display:flex;align-items:center;gap:7px}.world-footer svg{width:12px;height:12px}.world-footer b{margin:0 5px}.world-footer #fps{color:#66887a}aside{border:1px solid var(--line);border-radius:11px;background:#11191f;align-self:start;overflow:hidden}.panel-title{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--line)}.panel-icon{color:#9cc4b2}.panel-title h2{font-size:13px;font-weight:600;margin:0}.panel-title p{font-size:9px;color:var(--muted);margin:5px 0 0}.panel-scroll{padding:0 20px 15px;max-height:calc(100vh - 218px);overflow:auto;scrollbar-width:thin;scrollbar-color:#33483e transparent}.setting-section{border-bottom:1px solid var(--line);padding:20px 0}.setting-section h3{margin:0 0 20px;font-size:11px;display:flex;align-items:center;gap:9px;font-weight:600}.setting-section h3 svg{width:16px;height:16px;color:#a1b9ac}.setting-section h3>span{margin-left:auto;color:#42545c;font-size:9px;font-weight:400}.count-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.count-row label,.range-label label,.select-row label,.field-label{color:#90a1a8;font-size:10px}.stepper{display:flex;align-items:center;border:1px solid #2b3a43;border-radius:6px;background:#0b1318;height:30px}.stepper button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#81969b}.stepper svg{width:12px}.stepper input{width:29px;text-align:center;background:none;border:0;color:#d7e9dd;font-size:11px;appearance:textfield;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{appearance:none}.field-label{display:block;margin:17px 0 11px}.species-list{display:grid;gap:7px}.species{display:flex;align-items:center;gap:11px;padding:8px 10px;border:1px solid #26373b;border-radius:7px;background:#141f24;font-size:10px;text-align:left;height:45px}.species.active{border-color:#3d544a;color:#d1dfd8;background:#192824}.fish-art{width:44px;height:23px;position:relative;display:block}.fish-art>span{position:absolute;width:30px;height:12px;top:5px;left:11px;border-radius:60% 50% 50% 60%;background:linear-gradient(#306a6f 25%,#62dfec 40%,#bae5df 50%,#eb6856 70%);box-shadow:0 0 12px #49968c33}.fish-art>span:before{content:"";position:absolute;left:-9px;top:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:11px solid #d97051}.fish-art>span:after{content:"";position:absolute;right:4px;top:3px;width:3px;height:3px;background:#0a1418;border:1px solid #d0b976;border-radius:50%}.fish-angel>span{height:23px;top:0;width:23px;border-radius:50%;background:repeating-linear-gradient(85deg,#37494b 0 3px,#b7c1af 5px 10px);transform:scaleY(1.15)}.fish-gold>span{height:17px;top:3px;background:linear-gradient(#ba651f,#f9c263,#d98026)}.fish-gold>span:before{border-left-color:#e5a24a}.checkbox{width:14px;height:14px;border:1px solid #40574c;border-radius:4px;margin-left:auto;display:grid;place-items:center;color:transparent}.checkbox svg{width:10px;height:10px;stroke-width:3}.species.active .checkbox{background:#b2dbc5;color:#243e31;border-color:#b2dbc5}.palettes{display:flex;gap:8px}.palette{display:flex;align-items:center;justify-content:space-between;border:1px solid #2c3a40;border-radius:6px;width:33.333%;height:32px;padding:7px 8px}.palette.active{border-color:#8db19b;background:#23382e}.palette>svg{width:11px}.swatches{display:flex}.swatches b{width:14px;height:14px;display:block;border-radius:50%;border:2px solid #17211f;margin-left:-4px;background:#83c5c1}.swatches b:first-child{margin-left:0}.swatches b:nth-child(2){background:#e4b86f}.swatches b:nth-child(3){background:#d77965}.swatches.coral b{background:#d97984}.swatches.coral b:nth-child(2){background:#f3ba9e}.swatches.coral b:nth-child(3){background:#b17fac}.swatches.ice b{background:#83bce0}.swatches.ice b:nth-child(2){background:#b7daca}.swatches.ice b:nth-child(3){background:#aeafe4}.select-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}select{background:#18232a;border:1px solid #2d3c43;color:#b8c9c3;border-radius:5px;padding:7px;font-size:9px;max-width:143px}.range-label{display:flex;align-items:center;justify-content:space-between;margin-top:18px;margin-bottom:11px}.range-label output{font-size:9px;color:#b5cdbe}input[type=range]{display:block;width:100%;height:4px;border-radius:4px;appearance:none;background:linear-gradient(to right,#a2c7b1 0 var(--fill),#2a373b var(--fill) 100%);outline:none;margin:0 0 6px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;background:#c7e5d4;border-radius:50%;border:2px solid #11191f;box-shadow:0 0 0 1px #94b69f}input[type=range]::-moz-range-thumb{width:9px;height:9px;background:#c7e5d4;border-radius:50%;border:2px solid #11191f}.decor-list{display:flex;gap:6px}.decor{border:1px solid #293a3b;border-radius:6px;padding:8px 7px;font-size:9px;display:flex;align-items:center;gap:5px;flex:1;justify-content:center;color:#6c8385}.decor svg{width:13px;height:13px}.decor.active{border-color:#415a4b;background:#1c2b24;color:#bed2c3}.decor span{width:4px;height:4px;background:#52645c;border-radius:50%}.decor.active span{background:#a3d4b5}.segmented{display:flex;border:1px solid #293840;border-radius:6px;padding:3px;background:#0f181e}.segmented button{flex:1;padding:7px 4px;font-size:9px;color:#72888f;border-radius:4px}.segmented button.active{background:#293d34;color:#c7e1d2}.reset{display:flex;justify-content:center;gap:8px;align-items:center;width:100%;border:1px solid #2d3b43;border-radius:6px;padding:10px;margin-top:18px;font-size:10px;color:#91a6ac}.reset svg{width:13px;height:13px}.saved{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;color:#596f76;margin:12px 0 1px}.saved svg{width:10px;height:10px}footer{display:flex;justify-content:space-between;align-items:center;padding:22px 38px 20px;color:#47606a;font-size:9px;max-width:1920px;margin:auto}.footer-mark{display:flex;align-items:center;gap:8px}.footer-mark span{font-size:11px;font-weight:600}.watermark{letter-spacing:2px;font-size:10px;color:#92a5aa}.watermark b{color:#b8d6c4;font-weight:500}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#102324;font-size:13px;padding:40px;text-align:center}.loading>span{width:20px;height:20px;border:2px solid #325c50;border-top-color:#b5dfc6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:absolute;bottom:68px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;transition:.3s;background:#173b31ef;border:1px solid #638d71;color:#d5eedd;padding:12px 18px;border-radius:8px;font-size:11px;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%)}dialog{background:#152128;color:#d9e8df;border:1px solid #41564c;border-radius:14px;max-width:420px;padding:28px;line-height:1.8}dialog::backdrop{background:#030b10ba;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog .icon-btn{float:right}dialog p{color:#9fb5af}#viewport:fullscreen{width:100vw;height:100vh;border-radius:0}.viewport:fullscreen .watermark{display:block}@media(min-width:1600px){main{grid-template-columns:minmax(0,1fr) 350px;gap:38px}.panel-scroll{max-height:calc(100vh - 240px)}.viewport{height:58vh}.heading{height:107px}.setting-section{padding:24px 0}}@media(max-width:1150px){header{padding:0 24px}.tagline{display:none}main{padding:24px 24px 0;gap:20px;grid-template-columns:minmax(0,1fr) 290px}.panel-scroll{padding:0 15px 15px}.heading .preset{display:none}.metrics{grid-template-columns:repeat(2,1fr);row-gap:22px}.metrics article:nth-child(3){border-left:0}.metrics article{padding:0 15px}.sparkline{display:none}.viewport{height:49vh;min-height:390px}.actions{gap:1px}.control-bar button{padding:9px}.control-bar #rotate span{display:none}}@media(max-width:780px){header{height:72px;padding:0 18px}.brand{font-size:23px}.header-end{gap:13px}.live{display:none}main{display:flex;flex-direction:column;padding:23px 16px 0;gap:20px}.heading{height:95px}h1{font-size:29px}.viewport{height:53vh;min-height:360px}.render-badge{font-size:7px}.scene-bottom>span{max-width:180px;font-size:9px}.scene-bottom{left:14px;right:14px}.metrics{padding:19px 0}.panel-scroll{max-height:none;padding:0 20px 16px}aside{width:100%}.world-footer{margin-bottom:0}.control-bar{padding-bottom:16px}.setting-section{padding:22px 0}.species-list{grid-template-columns:repeat(3,1fr)}.species{height:77px;flex-direction:column;position:relative;gap:6px;padding:10px 5px}.species .checkbox{position:absolute;right:5px;top:6px}.palette{justify-content:center;gap:14px}.decor{padding:12px}.range-label{margin-bottom:17px}.select-row{margin-bottom:26px}footer{padding:22px 18px}.watermark{font-size:9px}.scene-top{left:14px;right:14px}.control-bar button{font-size:10px}.actions{gap:3px}.control-bar .feed{padding:10px 12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.watermark{position:fixed;bottom:15px;right:30px;z-index:20;background:#0b1015c7;padding:7px 9px;border-radius:5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fullscreen-mark{display:none}.viewport:fullscreen .fullscreen-mark{display:block;position:absolute;right:25px;bottom:65px;color:#b8d6c4;font-size:11px;letter-spacing:2px;pointer-events:none}@media(max-width:420px){.metrics article{gap:7px;padding:0 12px}.metric-icon svg{width:15px}.metrics .text-metric{font-size:10px}.activity-dots{font-size:10px;letter-spacing:0}.watermark{right:9px;bottom:8px;font-size:8px}}.emitter-list{display:flex;gap:5px;margin:12px 0 20px}.emitter-list .decor{font-size:9px}.fish-guppy>span{background:linear-gradient(#34566a,#58bfc6,#c9b066);height:10px}.fish-guppy>span:before{border-left-color:#f69c65;border-top-width:10px;border-bottom-width:10px;top:-5px}.fish-discus>span{width:23px;height:24px;top:0;background:repeating-linear-gradient(15deg,#e68b46 0 3px,#85c7ba 4px 5px);border-radius:50%}.fish-betta>span{background:linear-gradient(#243578,#6370dc,#b65d9f)}.fish-betta>span:before{border-left-color:#6974cf;border-top-width:10px;border-bottom-width:10px;top:-4px}#render-quality{max-width:155px}.species-list{grid-template-columns:1fr 1fr}.species{gap:5px;font-size:9px;padding:8px 6px}.fish-art{width:35px;flex-shrink:0}.species .checkbox{flex-shrink:0}.fish-art>span{left:6px;width:26px}.fish-discus>span,.fish-angel>span{width:22px}@media(max-width:780px){.species-list{grid-template-columns:repeat(3,1fr)}.species{height:75px}}