:root{font-family:DM Sans,sans-serif;color:#edeeeb;background:#111415;font-synthesis:none;--muted:#8b9392;--line:#ffffff13;--accent:#c4def1;--panel:#171c1deF}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:background .2s,border-color .2s,transform .2s}button:not(:disabled):active{transform:translateY(1px)}button svg{flex-shrink:0}button{border:0;background:none}p,h1,h2,h3{margin:0}svg{vertical-align:middle}::selection{background:#c4def137}.muted{color:var(--muted);font-size:14px;line-height:1.75}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:600;display:flex;align-items:center;gap:9px;color:#b1bcb8}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#bfd4ab;box-shadow:0 0 0 3px #bad9ab09;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:14px 19px;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid transparent}.primary{background:var(--accent);color:#1a2b36;box-shadow:0 3px 12px #0002}.primary:hover{background:#d9ebf7}.secondary{background:#ffffff03;border-color:#ffffff1d}.secondary:hover{background:#ffffff0b;border-color:#fff3}.icon-button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:#aab6b2;flex-shrink:0}.icon-button:hover{color:#fff;background:#ffffff0c}.icon-button.active{background:#c4def11c;color:#c4def1}.brand{display:flex;gap:9px;align-items:center;font-family:Space Grotesk,sans-serif;letter-spacing:1.7px;font-size:15px;font-weight:700;padding:0}.brand-light{font-weight:400;color:#c3c8c4}.brand-symbol{display:flex;align-items:center;justify-content:center;position:relative;color:#d7e1d8}.landing{max-width:1600px;margin:0 auto;padding:0 5.2%;background:radial-gradient(ellipse at 55% 38%,#1b22221c,transparent 65%)}.landing-header{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.landing-header nav{display:flex;gap:25px;align-items:center}.text-button{font-size:11px;display:flex;gap:9px;align-items:center;color:#b7bfbc;padding:7px 0}.text-button:hover{color:#fff}.nav-divider{width:1px;height:16px;background:var(--line)}.version-tag{font-size:8px;letter-spacing:1.2px;color:#77817e}.nav-demo{padding:9px 13px;border:1px solid #ffffff1e;font-size:10px;border-radius:5px}.nav-demo:hover{background:#ffffff08}.hero{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:43px 0 34px}.hero-heading .eyebrow{font-size:9px;letter-spacing:1.9px;margin-bottom:18px}.hero h1{font-family:Space Grotesk,sans-serif;font-size:clamp(38px,4.65vw,74px);font-weight:500;line-height:1.025;letter-spacing:-2.8px}.hero h1 span{color:#a4b6af}.hero-description{max-width:354px;padding-top:24px}.hero-description>p:first-child{font-size:15px;letter-spacing:-.15px;margin-bottom:9px}.hero-description .muted{font-size:12px;line-height:1.8;max-width:310px}.hero-actions{display:flex;gap:10px;margin-top:22px}.hero-note{display:block;color:#64716d;font-size:9px;margin-top:12px}.preview-frame{height:440px;border:1px solid #667d6f44;border-radius:11px;position:relative;overflow:hidden;background:#293534;isolation:isolate;box-shadow:0 20px 60px #0002}.preview-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#101b1bbb,transparent 24%,transparent 85%,#101b1b30);z-index:1}.preview-frame canvas{touch-action:none}.preview-title{position:absolute;top:23px;left:25px;display:flex;align-items:center;gap:12px;pointer-events:none;z-index:2}.preview-scene-icon{width:36px;height:36px;border:1px solid #cadbcd24;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#1c2a2544;color:#e4e9d9}.preview-title strong{font-size:11px;font-weight:500;display:block;letter-spacing:.15px}.preview-title div>span{display:block;font-size:9px;color:#b0bdb0;margin-top:5px}.live-badge{position:absolute;top:29px;right:24px;font-size:8px;letter-spacing:1.4px;display:flex;align-items:center;gap:8px;color:#c3d1c5;z-index:2}.preview-caption{position:absolute;left:27px;bottom:28px;z-index:2;pointer-events:none}.caption-label{font-size:8px;letter-spacing:1.4px;color:#b9cabc;display:flex;gap:7px;align-items:center;margin-bottom:10px}.preview-caption p{font-size:13px;line-height:1.6;color:#e2e9de}.enter-scene{position:absolute;right:25px;bottom:49px;display:flex;align-items:center;gap:20px;padding:11px 14px;border:1px solid #deead139;background:#1727209c;border-radius:5px;font-size:10px;z-index:2}.enter-scene:hover{background:#344f3acc;border-color:#deead175}.orbit-hint{position:absolute;bottom:26px;right:30px;font-size:9px;display:flex;align-items:center;gap:7px;color:#8caa9b;z-index:2;pointer-events:none}.flow-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:26px 8%}.flow-strip>div{display:flex;align-items:center;gap:12px;font-size:11px;color:#a9b4ae}.flow-strip>div svg{color:#95a99e}.step-num{color:#52615a;font-size:9px;font-family:Space Grotesk,sans-serif;margin-right:3px}.flow-arrow{color:#414e47}.landing-footer{padding:19px 0 23px;display:flex;justify-content:space-between;align-items:center;color:#626e69;font-size:10px}.landing-footer>span:last-child{font-size:8px;letter-spacing:1px;display:flex;gap:7px;align-items:center}.footer-dot{display:inline-block;border-radius:50%;width:3px;height:3px;background:#687d70}.boot{width:100%;height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#a8bcb3;font-size:13px}.boot-mark{font-size:42px}.canvas-error{height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:18px;font-size:14px;color:#ccd4d0}.canvas-error p{color:var(--muted);max-width:320px}.canvas-error .button{background:#ffffff16}.editor{height:100dvh;overflow:hidden}.editor-header{height:65px;display:flex;gap:22px;align-items:center;padding:0 27px;background:#121718;border-bottom:1px solid #ffffff0c}.editor-header .brand{font-size:13px;letter-spacing:1.3px}.header-slash{color:#47534e;font-size:20px;font-weight:400}.scene-name{font-size:12px;color:#b9c2bd;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-local-badge{font-size:8px;border:1px solid #ffffff15;border-radius:3px;padding:3px 5px;color:#819b8d;letter-spacing:.7px;margin-left:-11px}.environment-controls{display:flex;gap:7px;margin-left:auto}.environment-controls label{display:flex;align-items:center;gap:7px;padding:8px 10px;background:#ffffff03;border:1px solid #ffffff10;border-radius:5px;color:#b5c1b8;position:relative}.environment-controls label:last-child>svg:first-child{color:#dfba80}.environment-controls select{background:transparent;border:0;color:#ccd4ce;font-size:11px;appearance:none;outline-offset:6px;padding-right:18px;cursor:pointer}.environment-controls label>svg:last-child{pointer-events:none;position:absolute;right:8px}.environment-controls option{background:#1c2521;color:#d7e0da}.editor-viewport{height:calc(100dvh - 65px);position:relative;background:#293534}.editor-viewport>div:first-child{position:absolute!important;inset:0}.scene-status{position:absolute;left:26px;top:25px;display:flex;gap:9px;align-items:center;font-size:8px;letter-spacing:1.5px;color:#b4c5b8;pointer-events:none}.scene-status>span:last-child{font-size:9px;letter-spacing:0;color:#84998b;border-left:1px solid #a0bda52b;padding-left:10px}.floating-panel{background:var(--panel);border:1px solid #d5e8da1b;box-shadow:0 8px 35px #0003;border-radius:9px}.editor-toolbar{position:absolute;left:22px;top:75px;display:flex;flex-direction:column;gap:4px;padding:6px}.tool-divider{height:1px;background:#fff1;margin:3px 5px}.inspector{position:absolute;right:22px;top:25px;width:223px;padding:13px 16px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:7px}.panel-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.panel-heading .icon-button{width:23px;height:23px}.panel-heading .icon-button svg{width:14px}.object-heading{display:flex;align-items:center;gap:10px;padding:22px 0;color:#c4d5c9}.object-heading h3{font-size:15px;font-weight:500}.field-label{font-size:10px;color:#83958b}.coordinates{display:flex;gap:6px;margin:8px 0 18px}.coordinates>div{flex:1;padding:9px 7px;font-size:10px;border:1px solid #fff1;border-radius:4px;display:flex;justify-content:space-between;color:#c2cdc5}.coordinates span{color:#718a7b;font-size:9px}.scale-field{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;font-size:11px}.delete-button{border-top:1px solid #fff1;width:100%;border-radius:0;padding:13px 0 0;color:#c59387;font-size:10px}.delete-button:hover{color:#f1b5a6}.objects-panel{position:absolute;left:80px;top:75px;width:215px;padding:12px;max-height:calc(100% - 265px);display:flex;flex-direction:column}.object-list{overflow:auto;margin-top:10px;scrollbar-width:thin;scrollbar-color:#405046 transparent}.object-list button{display:flex;align-items:center;width:100%;gap:9px;padding:10px 8px;font-size:11px;border-radius:5px;color:#a9baae;text-align:left}.object-list button span{margin-left:auto;font-size:8px;color:#6a8172}.object-list button:hover,.object-list button.selected{background:#c4def111;color:#d7e9df}.command-dock{position:absolute;bottom:54px;left:50%;transform:translate(-50%);width:min(580px,calc(100% - 180px));z-index:4}.command-suggestions{display:flex;justify-content:center;gap:7px;margin-bottom:12px}.command-suggestions button{display:flex;align-items:center;gap:8px;font-size:9px;color:#bbcbbe;border:1px solid #d4e2cb25;border-radius:5px;padding:7px 9px;background:#1c2a24b3;box-shadow:0 2px 6px #0001}.command-suggestions button:hover{background:#344a3bea}.command-form{display:flex;gap:12px;align-items:center;background:#151c1cf5;border:1px solid #bed2c32d;border-radius:10px;padding:10px 11px 10px 19px;box-shadow:0 10px 40px #0003}.command-icon{color:#a9c1ad;display:flex}.command-form input{width:100%;min-width:0;background:none;border:0;color:#e0e8e1;font-size:12px;height:33px;outline:none}.command-form input::placeholder{color:#92a498}.command-form:focus-within{border-color:#c4def178}.command-shortcut{font-size:10px;white-space:nowrap;background:#ffffff05;color:#74877a;border:1px solid #ffffff12;border-radius:4px;padding:3px 5px}.send-command{border-radius:6px;background:#c4def1;color:#243840;width:33px;height:33px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.send-command:hover:not(:disabled){background:#e0f0fa}.command-meta{display:flex;justify-content:space-between;align-items:center;padding:9px 5px 0;font-size:8px;color:#98aa9d}.command-meta>span{display:flex;align-items:center;gap:6px}.command-meta .status-dot{width:4px;height:4px}.meta-divider{margin:0 3px;color:#657c6d}.command-meta button{display:flex;align-items:center;gap:5px;font-size:8px;color:#9eb0a3;padding:0}.command-result{background:#18231eef;border:1px solid #d5e8da29;box-shadow:0 7px 20px #0002;display:flex;gap:8px;align-items:center;padding:10px 12px;margin-bottom:12px;border-radius:7px;font-size:11px;color:#c0d4c5;line-height:1.6}.command-result>svg{flex-shrink:0}.command-result .icon-button{margin-left:auto;width:24px;height:24px}.command-result.error{background:#302622f5;color:#ebc4b2;border-color:#b97b6044}.editor-bottom{position:absolute;bottom:17px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:8px;color:#91a596;pointer-events:none}.editor-bottom>span{display:flex;align-items:center;gap:8px}.editor-bottom>span:last-child{font-size:7px;letter-spacing:1.2px}.walk-notice{position:absolute;left:50%;transform:translate(-50%);top:25px;background:#16221bbb;border:1px solid #c0dec128;padding:9px 13px;border-radius:6px;font-size:10px;color:#cbd9ce;display:flex;align-items:center;gap:7px;pointer-events:none}.crosshair{position:absolute;left:50%;top:50%;color:#ffffff9c;pointer-events:none;font-size:20px}.history-panel{padding:13px 15px;margin-bottom:12px;max-height:260px;overflow:auto}.history-panel>.muted{font-size:12px;padding:20px 0}.history-entry{font-size:11px;border-top:1px solid #ffffff0b;padding:11px 0}.history-entry:first-of-type{margin-top:10px}.history-entry strong{font-weight:500;color:#c5d5ca}.history-entry p{font-size:10px;color:#7e9889;margin-top:6px}.fullscreen-error{position:absolute;left:80px;top:75px;max-width:300px;background:#332b22;border:1px solid #a89a5b44;color:#e2cfb4;padding:13px;border-radius:7px;font-size:11px}.modal-backdrop{position:fixed;inset:0;background:#080d10c9;backdrop-filter:blur(8px);z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .2s ease}.modal{width:570px;max-height:calc(100dvh - 48px);overflow:auto;border:1px solid #ffffff1b;border-radius:14px;padding:24px 29px 29px;background:#171d1e;box-shadow:0 30px 100px #0006;outline:none;animation:rise-in .25s ease}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-top .eyebrow{font-size:9px;letter-spacing:1.5px}.modal-emblem{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#c4def10a;border:1px solid #c4def123;border-radius:10px;color:#bed5e5;margin-bottom:21px}.modal h2{font-family:Space Grotesk,sans-serif;font-size:29px;font-weight:500;letter-spacing:-1px;margin-bottom:10px}.modal>.muted{font-size:12px}.engine-tabs{display:flex;gap:6px;background:#0c11136b;padding:5px;border:1px solid #ffffff07;border-radius:7px;margin:23px 0 13px}.engine-tabs button{flex:1;display:flex;gap:6px;align-items:center;justify-content:center;padding:9px 5px;font-size:11px;color:#7c9286;border-radius:5px}.engine-tabs button.active{background:#263131;color:#d3e4db;box-shadow:0 2px 5px #0001}.tiny-pill{font-size:7px;padding:3px 4px;border-radius:3px;border:1px solid #ffffff18;color:#87988c;margin-left:4px}.modal textarea{display:block;resize:vertical;min-height:123px;max-height:220px;width:100%;padding:17px;background:#111718;border:1px solid #ffffff20;border-radius:7px;color:#e0e8e0;font-size:13px;line-height:1.7}.modal textarea::placeholder{color:#74867d}.engine-note{font-size:10px;color:#809389;line-height:1.7;margin-top:11px}.examples{display:flex;flex-wrap:wrap;gap:6px;margin:19px 0 24px}.examples button{display:flex;align-items:center;gap:6px;font-size:9px;color:#a0b1a6;background:#ffffff02;border:1px solid #ffffff12;border-radius:5px;padding:7px 9px;text-align:left}.examples button:hover{background:#ffffff08;color:#d5e3d7}.generate{width:100%;justify-content:center}.generate svg:last-child{margin-left:auto}.generate svg:first-child{margin-right:auto}.error-message{display:flex;align-items:flex-start;gap:9px;background:#ce86620d;color:#d5ae98;border:1px solid #c7836026;border-radius:6px;padding:13px;font-size:11px;line-height:1.7;margin-bottom:18px}.error-message svg{flex-shrink:0;margin-top:2px}.progress-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:16px;background:#ffffff03;border:1px solid #ffffff0c;border-radius:7px;margin:0;color:#64756b;font-size:10px}.progress-list li{display:flex;gap:8px;align-items:center}.progress-list li.done{color:#c3d9ca}.progress-dot{width:13px;height:13px;border:1px solid #516358;border-radius:50%}.help-section{padding:20px 0;border-bottom:1px solid #ffffff0c}.help-section h3{font-size:12px;color:#c2d4c8;font-weight:500;margin-bottom:9px}.help-section p{font-size:11px;color:#8ea396;line-height:1.8}.key-guide{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:15px;font-size:9px;color:#93a99b}kbd{font-family:inherit}.key-guide kbd{padding:4px 6px;border:1px solid #ffffff20;border-radius:4px;color:#c1d2c6;font-size:9px}.help-section code{display:block;font-size:10px;color:#b0c6b8;margin-top:10px;background:#0d17114d;padding:9px;border-radius:4px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.spin{animation:spin 1.2s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1500px){.preview-frame{height:540px}.hero{padding:55px 0 42px}.hero-description{max-width:400px}.hero-description .muted{font-size:14px;max-width:370px}.hero-description>p:first-child{font-size:17px}}@media (max-width:900px){.version-tag{display:none}.landing-header nav{gap:18px}.hero{gap:25px}.hero h1{font-size:48px}.hero-description{max-width:290px}.hero-description>p:first-child{font-size:13px}.hero-actions .button{font-size:10px;padding:12px}.flow-strip{padding:23px 3%;gap:10px}.flow-strip>div{font-size:10px;gap:8px}.editor-header{gap:13px;padding:0 17px}.scene-name{max-width:150px}.scene-local-badge{display:none}.inspector{width:200px;right:15px}.command-dock{width:min(540px,calc(100% - 145px))}}@media (max-width:650px){.landing{padding:0 6%}.landing-header{height:68px}.brand{font-size:13px;letter-spacing:1.2px}.brand-symbol svg{width:22px}.landing-header .text-button,.nav-divider{display:none}.nav-demo{font-size:9px;padding:8px 9px}.landing-header nav{gap:0}.hero{display:block;padding:31px 0 25px}.hero-heading .eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:16px}.hero h1{font-size:46px;letter-spacing:-2px}.hero-description{max-width:none;padding-top:20px}.hero-description>p:first-child{font-size:13px;margin-bottom:6px}.hero-description .muted{font-size:11px;line-height:1.7;max-width:310px}.hero-actions{margin-top:19px;gap:9px}.hero-actions .button{padding:12px 14px;font-size:11px}.hero-note{font-size:8px;margin-top:12px}.preview-frame{height:370px;border-radius:9px}.preview-title{top:16px;left:16px;gap:8px}.preview-scene-icon{height:29px;width:29px}.preview-title strong{font-size:10px}.preview-title div>span{font-size:7px;margin-top:4px}.live-badge{top:25px;right:13px;font-size:6px;letter-spacing:.7px;gap:5px}.live-badge .status-dot{width:4px;height:4px}.preview-caption{bottom:61px;left:17px}.caption-label{font-size:6px;letter-spacing:1.2px;margin-bottom:6px}.caption-label svg{width:12px}.preview-caption p{font-size:10px;line-height:1.6}.enter-scene{bottom:17px;left:17px;right:auto;font-size:8px;padding:8px 9px;gap:12px}.enter-scene svg{width:14px}.orbit-hint{bottom:27px;right:15px;font-size:7px;gap:5px}.flow-strip{padding:22px 0;gap:9px;align-items:flex-start}.flow-strip>div{flex-direction:column;align-items:flex-start;gap:8px;font-size:9px;line-height:1.5;max-width:92px;position:relative}.flow-strip>div svg{display:none}.flow-strip .step-num{font-size:8px}.flow-arrow{width:12px;margin-top:25px;flex-shrink:0}.landing-footer{font-size:8px;gap:15px;align-items:flex-start;padding-top:17px}.landing-footer>span:last-child{font-size:6px;letter-spacing:.5px;line-height:1.6;max-width:140px;text-align:right;gap:5px}.editor-header{height:59px;padding:0 13px;gap:10px}.editor-header .brand{font-size:10px;letter-spacing:.7px;gap:5px}.editor-header .brand-symbol svg{width:19px}.editor-header .scene-name,.header-slash{display:none}.editor-header>.icon-button{width:25px}.environment-controls{gap:5px}.environment-controls label{padding:7px 6px;gap:4px}.environment-controls select{font-size:9px;padding-right:12px;max-width:77px}.environment-controls label>svg:first-child{width:13px}.environment-controls label>svg:last-child{width:10px;right:5px}.editor-viewport{height:calc(100dvh - 59px)}.scene-status{left:15px;top:19px;font-size:7px;letter-spacing:1px;gap:6px}.scene-status>span:last-child{font-size:8px}.editor-toolbar{left:12px;top:54px;padding:4px;gap:4px}.editor-toolbar .icon-button{width:29px;height:31px}.editor-toolbar .icon-button svg{width:16px}.editor-toolbar .icon-button:nth-child(2){display:none}.inspector{right:12px;top:54px;width:170px;padding:10px 12px}.inspector .eyebrow{font-size:7px;letter-spacing:.8px}.object-heading{padding:15px 0;gap:8px}.object-heading h3{font-size:12px}.object-heading svg{width:20px}.coordinates{gap:4px;margin-bottom:12px}.coordinates>div{padding:7px 5px;font-size:9px}.scale-field{padding-bottom:12px}.delete-button{font-size:9px}.command-dock{width:calc(100% - 26px);bottom:45px}.command-form{padding:8px 8px 8px 12px;gap:9px;border-radius:8px}.command-form input{font-size:11px}.command-shortcut{display:none}.command-icon svg{width:18px}.command-suggestions{gap:5px;margin-bottom:10px}.command-suggestions button{padding:6px 7px;font-size:8px;gap:4px}.command-suggestions button svg{width:10px}.command-meta{font-size:7px;padding-top:8px}.command-meta button{font-size:7px}.editor-bottom{bottom:13px;left:16px;right:16px;font-size:7px}.editor-bottom>span:last-child{display:none}.objects-panel{top:54px;left:56px;width:195px;max-height:calc(100% - 235px);z-index:5}.command-result{font-size:10px;padding:8px 10px}.walk-notice{top:43px;width:max-content;font-size:8px}.modal-backdrop{padding:14px}.modal{padding:17px 20px 22px;max-height:calc(100dvh - 28px);border-radius:12px}.modal-top{margin-bottom:18px}.modal-top .eyebrow{font-size:8px}.modal h2{font-size:25px}.modal>.muted{font-size:11px}.engine-tabs button{font-size:10px;gap:5px}.tiny-pill{font-size:6px;margin-left:0}.engine-note{font-size:9px}.examples{gap:5px;margin-bottom:18px}.examples button{font-size:8px;padding:7px}.progress-list{font-size:8px;padding:12px;gap:12px}.modal-actions .button{font-size:10px;padding:12px}.fullscreen-error{left:55px;max-width:260px;top:54px}.history-panel{max-height:200px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.api-key-box{background:#0d1414;border:1px solid #ffffff15;border-radius:8px;padding:12px 14px;margin:12px 0 16px;display:flex;flex-direction:column;gap:9px}.api-key-row{display:flex;gap:8px;align-items:center}.api-key-input{flex:1;min-width:0;background:#141c1c;border:1px solid #ffffff20;border-radius:5px;padding:8px 11px;color:#e0e8e0;font-size:11px;outline:none}.api-key-input:focus{border-color:var(--accent)}.api-key-btn{padding:7px 13px;font-size:11px;background:var(--accent);color:#1a2b36;border-radius:5px;font-weight:600;white-space:nowrap}.api-key-btn:hover{background:#d9ebf7}.api-key-btn.secondary{background:#ffffff10;color:#c9d8d0}.api-key-btn.secondary:hover{background:#ffffff18}.api-key-note{font-size:10px;color:#7e9389;line-height:1.5;display:flex;justify-content:space-between;align-items:center}.api-key-note a{color:#c4def1;text-decoration:none}.api-key-note a:hover{text-decoration:underline}.ai-status-pill{display:inline-flex;align-items:center;gap:6px;font-size:9px;padding:4px 9px;border-radius:20px;border:1px solid #ffffff18;background:#ffffff06;color:#a8b8b0;cursor:pointer}.ai-status-pill:hover{background:#ffffff0d;color:#fff}.ai-status-pill.connected{border-color:#bfd4ab44;color:#cde0bd}.ai-status-pill .status-dot.active{background:#8fe09b;box-shadow:0 0 0 3px #8fe09b1f}.api-tag{font-size:8px;padding:2px 5px;border-radius:3px;background:#c4def118;color:#c4def1;letter-spacing:.5px}