@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080a10;--chrome:#0c0f16;--panel:#10131b;--panel-raised:#151925;--panel-hover:#1a1e2b;--input:#0b0e15;--line:#272c3a;--line-soft:#1e222e;--text:#f1f3f8;--muted:#8b92a5;--muted-strong:#b5bac8;--accent:#7659f6;--accent-hover:#856cff;--accent-soft:#292142;--success:#5fd39a;--warning:#f0b15c;--danger:#f26f87;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%}body{background:var(--bg);color:var(--text);margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:2px;outline:2px solid #9b88ff}input,select,textarea{border:1px solid var(--line);background:var(--input);width:100%;min-height:34px;color:var(--text);border-radius:7px;outline:0;padding:7px 9px;transition:border-color .14s,box-shadow .14s}input:hover,select:hover,textarea:hover{border-color:#394052}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #7659f624}input:disabled,textarea:disabled,button:disabled{cursor:not-allowed;opacity:.45}textarea{resize:vertical;min-height:84px;line-height:1.5}code,pre,.mono-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}code{color:#b9adff;font-size:11px}svg{width:18px;height:18px}.builder-shell{flex-direction:column;height:100vh;min-height:680px;display:flex;overflow:hidden}.full{width:100%}.primary-button,.secondary-button,.danger-outline,.text-action,.icon-button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:32px;font-size:12px;font-weight:600;transition:background .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff;padding:7px 13px}.primary-button:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.secondary-button{border:1px solid var(--line);color:#d8dbe5;background:#171b26;padding:7px 11px}.secondary-button:hover{background:#1c212f;border-color:#454c61}.danger-outline{color:#ff8da0;background:#25151a;border:1px solid #61303c;padding:7px 11px}.danger-outline:hover{border-color:var(--danger);background:#321820}.text-action{color:#ad9fff;background:0 0;border:0;padding:5px}.text-action:hover{color:#c9c0ff}.icon-button{width:32px;color:var(--muted-strong);background:0 0;border:1px solid #0000;flex:0 0 32px;padding:0}.icon-button:hover{border-color:var(--line);background:var(--panel-hover);color:#fff}.subtle-danger:hover{color:var(--danger)!important;background:#29151c!important;border-color:#61303c!important}.section-note{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.section-empty{color:var(--muted);background:#0c0f16;border-radius:8px;gap:7px;padding:14px;font-size:11px;line-height:1.45;display:grid}.section-empty strong{color:var(--text);font-size:12px}.form-stack{gap:12px;display:grid}.control-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.layout-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.layout-grid label{position:relative}.layout-grid label span{z-index:1;color:var(--muted);font-size:9px;font-weight:700;position:absolute;top:9px;left:8px}.layout-grid input{padding-left:24px}.studio-topbar{z-index:50;border-bottom:1px solid var(--line-soft);background:#0b0e14;flex:0 0 56px;align-items:center;gap:14px;height:56px;padding:0 14px;display:flex;position:relative}.topbar-brand{align-items:center;gap:8px;display:flex}.topbar-brand>span{background:var(--accent);border-radius:8px;place-items:center;width:28px;height:28px;font:700 19px Space Grotesk;display:grid}.topbar-brand strong{font:650 14px Space Grotesk}.workspace-nav{align-self:stretch;gap:2px;margin-left:6px;display:flex}.workspace-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:11px;font-weight:600;position:relative}.workspace-nav button:after{content:"";background:0 0;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:10px;right:10px}.workspace-nav button.active{color:#fff}.workspace-nav button.active:after{background:var(--accent)}.topbar-divider{background:var(--line);width:1px;height:22px}.project-name{background:0 0;border-color:#0000;width:min(260px,22vw);font:600 13px Space Grotesk}.project-name:hover{border-color:var(--line)}.save-status{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.save-status i{background:var(--success);border-radius:50%;width:6px;height:6px}.save-status.dirty i{background:var(--warning)}.topbar-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.studio-layout{background:var(--bg);flex:1;grid-template-columns:52px 260px minmax(420px,1fr) 320px;min-height:0;display:grid}.studio-layout.left-closed{grid-template-columns:52px minmax(420px,1fr) 320px}.studio-layout.right-closed{grid-template-columns:52px 260px minmax(420px,1fr)}.studio-layout.left-closed.right-closed{grid-template-columns:52px minmax(420px,1fr)}.activity-rail{border-right:1px solid var(--line-soft);background:#0b0e14;flex-direction:column;align-items:center;gap:4px;min-height:0;padding:8px 5px;display:flex}.rail-brand{display:none}.activity-rail button{color:#737b90;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:42px;height:45px;display:grid;position:relative}.activity-rail button span{z-index:100;border:1px solid var(--line);color:var(--text);pointer-events:none;white-space:nowrap;background:#171b26;border-radius:6px;padding:6px 8px;font-size:10px;display:none;position:absolute;left:48px;box-shadow:0 8px 25px #0008}.activity-rail button:hover span{display:block}.activity-rail button:hover{color:var(--muted-strong);background:#151924}.activity-rail button.active{background:var(--accent-soft);color:#b9abff}.activity-rail button.active:before{background:var(--accent);content:"";border-radius:0 2px 2px 0;width:2px;height:22px;position:absolute;left:-5px}.activity-rail svg{width:19px;height:19px}.context-panel,.studio-inspector,.api-sources{background:var(--panel);min-width:0;min-height:0}.context-panel{border-right:1px solid var(--line-soft)}.context-panel>header,.api-sources>header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;height:58px;padding:0 14px;display:flex}.context-panel header small,.api-sources header small{color:#656d80;font-size:9px;display:block}.context-panel header h2,.api-sources header h2{margin:2px 0 0;font:600 14px Space Grotesk}.panel-count{min-width:22px;color:var(--muted);text-align:center;background:#232735;border-radius:9px;padding:3px 6px;font-size:9px}.context-scroll{scrollbar-width:thin;scrollbar-color:#303646 transparent;height:calc(100% - 58px);padding:12px;overflow:auto}.search-box{border:1px solid var(--line);background:var(--input);border-radius:7px;align-items:center;height:34px;padding:0 9px;gap:7px!important;display:flex!important}.search-box svg{width:14px;color:var(--muted)}.search-box input{min-height:0;box-shadow:none;background:0 0;border:0;padding:0;font-size:11px}.library-group{margin-top:18px}.library-group h3,.panel-section h3,.device-list>h3,.secret-list h3{color:#7e8597;margin:0 0 8px;font-size:10px;font-weight:700}.widget-library-row{text-align:left;cursor:grab;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:32px minmax(0,1fr) 14px;align-items:center;gap:9px;width:100%;margin:2px 0;padding:7px 6px;display:grid}.widget-library-row:hover{border-color:var(--line);background:var(--panel-hover)}.widget-library-row>span:nth-child(2),.layer-list button>span:last-child,.source-list button>span:nth-child(2),.page-list button>span:nth-child(2){gap:2px;min-width:0;display:grid}.widget-library-row strong,.layer-list strong,.source-list strong,.page-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.widget-library-row small,.layer-list small,.source-list small,.page-list small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.widget-library-row>i{color:#535a6c;font-style:normal}.widget-type-icon{color:#ad9fff;background:#222034;border-radius:7px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.widget-type-icon svg{width:16px;height:16px}.page-list,.layer-list,.source-list,.template-list{gap:5px;margin-top:12px;display:grid}.page-list>button,.source-list>button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:9px;display:grid}.page-list>button:hover,.page-list>button.active,.source-list>button:hover{background:var(--panel-hover)}.page-list>button.active{border-color:#40365f}.page-list button>i{color:#9e8fff;font-size:8px;font-style:normal}.page-number,.layer-index{color:#666e81;font:600 10px Space Grotesk}.page-list .page-number{background:#202431;border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.page-list button.active .page-number{background:var(--accent);color:#fff}.panel-section{background:#0d1017;border-radius:9px;gap:10px;margin-top:14px;padding:12px;display:grid}.panel-section label,.inspector-section label,.secret-create label,.auth-editor label{color:var(--muted);gap:5px;font-size:10px;font-weight:500;display:grid}.page-tools{grid-template-columns:minmax(0,1fr) 32px 32px 32px;gap:5px;display:grid}.page-tools button{border:1px solid var(--line);cursor:pointer;background:#171b26;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:32px;font-size:10px;display:flex}.page-tools svg{width:14px}.layer-list{margin-top:0}.layer-list>button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:22px 30px minmax(0,1fr);align-items:center;gap:8px;width:100%;padding:7px 8px;display:grid}.layer-list>button:hover{background:var(--panel-hover)}.layer-list>button.active{box-shadow:inset 2px 0 var(--accent);background:#1b182b;border-color:#413862}.layer-list .widget-type-icon{width:28px;height:28px}.panel-empty{text-align:center;place-items:center;padding:32px 14px;display:grid}.panel-empty>svg{color:#7566bd;width:28px;height:28px;margin-bottom:12px}.panel-empty strong{font-size:12px}.panel-empty p{max-width:210px;color:var(--muted);margin:6px 0 0;font-size:10px;line-height:1.5}.source-list>button{grid-template-columns:46px minmax(0,1fr) 8px;padding:9px 6px}.method-badge{color:#cbd0dd;background:#252a37;border-radius:5px;place-items:center;width:max-content;min-width:42px;padding:4px 5px;font:700 8px Space Grotesk;display:inline-grid}.method-get{color:#6fdda3!important;background:#153226!important}.method-post{color:#b9a8ff!important;background:#29203e!important}.method-put,.method-patch{color:#f3c86f!important;background:#382e19!important}.method-delete{color:#f58ba0!important;background:#371922!important}.status-ok,.status-error,.status-idle{background:#5f6678;border-radius:50%;width:7px;height:7px}.status-ok{background:var(--success);box-shadow:0 0 7px #5fd39a77}.status-error{background:var(--danger);box-shadow:0 0 7px #f26f8777}.subnav{gap:3px;margin:-2px -2px 10px;display:flex;overflow-x:auto}.subnav button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:6px 7px;font-size:9px}.subnav button.active{color:#c4b9ff;background:#252039}.color-field>span:first-child{color:var(--muted);font-size:10px}.color-control{grid-template-columns:32px 1fr;gap:5px;display:grid}.color-control input[type=color]{height:34px;padding:4px}.switch-row{justify-content:space-between;align-items:center;display:flex!important}.switch-row>span{gap:2px;display:grid}.switch-row strong{color:var(--text);font-size:11px}.switch-row small{color:var(--muted);font-size:9px}.switch-row input{width:34px;height:18px;min-height:0}.template-row{text-align:left;cursor:pointer;background:#121620;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px;display:flex}.template-row:hover{border-color:var(--line);background:var(--panel-hover)}.template-row>span{gap:3px;display:grid}.template-row strong{font-size:11px}.template-row small{color:var(--muted);font-size:9px}.template-row i{color:var(--muted);background:#242838;border-radius:5px;padding:3px 5px;font-size:8px;font-style:normal}.version-list{gap:5px;display:grid}.version-list>div{background:#141821;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:6px 8px;display:flex}.version-list>div>span{gap:2px;display:grid}.version-list strong{font-size:10px}.version-list small{color:var(--muted);font-size:8px}.version-list i{color:var(--success);background:#173526;border-radius:7px;padding:3px 6px;font-size:8px;font-style:normal}.version-list .secondary-button{min-height:27px;font-size:8px}.pairing-code{text-align:center;background:#181428;border:1px dashed #5d4aa3;border-radius:8px;padding:13px;display:grid}.pairing-code small{color:var(--muted);font-size:9px}.pairing-code strong{color:#c6bcff;letter-spacing:.15em;margin-top:3px;font:700 23px Space Grotesk}.pairing-qr{text-align:center;background:linear-gradient(145deg,#171b28,#201a35);border:1px solid #494068;border-radius:10px;justify-items:center;gap:8px;padding:12px;display:grid}.pairing-qr img{background:#fff;border-radius:9px;width:min(100%,220px);height:auto;padding:7px;display:block}.pairing-qr strong{font:600 11px Space Grotesk}.pairing-qr small{color:#aeb3c2;font-size:9px;line-height:1.45}.pairing-qr a{color:#b9adff;font-size:9px}.device-list{gap:8px;display:grid}.device-list>h3{justify-content:space-between;display:flex}.device-list>h3 span{background:#242836;border-radius:8px;padding:2px 6px;font-size:8px}.device-card{background:#0d1017;border-radius:9px;gap:10px;padding:11px;display:grid}.device-card header{align-items:center;gap:8px;display:flex}.device-card header>span{border-radius:50%;width:8px;height:8px}.device-online{background:var(--success);box-shadow:0 0 7px #5fd39a77}.device-offline{background:#666e80}.device-card header div{gap:2px;display:grid}.device-card header strong{font-size:11px}.device-card header small{color:var(--muted);font-size:8px}.device-card dl{grid-template-columns:repeat(3,1fr);margin:0;display:grid}.device-card dl div{gap:2px;display:grid}.device-card dt{color:var(--muted);font-size:8px}.device-card dd{margin:0;font-size:10px}.device-card p{color:var(--warning);margin:0;font-size:9px}.danger-zone{background:#1b1115;border:1px solid #48252e}.danger-zone p{color:#a7828a;margin:0;font-size:10px;line-height:1.5}.canvas-workspace{background:#090b11;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.canvas-toolbar{z-index:20;border-bottom:1px solid var(--line-soft);background:#0d1017;flex:0 0 48px;justify-content:space-between;align-items:center;gap:10px;height:48px;padding:0 10px;display:flex;position:relative}.toolbar-group{align-items:center;gap:7px;min-width:0;display:flex}.toolbar-divider{background:var(--line);width:1px;height:20px}.page-context{gap:0;min-width:0;display:grid}.page-context small{color:#646c7e;font-size:8px}.page-context strong{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:10px;overflow:hidden}.toolbar-center{align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.segmented{border:1px solid var(--line);background:#090c12;border-radius:7px;padding:2px;display:flex}.segmented button{min-height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:4px 8px;font-size:9px;font-weight:600;display:flex}.segmented button.active{color:#ddd8ff;background:#29233f}.segmented svg{width:13px}.device-switcher button{padding:4px 6px}.toolbar-right{justify-content:flex-end}.live-status{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:flex}.live-status i{background:var(--success);border-radius:50%;width:6px;height:6px}.fit-indicator{min-height:28px;color:var(--muted);cursor:default;background:0 0;border:1px solid #0000;align-items:center;gap:5px;font-size:9px;display:flex}.fit-indicator svg{width:14px}.share-control{position:relative}.share-popover{border:1px solid var(--line);background:#171b26;border-radius:9px;gap:9px;width:270px;padding:12px;display:grid;position:absolute;top:38px;right:0;box-shadow:0 16px 40px #000a}.share-popover strong{font-size:11px}.share-popover code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stage-viewport{background-color:#090b11;background-image:radial-gradient(#252936 1px,#0000 1px);background-size:20px 20px;flex:1;place-items:center;min-height:0;padding:18px 24px 26px;display:grid;position:relative;overflow:hidden}.artboard-frame{aspect-ratio:16/9;background:#020305;border:1px solid #343a4b;border-radius:3px;width:min(100%,1150px);max-height:100%;padding:1px;position:relative;overflow:hidden;box-shadow:0 18px 55px #0009,0 0 0 1px #090b11}.artboard-frame.dragging{border-color:#7360c9}.display-grid{gap:7px;width:100%;height:100%;padding:8px;display:grid}.artboard-frame.dragging .display-grid{background-image:linear-gradient(#8572df24 1px,#0000 1px),linear-gradient(90deg,#8572df24 1px,#0000 1px)!important;background-size:8.33333% 12.5%!important}.canvas-widget{cursor:grab;border-radius:clamp(6px,.75vw,12px);flex-direction:column;justify-content:space-between;min-width:0;min-height:0;padding:clamp(9px,1.25vw,20px);display:flex;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff0b}.canvas-widget:active{cursor:grabbing}.canvas-widget>small{opacity:.6;letter-spacing:.05em;text-transform:uppercase;font-size:clamp(7px,.7vw,11px);font-weight:600}.canvas-widget.selected{outline-offset:2px;outline:1.5px solid #9e8dff}.widget-value{white-space:pre-wrap;min-height:0;font:600 clamp(14px,2.7vw,45px)/1.05 Space Grotesk;overflow:hidden}.widget-value img,.canvas-widget>img{border-radius:inherit;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.resize-handle{z-index:7;background:var(--accent);touch-action:none;border:1.5px solid #fff;border-radius:2px;width:8px;height:8px;min-height:0;padding:0;position:absolute;box-shadow:0 1px 4px #0009}.resize-n,.resize-s{width:18px;height:5px;left:50%;transform:translate(-50%)}.resize-e,.resize-w{width:5px;height:18px;top:50%;transform:translateY(-50%)}.resize-n{cursor:n-resize;top:-5px}.resize-ne{cursor:ne-resize;top:-5px;right:-5px}.resize-e{cursor:e-resize;right:-5px}.resize-se{cursor:se-resize;bottom:-5px;right:-5px}.resize-s{cursor:s-resize;bottom:-5px}.resize-sw{cursor:sw-resize;bottom:-5px;left:-5px}.resize-w{cursor:w-resize;left:-5px}.resize-nw{cursor:nw-resize;top:-5px;left:-5px}.placement-preview{z-index:15;pointer-events:none;background:#7659f638;border:1.5px dashed #baaaff;border-radius:8px;place-items:center;display:grid;position:relative}.placement-preview.invalid{background:#8c304a44;border-color:#ff8296}.placement-preview span{color:#fff;background:#171326e8;border-radius:5px;padding:3px 6px;font:700 9px Space Grotesk}.page-navigation{z-index:10;border-radius:9px;justify-content:space-between;align-items:center;display:flex;overflow:hidden}.page-navigation button{min-width:32%;color:inherit;cursor:pointer;background:0 0;border:0;align-self:stretch}.page-navigation button:hover{background:#ffffff12}.page-navigation span{opacity:.7;font-size:clamp(7px,.7vw,11px)}.preview-mode .artboard-frame{border:7px solid #202430;border-radius:14px;width:auto;max-width:100%;padding:5px;transition:aspect-ratio .16s}.preview-mode .device-display{height:min(100%,52vw,650px)}.preview-mode .device-desktop{height:min(100%,55vw,650px)}.preview-mode .device-tablet{height:min(100%,70vw,700px)}.preview-mode .device-mobile{border-width:8px;border-radius:24px;height:min(100%,760px)}.preview-mode .canvas-widget{cursor:default;overflow:hidden}.device-size-label{color:#747c8e;font-size:9px;position:absolute;bottom:7px}.studio-notice{z-index:40;border:1px solid;border-radius:8px;padding:9px 13px;font-size:10px;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0009}.studio-notice.ok{color:#81dfac;background:#173526;border-color:#315e49}.studio-notice.error{color:#ff91a4;background:#361821;border-color:#65303e}.widget-list{gap:4px;margin:0;padding:0;font:500 clamp(7px,.9vw,13px) DM Sans;list-style:none;display:grid}.widget-list li{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:7px;padding-bottom:3px;display:flex}.widget-list span{opacity:.65}.widget-gauge{aspect-ratio:1;border-radius:50%;place-items:center;width:min(75%,145px);margin:auto;display:grid;position:relative}.widget-gauge:before{content:"";background:#151b2b;border-radius:50%;position:absolute;inset:15%}.widget-gauge span{font-size:.5em;position:relative}.widget-chart{width:100%;height:100%;min-height:30px}.animation-pulse .widget-value{animation:2s infinite pulse}.animation-float .widget-value{animation:3s ease-in-out infinite float}.animation-glow{animation:2s ease-in-out infinite glow}@keyframes pulse{50%{opacity:.55}}@keyframes float{50%{transform:translateY(-5px)}}@keyframes glow{50%{box-shadow:0 0 18px #7659f655}}.studio-inspector{border-left:1px solid var(--line-soft)}.inspector-header{border-bottom:1px solid var(--line-soft);grid-template-columns:32px minmax(0,1fr) 30px 30px;align-items:center;gap:7px;height:58px;padding:0 10px;display:grid}.inspector-header>div{min-width:0;display:grid}.inspector-header small{color:var(--muted);text-transform:capitalize;font-size:8px}.inspector-header input{background:0 0;border:0;height:25px;min-height:0;padding:0;font:600 12px Space Grotesk}.inspector-header .icon-button{flex-basis:30px;width:30px;min-height:30px}.inspector-scroll{scrollbar-width:thin;scrollbar-color:#303646 transparent;height:calc(100% - 58px);overflow:auto}.inspector-section{border-bottom:1px solid var(--line-soft);gap:10px;padding:14px;display:grid}.inspector-section h3{color:#c5c9d4;margin:0;font-size:10px;font-weight:700}.inspector-section .segmented{width:100%}.inspector-section .segmented button{flex:1}.inspector-disclosure{border-top:1px solid var(--line-soft)}.inspector-disclosure>summary{color:#c5c9d4;cursor:pointer;justify-content:space-between;align-items:center;padding-top:10px;font-size:10px;font-weight:600;list-style:none;display:flex}.inspector-disclosure>summary span{color:var(--muted);background:#252938;border-radius:8px;padding:2px 6px;font-size:8px}.inspector-empty{text-align:center;align-content:center;place-items:center;height:100%;padding:24px;display:grid}.empty-illustration{color:#8f7dd8;background:#1d1a2c;border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:13px;display:grid}.inspector-empty strong{font-size:12px}.inspector-empty p{max-width:210px;color:var(--muted);margin:6px 0;font-size:10px;line-height:1.5}.rule-editor{gap:8px;padding-top:10px;display:grid}.rule-row{background:#0b0e15;border-radius:8px;grid-template-columns:20px minmax(0,1fr) 28px;gap:6px;padding:9px 7px;display:grid;position:relative}.rule-order{color:#b9adff;background:#28223d;border-radius:50%;place-items:center;width:20px;height:20px;font-size:8px;display:grid}.rule-fields{gap:7px;display:grid}.rule-colors{grid-template-columns:repeat(3,34px) 1fr;gap:5px;display:grid}.rule-colors>label:not(.rule-icon){place-items:center;gap:3px;font-size:7px;display:grid}.rule-colors input[type=color]{width:29px;height:26px;min-height:0;padding:3px}.rule-icon input{min-width:0}.rule-row .icon-button{flex-basis:28px;width:28px;min-height:28px}.rule-add{justify-self:start}.rule-preview{gap:5px;display:grid}.rule-preview>span{color:var(--muted);font-size:8px}.rule-preview>div{border-left:3px solid;border-radius:6px;padding:10px;font-size:10px}.raw-rules summary{color:var(--muted);cursor:pointer;font-size:9px}.raw-rules textarea{margin-top:7px;font-family:ui-monospace,monospace;font-size:9px}.api-studio{background:var(--bg);flex:1;grid-template-columns:244px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.api-sources{border-right:1px solid var(--line-soft);flex-direction:column;min-height:0;display:flex}.api-source-scroll{flex:1;min-height:0;padding:10px;overflow:auto}.source-section-title{color:var(--muted);justify-content:space-between;align-items:center;padding:5px 7px 9px;font-size:9px;font-weight:700;display:flex}.source-section-title i{background:#232735;border-radius:8px;padding:2px 6px;font-style:normal}.api-source-scroll>button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:44px minmax(0,1fr) 8px;align-items:center;gap:7px;width:100%;margin-bottom:3px;padding:8px 7px;display:grid}.api-source-scroll>button:hover{background:var(--panel-hover)}.api-source-scroll>button.active{background:#1b182b;border-color:#403760}.api-source-scroll>button>span:nth-child(2){gap:2px;min-width:0;display:grid}.api-source-scroll strong,.api-source-scroll small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.api-source-scroll strong{font-size:10px}.api-source-scroll small{color:var(--muted);font-size:8px}.api-sources>footer{border-top:1px solid var(--line-soft);padding:10px}.api-workspace{background:#090b11;grid-template-rows:56px minmax(235px,42%) minmax(0,1fr);min-width:0;min-height:0;display:grid}.api-workspace-header{border-bottom:1px solid var(--line-soft);background:#0d1017;justify-content:space-between;align-items:center;gap:20px;padding:0 14px 0 18px;display:flex}.source-title{min-width:0;display:grid}.source-title input{background:0 0;border-color:#0000;width:min(320px,35vw);height:27px;min-height:0;padding:0;font:600 13px Space Grotesk}.source-title span{color:var(--muted);font-size:8px}.api-workspace-header>div:last-child{align-items:center;gap:7px;display:flex}.interval-control{color:var(--muted);align-items:center;gap:4px;font-size:9px;display:flex}.interval-control input{text-align:right;width:52px;min-height:30px}.request-builder{border-bottom:1px solid var(--line-soft);background:#10131b;min-height:0}.request-bar{grid-template-columns:95px minmax(160px,1fr) 105px;gap:6px;padding:12px 14px 10px;display:grid}.method-select{font-weight:700}.request-url{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.send-button{min-height:36px}.request-tabs,.response-tabs{border-bottom:1px solid var(--line-soft);align-items:stretch;gap:2px;height:34px;padding:0 14px;display:flex}.request-tabs button,.response-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0 10px;font-size:9px;font-weight:600;display:flex;position:relative}.request-tabs button:after,.response-tabs button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:7px;right:7px}.request-tabs button.active,.response-tabs button.active{color:#fff}.request-tabs button.active:after,.response-tabs button.active:after{background:var(--accent)}.request-tabs button span{background:#2a2e3d;border-radius:7px;place-items:center;min-width:15px;height:15px;font-size:7px;display:grid}.request-tab-content{height:calc(100% - 80px);padding:10px 14px 14px;overflow:auto}.tab-intro{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.tab-intro h3{margin:0;font-size:10px}.tab-intro p{color:var(--muted);margin:2px 0 0;font-size:8px}.kv-editor{max-width:900px;display:grid}.kv-head,.kv-row{grid-template-columns:minmax(120px,.4fr) minmax(180px,1fr) 32px;gap:5px;display:grid}.kv-head{color:#707789;padding:0 3px 4px;font-size:8px}.kv-row{margin-bottom:4px}.kv-row input{border-radius:5px;min-height:31px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.kv-row .icon-button{flex-basis:31px;width:31px;min-height:31px}.body-editor{min-height:105px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.auth-editor{gap:10px;max-width:800px;display:grid}.auth-types{gap:5px;display:flex}.auth-types button{border:1px solid var(--line);min-height:30px;color:var(--muted);cursor:pointer;background:#11151e;border-radius:6px;padding:5px 10px;font-size:9px}.auth-types button.active{color:#c6bcff;background:#28213e;border-color:#584a8f}.response-workspace{background:#0b0e14;grid-template-rows:42px 35px minmax(0,1fr);min-width:0;min-height:0;display:grid}.response-summary{border-bottom:1px solid var(--line-soft);align-items:center;gap:18px;padding:0 14px;display:flex}.response-state{align-items:center;gap:6px;min-width:130px;font:600 11px Space Grotesk;display:flex}.response-state i{border-radius:50%;width:7px;height:7px}.response-state.ok{color:#73dca6}.response-state.ok i{background:var(--success)}.response-state.error{color:#f58ba0}.response-state.error i{background:var(--danger)}.response-summary dl{gap:22px;margin:0;display:flex}.response-summary dl div{gap:1px;display:grid}.response-summary dt{color:var(--muted);text-transform:uppercase;font-size:7px}.response-summary dd{margin:0;font-size:9px}.response-summary .icon-button{margin-left:auto}.response-content{min-height:0;overflow:auto}.code-view,.request-details,.diagnostics-view,.fields-view{height:100%;min-height:0;padding:12px 14px}.code-view{grid-template-rows:22px minmax(0,1fr);display:grid}.code-view>div{color:var(--muted);justify-content:space-between;font-size:8px;display:flex}.code-view em{color:var(--warning);font-style:normal}.code-view pre,.request-details pre{border:1px solid var(--line-soft);color:#d5d9e3;white-space:pre-wrap;overflow-wrap:anywhere;background:#080a0f;border-radius:7px;min-height:0;margin:0;padding:11px;font:9px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.fields-view{grid-template-rows:34px minmax(0,1fr);gap:8px;display:grid}.fields-view .search-box{max-width:360px}.field-table{border:1px solid var(--line-soft);border-radius:7px;min-height:0;overflow:auto}.field-table>div{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(170px,.55fr) minmax(160px,1fr) 72px 72px;align-items:center;gap:7px;padding:6px 8px;display:grid}.field-table>div:last-child{border-bottom:0}.field-table span{color:#b7bdca;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.field-table button{border:1px solid var(--line);cursor:pointer;background:#171b26;border-radius:5px;min-height:27px;font-size:8px}.request-details{grid-template-rows:auto auto minmax(45px,1fr) auto minmax(45px,1fr);gap:6px;display:grid}.request-details header{align-items:center;gap:8px;min-width:0;display:flex}.request-details header code{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.request-details h3{color:var(--muted);margin:5px 0 0;font-size:8px}.switch-compact{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:8px;display:flex}.switch-compact input{width:auto;min-height:0}.diagnostics-view{align-content:start;gap:12px;display:grid}.diagnostic-callout{background:#11151e;border-left:3px solid;border-radius:6px;padding:11px 12px}.diagnostic-callout.ok{border-color:var(--success)}.diagnostic-callout.error{border-color:var(--danger)}.diagnostic-callout strong{font-size:11px}.diagnostic-callout p{color:var(--muted-strong);margin:4px 0;font-size:9px}.diagnostic-callout em{color:var(--warning);font-size:9px;font-style:normal}.diagnostics-view dl{border:1px solid var(--line-soft);border-radius:7px;margin:0;display:grid}.diagnostics-view dl div{border-bottom:1px solid var(--line-soft);grid-template-columns:130px minmax(0,1fr);gap:8px;padding:7px 9px;display:grid}.diagnostics-view dl div:last-child{border-bottom:0}.diagnostics-view dt{color:var(--muted);font-size:8px}.diagnostics-view dd{text-overflow:ellipsis;min-width:0;margin:0;font-size:9px;overflow:hidden}.diagnostics-view .secondary-button{justify-self:start}.response-empty{height:100%;color:var(--muted);place-items:center;font-size:10px;display:grid}.api-welcome{text-align:center;background-image:radial-gradient(#202430 1px,#0000 1px);background-size:18px 18px;grid-template-rows:1fr;place-items:center;display:grid}.api-welcome>div{place-items:center;max-width:390px;display:grid}.api-welcome>div>span{color:#9e8dff;background:#211c34;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.api-welcome h2{margin:12px 0 4px;font:600 15px Space Grotesk}.api-welcome p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.welcome-shortcuts{color:#6f778a;margin-top:12px;font-size:8px}.welcome-shortcuts span{border:1px solid var(--line);color:#aeb4c2;background:#121620;border-radius:4px;margin-right:5px;padding:3px 5px}.api-workspace-empty{text-align:center;place-items:center;display:grid}.api-workspace-empty>div{place-items:center;max-width:330px;display:grid}.api-workspace-empty>div>svg{color:#7968c7;width:40px;height:40px}.api-workspace-empty h2{margin:13px 0 5px;font:600 17px Space Grotesk}.api-workspace-empty p{color:var(--muted);margin:0 0 14px;font-size:10px}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030408bb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.secret-dialog{background:#131721;border:1px solid #343a4c;border-radius:11px;width:min(560px,100%);max-height:min(650px,90vh);overflow:auto;box-shadow:0 25px 80px #000c}.secret-dialog>header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:flex-start;padding:15px;display:flex}.secret-dialog>header>div{gap:10px;display:flex}.dialog-icon{color:#b5a7ff;background:#27213d;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.secret-dialog h2{margin:0;font:600 14px Space Grotesk}.secret-dialog header p{color:var(--muted);margin:3px 0 0;font-size:9px}.secret-create{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr 1fr;gap:8px;padding:14px;display:grid}.secret-create .primary-button{grid-column:1/-1;justify-self:end}.secret-list{gap:5px;padding:14px;display:grid}.secret-list h3{justify-content:space-between;display:flex}.secret-list>div:not(.section-empty){background:#0d1017;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:6px 8px;display:flex}.secret-list>div>span{align-items:center;gap:7px;min-width:0;display:flex}.secret-list svg{color:#8c7acf;width:14px}.auth-screen{background:#080a10;place-items:center;min-height:100vh;padding:24px;display:grid;overflow:auto}.auth-card{border:1px solid var(--line);background:#121620;border-radius:12px;gap:14px;width:min(410px,100%);padding:28px;display:grid;box-shadow:0 24px 70px #0008}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--accent);border-radius:9px;place-items:center;width:34px;height:34px;font:700 22px Space Grotesk;display:grid}.brand>div{display:grid}.brand strong{font:700 15px Space Grotesk}.brand small{color:var(--muted);font-size:9px}.auth-card h1{margin:10px 0 0;font:600 23px Space Grotesk}.auth-card p{color:var(--muted);margin:0;font-size:11px}.button{border:1px solid var(--line);color:#fff;cursor:pointer;background:#171b26;border-radius:7px;justify-content:center;align-items:center;min-height:34px;padding:7px 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.button.primary{border-color:var(--accent);background:var(--accent)}.text-button{color:#ad9fff;cursor:pointer;background:0 0;border:0;font-size:11px}.notice.error{color:#ff91a4;background:#361821;border:1px solid #65303e;border-radius:7px;padding:8px;font-size:10px}.account-strip{z-index:150;border:1px solid var(--line);color:var(--muted);opacity:.55;background:#151924e8;border-radius:7px;align-items:center;gap:8px;padding:6px 8px;font-size:8px;transition:opacity .14s;display:flex;position:fixed;bottom:10px;right:12px;box-shadow:0 8px 25px #0008}.account-strip:hover{opacity:1}.account-strip button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:8px}@media (max-width:1200px){.studio-layout{grid-template-columns:52px 240px minmax(420px,1fr)}.studio-inspector{z-index:80;width:320px;position:absolute;top:104px;bottom:0;right:0;box-shadow:-15px 0 35px #0008}.studio-layout.right-closed .studio-inspector{display:none}.toolbar-center{position:static;transform:none}.device-switcher,.live-status{display:none}.api-studio{grid-template-columns:220px minmax(0,1fr)}}@media (max-width:900px){.studio-topbar{flex-wrap:wrap;height:auto;min-height:56px;padding:7px 10px}.project-name{flex:1;width:140px}.save-status,.topbar-actions .secondary-button:first-child{display:none}.studio-layout,.studio-layout.right-closed{grid-template-columns:52px minmax(0,1fr)}.context-panel{z-index:75;width:260px;position:absolute;top:56px;bottom:0;left:52px;box-shadow:14px 0 35px #0008}.studio-layout.left-closed .context-panel{display:none}.canvas-toolbar{padding:0 6px}.page-context,.fit-indicator{display:none}.stage-viewport{padding:12px;overflow:auto}.artboard-frame{min-width:560px}.api-studio{grid-template-columns:190px minmax(0,1fr)}.api-workspace{grid-template-rows:56px minmax(235px,46%) minmax(0,1fr)}.api-workspace-header .interval-control{display:none}.field-table>div{grid-template-columns:minmax(140px,1fr) 65px 65px}.field-table span{display:none}}@media (max-width:760px){body{overflow:auto}.builder-shell{height:auto;min-height:100vh;overflow:visible}.topbar-brand strong,.topbar-divider{display:none}.workspace-nav{order:3;width:100%;height:32px}.workspace-nav button{flex:1}.topbar-actions{gap:4px}.topbar-actions .secondary-button{padding:6px 8px}.studio-layout,.studio-layout.left-closed,.studio-layout.right-closed,.studio-layout.left-closed.right-closed{min-height:calc(100vh - 89px);padding-top:48px;display:block}.activity-rail{z-index:90;border-right:0;border-bottom:1px solid var(--line-soft);flex-direction:row;justify-content:center;height:48px;padding:3px;position:absolute;top:89px;left:0;right:0}.activity-rail button{width:44px;height:40px}.activity-rail button.active:before{width:auto;height:2px;bottom:-3px;left:10px;right:10px}.context-panel{width:min(300px,88vw);top:137px;left:0}.studio-inspector{width:min(320px,92vw);top:137px}.canvas-workspace{min-height:calc(100vh - 137px)}.canvas-toolbar{overflow-x:auto}.toolbar-right{margin-left:auto}.canvas-mode button{padding:4px 6px}.stage-viewport{min-height:520px}.api-studio{display:block;overflow:visible}.api-sources{border-right:0;border-bottom:1px solid var(--line-soft);max-height:235px}.api-source-scroll{min-height:110px}.api-sources>footer{display:none}.api-workspace{grid-template-rows:56px 330px 430px;min-height:760px}.request-bar{grid-template-columns:78px minmax(120px,1fr) 86px}.request-tabs{overflow-x:auto}.response-summary dl{display:none}.response-tabs{overflow-x:auto}.secret-create{grid-template-columns:1fr}.secret-create .primary-button{grid-column:1;width:100%}}