:root{--bg: #070808;--panel: #0b0b0c;--panel-raised: #111213;--field: #1a1a1b;--field-hover: #202123;--border: #232425;--border-strong: #2d3032;--text-main: #f4f6f8;--text-muted: #a2a5a8;--text-dim: #6f7377;--accent: #06b6d4;--accent-hover: #0891b2;--accent-bg: rgba(6, 182, 212, .16);--accent-bg-strong: rgba(6, 182, 212, .28);--glass-bg: rgba(255, 255, 255, .075);--glass-bg-strong: rgba(255, 255, 255, .11);--glass-border: rgba(255, 255, 255, .28);--glass-highlight: rgba(255, 255, 255, .42);--glass-shadow: 0 18px 42px rgba(0, 0, 0, .26);--mono: "Cascadia Mono", "Consolas", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text-main);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:12px}button,input,select{font:inherit}button{cursor:pointer}.app-root{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg)}#topbar{position:absolute;top:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:auto minmax(220px,1fr);align-items:center;gap:12px;height:41px;padding:0 8px;background:transparent;border-bottom:0;user-select:none}.tb-group{display:flex;align-items:center;gap:8px;min-width:0}.tb-brand{gap:9px;min-height:30px;padding:0 9px 0 5px;background:#ffffff2e;border:1px solid rgba(255,255,255,.24);border-radius:10px;backdrop-filter:blur(12px) saturate(160%) brightness(1.04);-webkit-backdrop-filter:blur(12px) saturate(160%) brightness(1.04)}.logo{color:var(--accent);flex:0 0 auto}.app-name{color:#0c181cdb;font-family:var(--mono);font-size:13px;font-weight:800;letter-spacing:0;white-space:nowrap}.tb-actions{justify-content:flex-start;overflow:hidden}.tb-center{justify-content:center}.tb-right{justify-content:flex-end}.tb-btn,.tb-mode{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:29px;padding:0 10px;color:#0c181cdb;background:#ffffff2e;border:1px solid rgba(255,255,255,.22);border-radius:10px;white-space:nowrap;backdrop-filter:blur(12px) saturate(160%) brightness(1.04);-webkit-backdrop-filter:blur(12px) saturate(160%) brightness(1.04)}.tb-btn:hover,.tb-mode:hover{color:#0c181cf5;background:#ffffff47}.tb-icon-btn{width:30px;padding:0;color:var(--text-dim)}.tb-search-btn{justify-content:flex-start;width:188px;color:#0c181cb8}.tb-search-btn kbd{margin-left:auto;color:#0c181ca3;font-family:var(--mono);font-size:10px;background:#fff3;border:1px solid rgba(255,255,255,.26);border-radius:8px;padding:1px 7px}.tb-segment{display:flex;gap:4px;padding:3px;background:#0d0d0e;border:1px solid var(--border);border-radius:9px}.tb-mode{min-width:72px}.tb-mode.active,.tb-btn.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.tb-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.app-version{color:var(--text-dim);font-family:var(--mono);font-size:10px}.settings-search-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-start;justify-content:center;padding-top:84px;background:#0000001f}.settings-search{position:relative;width:min(520px,calc(100vw - 32px));overflow:hidden;color:#0c181cdb;background:linear-gradient(180deg,#fff3,#ffffff13),#ffffff1c;border:1px solid rgba(255,255,255,.28);border-radius:18px;box-shadow:0 22px 54px #00000047,inset 0 1px #ffffff6b,inset 0 -18px 32px #0000001a;backdrop-filter:blur(28px) saturate(190%) brightness(1.08);-webkit-backdrop-filter:blur(28px) saturate(190%) brightness(1.08)}.settings-search-input-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:0 14px;color:#0c181cad;background:#ffffff09;border-bottom:1px solid rgba(255,255,255,.16)}.settings-search-input-row svg{color:var(--accent)}.settings-search-input-row input{width:100%;height:34px;color:#0c181ce0;background:transparent;border:0;outline:none;font-size:13px}.settings-search-input-row input::placeholder{color:#0c181c85}.settings-search-input-row kbd{color:#0c181c8f;font-family:var(--mono);font-size:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:2px 7px}.settings-search-results{max-height:352px;display:flex;flex-direction:column;gap:7px;padding:10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(12,24,28,.36) rgba(255,255,255,.2)}.settings-search-results::-webkit-scrollbar{width:10px}.settings-search-results::-webkit-scrollbar-track{background:#fff3;border-radius:999px}.settings-search-results::-webkit-scrollbar-thumb{background:#0c181c57;border:3px solid transparent;border-radius:999px;background-clip:content-box}.settings-search-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-height:42px;padding:0 12px;color:#0c181cd1;text-align:left;background:linear-gradient(180deg,#ffffff47,#ffffff12),#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:11px;backdrop-filter:blur(8px) saturate(180%) brightness(1.04);-webkit-backdrop-filter:blur(8px) saturate(180%) brightness(1.04)}.settings-search-result:hover,.settings-search-result:focus{background:linear-gradient(180deg,#dafcff8f,#ffffff1a),#50e3ff1a;border-color:#adf7ff9e;outline:none}.settings-search-result span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.settings-search-result small{color:#0c181c8a;font-size:10.5px;font-weight:750}.settings-search-empty{display:grid;place-items:center;min-height:92px;color:#0c181c94}.workspace{position:relative;display:block;min-height:0;flex:1}.bottom-toolbar{position:absolute;left:50%;bottom:18px;z-index:35;display:flex;align-items:center;justify-content:center;gap:8px;max-width:calc(100% - 32px);min-height:50px;padding:0;overflow-x:auto;overflow-y:hidden;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;scrollbar-width:none;transform:translate(-50%)}.bottom-toolbar::-webkit-scrollbar{width:0;height:0}.bottom-tool{position:relative;--cos: .2;--sin: -.8;--rim-intensity: .58;--rim-gradient: conic-gradient( from 210deg at 50% 50%, rgba(255, 255, 255, .62), rgba(255, 255, 255, .12) 32%, rgba(0, 0, 0, .16) 54%, rgba(255, 255, 255, .5) 78%, rgba(255, 255, 255, .62) );display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:76px;min-width:76px;height:50px;min-height:50px;padding:5px 8px;color:#0c181cd1;background:transparent;border:0;border-radius:15px;box-shadow:none;outline:none;transform-origin:center;transition:color .16s ease,transform .26s cubic-bezier(.4,1.5,.3,1)}.bottom-tool:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at calc(50% - var(--cos) * 50%) calc(50% - var(--sin) * 50%),rgba(255,255,255,.2) 0%,transparent 60%),color-mix(in srgb,white 25%,transparent);backdrop-filter:blur(2px) saturate(180%) brightness(1.05);-webkit-backdrop-filter:blur(1px) saturate(180%) brightness(1.05);box-shadow:inset 0 0 0 1px color-mix(in srgb,white calc(var(--rim-intensity) * 20%),transparent),inset calc(var(--cos) * 1.8px) calc(var(--sin) * 3px) 0 -2px color-mix(in srgb,white calc(var(--rim-intensity) * 90%),transparent),inset calc(var(--cos) * -2px) calc(var(--sin) * -2px) 0 -2px color-mix(in srgb,white calc(var(--rim-intensity) * 80%),transparent),inset calc(var(--cos) * -3px) calc(var(--sin) * -8px) 1px -6px color-mix(in srgb,white calc(var(--rim-intensity) * 60%),transparent),inset calc(var(--cos) * -.3px) calc(var(--sin) * -1px) 4px 0 color-mix(in srgb,black 12%,transparent),inset calc(var(--cos) * -1.5px) calc(var(--sin) * 2.5px) 0 -2px color-mix(in srgb,black 20%,transparent),inset calc(var(--cos) * 0px) calc(var(--sin) * 3px) 4px -2px color-mix(in srgb,black 20%,transparent),inset calc(var(--cos) * 2px) calc(var(--sin) * -6.5px) 1px -4px color-mix(in srgb,black 10%,transparent)}.bottom-tool:after{content:"";position:absolute;inset:0;z-index:1;padding:1px;pointer-events:none;border-radius:inherit;background:var(--rim-gradient);opacity:calc(.62 + var(--rim-intensity) * .24);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.bottom-tool span{position:relative;z-index:2;display:block;max-width:64px;min-height:0;overflow:visible;color:currentColor;font-size:10.5px;font-weight:750;line-height:1.05;text-align:center;text-overflow:clip;white-space:nowrap;overflow-wrap:normal}.bottom-tool:hover{--rim-intensity: .74;color:#0c181ceb;transform:translateY(-1px)}.bottom-tool.active{--rim-intensity: .88;color:#006f84}.bottom-tool.active:before{background:radial-gradient(circle at calc(50% - var(--cos) * 50%) calc(50% - var(--sin) * 50%),rgba(182,250,255,.28) 0%,transparent 62%),color-mix(in srgb,white 28%,rgba(80,227,255,.16))}.bottom-tool svg{position:relative;z-index:2;width:18px;height:18px}.viewport{position:relative;width:100%;height:100%;min-width:0;overflow:hidden;background:#c5d0e0}.render-canvas{display:block;width:100%;height:100%;touch-action:none}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#5d6875;font-size:15px;letter-spacing:0}.side-drawer{position:absolute;top:0;right:0;bottom:0;z-index:40;width:342px;min-width:0;background:transparent;border:0;box-shadow:none;transform:translate(calc(100% + 18px));transition:transform .15s ease;pointer-events:none}.side-drawer.open{transform:translate(0);pointer-events:auto}.side-panel{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden;background:linear-gradient(180deg,#ffffff2e,#ffffff12),var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:0;box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight),inset 0 -18px 32px #0000001f;backdrop-filter:blur(28px) saturate(190%) brightness(1.08);-webkit-backdrop-filter:blur(28px) saturate(190%) brightness(1.08);color:#0c181cd6}.side-panel-header{position:relative;z-index:1;flex:0 0 auto;display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:12px;min-height:76px;padding:16px 10px 13px 16px;background:#ffffff09;border-bottom:1px solid rgba(255,255,255,.16)}.side-panel-title{margin:0;color:#0c181ce0;font-size:15px;font-weight:800;letter-spacing:0}.side-panel-desc{margin-top:4px;color:#0c181cad;font-size:11px}.side-panel-close{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:-2px;color:#0c181ce0;background:linear-gradient(180deg,#ffffff7a,#ffffff29),#ffffff2e;border:1px solid rgba(255,255,255,.34);border-radius:999px;box-shadow:inset 0 1px #ffffff85,inset 0 -6px 12px #00000014;backdrop-filter:blur(14px) saturate(180%) brightness(1.04);-webkit-backdrop-filter:blur(14px) saturate(180%) brightness(1.04)}.side-panel-close:hover{color:#0c181c;background:linear-gradient(180deg,#ffffff9e,#ffffff38),#ffffff3d;border-color:#ffffff7a}.side-panel-close:active{transform:scale(.96)}.side-panel-close svg{position:relative;z-index:1;display:block;color:currentColor;stroke:currentColor;pointer-events:none}.side-panel-content{position:relative;z-index:1;flex:1;min-height:0;padding:11px 10px 74px 16px;overflow-y:auto}.side-panel-content::-webkit-scrollbar{width:7px}.side-panel-content::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.panel-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-bottom:14px;padding:4px;background:var(--field);border:1px solid var(--border);border-radius:6px}.panel-tab{height:29px;color:var(--text-muted);font-size:11px;font-weight:750;background:transparent;border:0;border-radius:5px}.panel-tab.active{color:#fff;background:var(--accent)}.row,.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;margin-bottom:8px}.row select,.row input[type=text],.row input[type=number],.seed-input-row input,.ctl-val{height:28px;color:#f0f2f4;background:#ffffff12;border:1px solid rgba(255,255,255,.13);border-radius:7px;outline:none}.row select{width:92px;padding:0 9px;font-size:11px;font-weight:800}.row input[type=color]{width:44px;height:26px;padding:2px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:7px}.label-with-icon{display:inline-flex;align-items:center;gap:6px;min-width:0;color:#0c181cb3}.label-with-icon svg{color:var(--accent);flex:0 0 auto}.panel-section-title{display:flex;align-items:center;gap:8px;margin:13px 0 9px;padding-top:1px;color:#0c181ca3;font-size:10px;font-weight:850;letter-spacing:0;text-transform:uppercase}.panel-section-title:first-child{margin-top:0}.panel-section-title:after{content:"";flex:1;height:1px;background:#ffffff24}.setting-label{color:#0c181cad;font-size:12px;font-weight:700}.info-dot{width:7px;height:7px;border:1px solid #414448;border-radius:50%}.seed-row{margin-bottom:10px}.seed-row label{display:inline-flex;align-items:center;gap:7px;margin-bottom:7px}.seed-input-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:6px}.seed-input-row input{width:100%;padding:0 10px;font-family:var(--mono);font-size:11px;font-weight:800}.seed-input-row button{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--field);border:1px solid var(--border);border-radius:6px}.ctl{margin-bottom:11px}.ctl-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.ctl-val{width:64px;padding:0 9px;font-family:var(--mono);font-size:11px;font-weight:800;text-align:right}.side-panel .ctl-val,.side-panel .row select,.side-panel .row input[type=text],.side-panel .row input[type=number]{color:#0c181cd6}.ctl-val:focus,.seed-input-row input:focus,.row select:focus{border-color:var(--accent)}.slider-track-wrap{position:relative;height:12px}.slider-track-bg,.slider-track-fill{position:absolute;left:0;right:0;top:5px;height:3px;border-radius:999px}.slider-track-bg{background:#ffffff24}.slider-track-fill{right:auto;background:var(--accent)}.slider-input{position:absolute;inset:-4px 0 0;width:100%;opacity:0;cursor:pointer}.slider-track-wrap:after{content:"";position:absolute;top:1px;left:calc(var(--thumb-left, 0) * 1%)}.slider-input::-webkit-slider-thumb{width:15px;height:15px}.slider-track-wrap:has(.slider-input) .slider-track-fill:after{content:"";position:absolute;top:50%;right:-6px;width:10px;height:10px;background:#fff;border:2px solid var(--accent);border-radius:50%;transform:translateY(-50%)}.action-btn,.regen-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:30px;color:#f0f2f4;background:linear-gradient(180deg,#ffffff1f,#ffffff0a),#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:8px}.action-btn{margin-top:8px}.action-btn:hover{background:linear-gradient(180deg,#ffffff2e,#ffffff0f),#ffffff14}.regen-btn{position:absolute;left:16px;right:10px;bottom:14px;width:auto;color:var(--accent);background:#06b6d414;border-color:var(--accent)}.regen-btn:hover{background:var(--accent-bg)}.toggle{position:relative;width:34px;height:19px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:999px}.toggle:after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;background:var(--text-muted);border-radius:50%;transition:transform .12s ease}.toggle.on{background:var(--accent);border-color:var(--accent)}.toggle.on:after{background:#fff;transform:translate(15px)}.tool-grid,.segmented-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:13px}.segmented-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:31px;color:#0c181cb3;text-transform:capitalize;background:linear-gradient(180deg,#ffffff5c,#ffffff14),#ffffff14;border:1px solid rgba(255,255,255,.22);border-radius:10px;box-shadow:inset 0 1px #ffffff5c,inset 0 -9px 15px #00000014;backdrop-filter:blur(8px) saturate(180%) brightness(1.06);-webkit-backdrop-filter:blur(8px) saturate(180%) brightness(1.06)}.tool-chip>*,.action-btn>*,.side-panel-close>*{position:relative;z-index:1}.tool-chip:disabled{opacity:.42;cursor:default}.tool-chip kbd{color:#0c181c80;font-family:var(--mono);font-size:10px}.tool-chip.active{color:#006f84;background:linear-gradient(180deg,#dafcff94,#ffffff1f),#50e3ff1a;border-color:#adf7ff9e}.stats-list{display:flex;flex-direction:column;gap:8px}.stats-list div{display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:0 10px;background:#ffffff12;border:1px solid rgba(255,255,255,.13);border-radius:8px}.stats-list span{color:#0c181cad}.stats-list strong{color:#0c181cd6;font-family:var(--mono);font-size:11px}.empty-panel-state{display:grid;place-items:center;min-height:180px;color:var(--text-dim);text-align:center}.empty-panel-state span{color:var(--text-muted);font-weight:800}.empty-panel-state p{margin-top:6px}#statusbar{z-index:30;display:flex;align-items:center;gap:8px;height:22px;padding:0 6px;color:var(--text-muted);font-family:var(--mono);font-size:10px;background:#080808;border-top:1px solid var(--border)}.ready-dot{width:7px;height:7px;background:#19d978;border-radius:50%}.status-sep{width:1px;height:12px;background:var(--border)}.status-spacer{flex:1}#statusbar strong{min-width:42px;padding:1px 8px;color:#30f2a2;text-align:center;background:#19d97826;border:1px solid rgba(25,217,120,.35);border-radius:4px}.unsupported{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at center,#1a2230,#10141a 75%)}.unsupported-card{max-width:560px;padding:28px 32px;background:#171d26;border:1px solid #2a3442;border-radius:8px;line-height:1.55}.unsupported-card h1{margin-bottom:10px;color:#e8926a;font-size:20px}.unsupported-card h2{margin:18px 0 8px;color:#9fb3c8;font-size:14px}.unsupported-detail{padding:10px 12px;color:#b8c4d0;background:#10141a;border-radius:4px;font-family:Consolas,monospace;font-size:12px;word-break:break-word}.unsupported-card ul{padding-left:18px}.unsupported-card li{margin-bottom:6px}.unsupported-card code{padding:1px 5px;background:#10141a;border-radius:3px;font-family:Consolas,monospace;font-size:12px}@media(max-width:980px){#topbar{grid-template-columns:auto 1fr}.tb-center,.tb-btn span,.tb-search-btn kbd{display:none}.bottom-toolbar{max-width:calc(100% - 32px)}}@media(max-width:720px){.bottom-toolbar{left:12px;right:12px;bottom:12px;justify-content:flex-start;max-width:none;min-height:58px;transform:none}.side-drawer{top:0;right:0;bottom:0;width:min(342px,100vw)}.bottom-tool{width:72px;min-width:72px}}