:root{--studio-bg:#07141c;--studio-panel:#0d202b;--studio-panel-2:#102631;--studio-line:#203d4a;--studio-text:#eafcff;--studio-muted:#89a4b1;--studio-accent:#19e6d7;--studio-green:#48ee83;--studio-warn:#ffbd58;--studio-danger:#ff7185}
*{box-sizing:border-box}.studio-page{margin:0;background:radial-gradient(circle at 10% 0,#0b3038 0,transparent 28rem),#07141c;color:var(--studio-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.studio-page [hidden]{display:none!important}.studio-page button,.studio-page input,.studio-page select,.studio-page textarea{font:inherit}.studio-shell{width:min(1460px,calc(100% - 32px));margin:0 auto;padding:42px 0 80px}.studio-hero{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:34px;align-items:end;padding:36px 0 46px}.studio-kicker,.trust-card>span{margin:0 0 12px;color:var(--studio-accent);font-size:11px;font-weight:900;letter-spacing:.16em}.studio-hero h1{font-size:clamp(42px,6vw,82px);letter-spacing:-.065em;line-height:.93;margin:0}.studio-hero h1 span{color:var(--studio-accent)}.studio-hero>div>p:last-child{max-width:640px;color:#a8bec8;font-size:17px;line-height:1.6}.trust-card{border:1px solid #27606a;background:linear-gradient(145deg,rgba(25,230,215,.1),rgba(13,32,43,.86));padding:24px;border-radius:18px}.trust-card strong{display:block;font-size:20px;margin-bottom:8px}.trust-card p{color:#91aab5;line-height:1.55;margin:0}.studio-auth{display:grid;grid-template-columns:1.1fr .8fr .8fr;gap:16px;background:#0b1c26;border:1px solid var(--studio-line);border-radius:20px;padding:20px}.auth-copy,.auth-form{background:#0e242f;border:1px solid #1c3946;border-radius:15px;padding:25px}.private-lock{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#123a40;color:var(--studio-accent);font-size:26px}.auth-copy h2{font-size:27px;letter-spacing:-.03em;margin:18px 0 8px}.auth-copy p,.auth-copy li,.form-note{color:#8da7b3;line-height:1.55}.auth-copy ul{padding-left:20px}.auth-form h3{margin:2px 0 20px}.auth-form label,.meta-grid label,.block-fields label{display:grid;gap:7px;color:#91a9b5;font-size:12px;font-weight:800}.auth-form label+label{margin-top:13px}.auth-form input,.meta-grid input,.meta-grid select,.meta-grid textarea,.block-fields input,.block-fields select,.block-fields textarea,.component-head select{width:100%;background:#081821;color:var(--studio-text);border:1px solid #284652;border-radius:10px;padding:11px 12px;outline:none}.auth-form input:focus,.meta-grid :focus,.block-fields :focus,.component-head select:focus{border-color:var(--studio-accent);box-shadow:0 0 0 3px rgba(25,230,215,.11)}.auth-form button,.new-app,.editor-actions button,.studio-empty button,.wide-action,.submit-box button{border:0;border-radius:10px;background:var(--studio-accent);color:#062229;padding:11px 15px;font-weight:950;cursor:pointer}.auth-form button{width:100%;margin-top:18px}.auth-form button.secondary{background:#193541;color:#d7eff3;border:1px solid #31515d}.form-note{font-size:11px;margin:10px 0 0}.workspace{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:760px;border:1px solid var(--studio-line);border-radius:20px;overflow:hidden;background:#0a1b24;box-shadow:0 28px 80px rgba(0,0,0,.28)}.app-sidebar{background:#08171f;border-right:1px solid var(--studio-line);padding:18px;display:flex;flex-direction:column}.sidebar-owner{padding:5px 3px 18px;border-bottom:1px solid #18313c}.sidebar-owner span{display:block;color:#55717d;font-size:9px;letter-spacing:.14em;font-weight:900}.sidebar-owner strong{display:block;margin-top:6px;overflow:hidden;text-overflow:ellipsis}.sidebar-owner button{border:0;background:none;color:#6f8b97;padding:4px 0;margin-top:4px;cursor:pointer;font-size:11px}.new-app{width:100%;margin:16px 0 10px}.studio-app-list{display:grid;gap:7px}.app-list-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;width:100%;text-align:left;background:transparent;color:#a8bec8;border:1px solid transparent;border-radius:11px;padding:9px;cursor:pointer}.app-list-item:hover{background:#0e252f}.app-list-item.active{background:#11303a;border-color:#28606a;color:white}.app-list-item>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#152f3a}.app-list-item strong,.app-list-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-list-item strong{font-size:12px}.app-list-item small{font-size:9px;color:#6d8792;margin-top:3px;text-transform:uppercase;letter-spacing:.07em}.recovery-button{margin-top:auto;border:0;background:none;color:#607d89;cursor:pointer;font-size:11px;padding:12px}.studio-main{min-width:0}.editor-header{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;border-bottom:1px solid var(--studio-line)}.editor-header h2{font-size:20px;margin:6px 0 2px}.editor-header p{margin:0;color:#65808c;font-size:10px}.status-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:20px;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.status-pill.private{background:#182d38;color:#93abb7}.status-pill.submitted{background:#3b321d;color:var(--studio-warn)}.status-pill.approved{background:#163827;color:var(--studio-green)}.status-pill.rejected{background:#3e2029;color:#ff8999}.editor-actions{display:flex;align-items:center;gap:9px}.editor-actions>span{color:#66818d;font-size:10px}.editor-actions button.ghost{background:#17303b;color:#bbd0d8;border:1px solid #2b4955}.studio-empty{display:grid;place-items:center;text-align:center;padding:150px 20px}.studio-empty>div{font-size:48px}.studio-empty h3{margin:14px 0 4px;font-size:24px}.studio-empty p{color:#78929e;margin:0 0 18px}.editor-tabs{display:flex;border-bottom:1px solid var(--studio-line);padding:0 22px}.editor-tabs button{border:0;background:none;color:#718b97;padding:14px 18px;border-bottom:2px solid transparent;cursor:pointer;font-size:12px;font-weight:800}.editor-tabs button.active{color:var(--studio-accent);border-bottom-color:var(--studio-accent)}.editor-body{display:grid;grid-template-columns:minmax(0,1fr) 380px}.editor-controls{padding:24px;min-width:0}.tab-pane{display:none}.tab-pane.active{display:block}.meta-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr .7fr;gap:12px;border-bottom:1px solid var(--studio-line);padding-bottom:22px}.meta-grid .wide{grid-column:1/-1}.meta-grid textarea,.block-fields textarea{resize:vertical}.component-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:22px 0 12px}.component-head h3,.tab-pane>h3{margin:0 0 5px}.component-head p,.pane-intro{color:#78929e;margin:0;font-size:12px;line-height:1.5}.component-head select{width:190px}.block-list{display:grid;gap:10px}.block-card{border:1px solid #1f3c48;background:#0d222c;border-radius:13px;overflow:hidden}.block-card-head{display:flex;align-items:center;gap:10px;padding:11px 12px;background:#102934}.block-type{color:var(--studio-accent);font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.block-id{color:#536f7b;font:10px ui-monospace,SFMono-Regular,monospace}.block-card-head .spacer{flex:1}.icon-button{border:0;background:#16313c;color:#7f9aa5;width:27px;height:27px;border-radius:7px;cursor:pointer}.icon-button:hover{color:white;background:#1e414e}.icon-button.remove:hover{color:#ff7185}.block-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:13px}.block-fields .wide{grid-column:1/-1}.permission-list{display:grid;gap:10px;margin-top:18px}.permission-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #203e4a;border-radius:13px;padding:15px;background:#0e232d;cursor:pointer}.permission-card>span{font-size:22px}.permission-card strong,.permission-card small{display:block}.permission-card small{color:#748e99;margin-top:3px;line-height:1.4}.permission-card input{width:19px;height:19px;accent-color:var(--studio-accent)}.security-box{border:1px solid #254957;background:#0c2932;border-radius:13px;padding:16px;margin-top:20px}.security-box strong{color:#8ee9df}.security-box p{color:#789ca6;margin:5px 0 0;font-size:12px;line-height:1.55}.audit-list{display:grid;gap:8px;margin:16px 0}.audit-item{border:1px solid #25414d;border-radius:10px;padding:11px;color:#a8bdc6;font-size:12px}.audit-item.error{border-color:#693441;background:#301b22;color:#ff9dad}.audit-item.review{border-color:#654e27;background:#2e2819;color:#ffd085}.audit-item.ok{border-color:#24543a;background:#142a20;color:#77ed9d}.wide-action{width:100%;background:#183440;color:#c9e1e6;border:1px solid #31515e}.submit-box{border:1px solid #29626b;background:linear-gradient(145deg,#10323a,#0d242e);padding:21px;border-radius:14px;margin-top:20px}.submit-box>span{font-size:9px;color:var(--studio-accent);letter-spacing:.13em;font-weight:950}.submit-box h4{font-size:20px;margin:8px 0}.submit-box p{color:#84a1ac;font-size:12px;line-height:1.55}.preview-panel{border-left:1px solid var(--studio-line);background:#07171f;padding:17px;min-width:0}.preview-bar{display:flex;justify-content:space-between;color:#58737e;font-size:9px;letter-spacing:.12em;font-weight:900;margin:0 2px 12px}.preview-frame{border:1px solid #294956;border-radius:18px;background:#0c1f29;min-height:580px;overflow:hidden;box-shadow:0 15px 50px rgba(0,0,0,.25)}.preview-top{display:flex;gap:11px;align-items:center;background:#102934;border-bottom:1px solid #25424e;padding:15px}.preview-top>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#173742}.preview-top strong,.preview-top small{display:block}.preview-top small{color:#66818c;font-size:9px;margin-top:2px}.app-preview{padding:17px;--studio-preview-accent:#19e6d7}.app-preview:after{content:"STAKECLAIMER";display:block;text-align:center;color:#24414d;font-size:9px;letter-spacing:.16em;font-weight:900;margin-top:24px;padding-top:13px;border-top:1px solid #1b3540}.preview-panel>p{color:#4f6b77;text-align:center;font-size:9px}.pv-heading{margin:16px 0 7px}.pv-text{color:#90a8b2;font-size:12px;line-height:1.55}.pv-notice{border-left:3px solid var(--studio-preview-accent);background:#112d36;padding:10px;border-radius:8px;color:#a7bec7;font-size:11px;margin:11px 0}.pv-field{display:grid;gap:6px;color:#78949f;font-size:10px;font-weight:800;margin:11px 0}.pv-field input,.pv-field select{background:#081820;border:1px solid #294754;border-radius:9px;color:#eafcff;padding:10px}.pv-stat{border:1px solid #294652;border-radius:11px;padding:12px;margin:11px 0}.pv-stat span{display:block;color:#6d8894;font-size:9px;text-transform:uppercase}.pv-stat strong{display:block;color:var(--studio-preview-accent);font-size:21px;margin-top:4px}.pv-progress{height:8px;background:#07141b;border-radius:20px;overflow:hidden}.pv-progress i{display:block;height:100%;background:var(--studio-preview-accent)}.pv-button{border:0;background:var(--studio-preview-accent);color:#042127;border-radius:9px;padding:10px 13px;font-weight:900}.pv-divider{height:1px;background:#24404b;margin:15px 0}.studio-toast{position:fixed;right:20px;bottom:20px;background:#102d37;border:1px solid #2a5962;color:#dffbff;padding:12px 16px;border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,.35);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:999}.studio-toast.show{opacity:1;transform:none}.studio-toast.error{border-color:#713545;color:#ff9aaa}
@media(max-width:1050px){.studio-auth{grid-template-columns:1fr 1fr}.auth-copy{grid-column:1/-1}.editor-body{grid-template-columns:1fr}.preview-panel{border-left:0;border-top:1px solid var(--studio-line)}.preview-frame{min-height:auto}.studio-hero{grid-template-columns:1fr}.trust-card{max-width:650px}}
@media(max-width:720px){.studio-shell{width:min(100% - 18px,1460px);padding-top:20px}.studio-hero{padding-top:16px}.studio-auth{grid-template-columns:1fr;padding:10px}.workspace{grid-template-columns:1fr}.app-sidebar{border-right:0;border-bottom:1px solid var(--studio-line)}.studio-app-list{display:flex;overflow-x:auto}.app-list-item{min-width:150px}.recovery-button{margin-top:6px}.editor-header{align-items:flex-start;flex-direction:column}.editor-actions{width:100%;flex-wrap:wrap}.editor-actions>span{width:100%}.editor-actions button{flex:1}.editor-body{display:block}.editor-controls{padding:16px}.meta-grid{grid-template-columns:1fr 1fr}.component-head{align-items:stretch;flex-direction:column}.component-head select{width:100%}.block-fields{grid-template-columns:1fr}.block-fields .wide{grid-column:auto}.preview-panel{padding:14px}.editor-tabs{padding:0 8px;overflow:auto}.editor-tabs button{padding:13px 12px;white-space:nowrap}}

/* Visual App Studio builder */
.editor-body{grid-template-columns:340px minmax(440px,1fr);align-items:start}.editor-controls{padding:18px}.meta-grid{grid-template-columns:1fr 80px}.meta-grid label:nth-child(3){grid-column:1/-1}.meta-grid .wide{grid-column:1/-1}.visual-builder-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 11px}.visual-builder-head h3{margin:0 0 3px}.visual-builder-head p{margin:0;color:#6f8994;font-size:10px}.history-actions{display:flex;gap:5px}.history-actions button,.inspector-head button{border:1px solid #294a56;background:#112b35;color:#b6ced5;border-radius:8px;min-width:34px;height:34px;cursor:pointer;font-weight:850}.history-actions button:disabled{opacity:.3;cursor:default}.block-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.palette-item{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;border:1px solid #23424e;background:#0d232d;color:#d7e9ed;border-radius:10px;padding:9px;cursor:grab}.palette-item:hover{border-color:var(--studio-accent);background:#113039;transform:translateY(-1px)}.palette-item:active{cursor:grabbing}.palette-item>span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;background:#15333d;border-radius:7px;color:var(--studio-accent);font-weight:950}.palette-item strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-item small{font-size:8px;color:#647e89}.inspector-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--studio-line);margin-top:18px;padding-top:16px}.inspector-head span{font-size:8px;letter-spacing:.12em;color:#58737e;font-weight:900}.inspector-head h3{margin:3px 0 0;font-size:14px}.inspector-head button{padding:0 10px;font-size:9px}.block-inspector{margin-top:10px;border:1px solid #203d48;background:#0c2029;border-radius:11px;overflow:hidden}.block-inspector .block-fields{grid-template-columns:1fr;padding:11px}.block-inspector .block-fields .wide{grid-column:auto}.inspector-empty{padding:22px 15px;color:#5d7883;text-align:center;font-size:10px;line-height:1.5}.remove-selected{width:calc(100% - 22px);margin:0 11px 11px;padding:9px;border:1px solid #63323e;background:#321d24;color:#ff8fa0;border-radius:8px;cursor:pointer;font-size:10px;font-weight:800}.preview-panel{padding:16px 20px 22px;min-height:700px;position:sticky;top:0}.preview-bar{align-items:center}.device-switch{display:flex;gap:4px}.device-switch button{display:grid;place-items:center;width:29px;height:25px;border:1px solid #25424e;border-radius:6px;background:#0c2029;color:#67828d;cursor:pointer;font-size:13px}.device-switch button[aria-pressed=true]{border-color:#38818a;background:#12343c;color:var(--studio-accent)}.preview-workbench{display:flex;justify-content:center;align-items:flex-start;min-height:635px;padding:18px;border:1px dashed #1d3a45;border-radius:16px;background:radial-gradient(circle at 50% 0,rgba(25,230,215,.055),transparent 45%),#06131a;overflow:auto}.preview-workbench .preview-frame{width:100%;transition:width .22s ease;flex:none}.preview-workbench[data-device=tablet] .preview-frame{width:min(650px,100%)}.preview-workbench[data-device=phone] .preview-frame{width:min(390px,100%)}.preview-workbench[data-device=phone] .preview-top{padding:12px}.preview-workbench[data-device=phone] .app-preview{padding:12px}.preview-frame{min-height:580px}.app-preview{min-height:495px;padding:14px 18px 30px}.pv-block{position:relative;border:1px solid transparent;border-radius:10px;transition:border-color .12s,box-shadow .12s,background .12s}.pv-block:hover{border-color:#315563;background:rgba(17,43,53,.4)}.pv-block.selected{border-color:var(--studio-preview-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--studio-preview-accent) 13%,transparent);background:rgba(16,44,53,.58)}.pv-block-content{padding:4px 9px}.pv-block-toolbar{display:flex;align-items:center;gap:3px;height:0;overflow:hidden;opacity:0;padding:0 5px;background:#102e38;color:#6f8994;border-radius:8px 8px 0 0;transition:height .12s,opacity .12s}.pv-block:hover .pv-block-toolbar,.pv-block.selected .pv-block-toolbar{height:29px;opacity:1}.pv-block-toolbar>span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.pv-toolbar-spacer{flex:1}.pv-block-toolbar button{display:grid;place-items:center;width:23px;height:22px;padding:0;border:0;border-radius:5px;background:#173944;color:#a4bdc6;cursor:pointer;font-size:11px}.pv-block-toolbar button:hover{background:#20505d;color:#fff}.pv-drag-handle{cursor:grab!important;color:var(--studio-preview-accent)!important}.pv-drag-handle:active{cursor:grabbing!important}.pv-drop-zone{height:4px;margin:1px 5px;border-radius:8px;transition:height .12s,background .12s;position:relative}.pv-drop-zone span{display:none}.studio-dragging .pv-drop-zone{height:24px;border:1px dashed #2d6970}.studio-dragging .pv-drop-zone span{display:block;text-align:center;color:#4e858b;font-size:8px;line-height:22px}.pv-drop-zone.active{height:42px!important;background:rgba(25,230,215,.12);border-color:var(--studio-accent)!important}.pv-drop-zone.active span{color:var(--studio-accent)}.canvas-empty{min-height:390px;display:grid;place-content:center;justify-items:center;text-align:center;border:2px dashed #28505a;border-radius:12px;color:#66828d}.canvas-empty>span{font-size:35px;color:var(--studio-accent)}.canvas-empty strong{color:#b8cfd5;margin-top:7px}.canvas-empty small{margin-top:4px}.canvas-empty.active{border-color:var(--studio-accent);background:rgba(25,230,215,.07)}[contenteditable=true]{outline:none}[contenteditable=true]:focus{box-shadow:inset 0 -1px 0 var(--studio-preview-accent)}.pv-block .pv-field{margin:7px 0}.pv-block .pv-stat{margin:7px 0}.pv-block .pv-heading{margin:8px 0}.pv-block .pv-text{margin:5px 0}.pv-block .pv-notice{margin:7px 0}.pv-block .pv-divider{margin:9px 0}
@media(max-width:1050px){.editor-body{grid-template-columns:1fr}.preview-panel{position:static;order:-1}.preview-workbench{min-height:570px}.block-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.block-inspector .block-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.block-inspector .block-fields .wide{grid-column:1/-1}}
@media(max-width:620px){.block-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.block-inspector .block-fields{grid-template-columns:1fr}.block-inspector .block-fields .wide{grid-column:auto}.preview-workbench{padding:7px;min-height:500px}.preview-panel{padding:10px}.device-switch button[data-device=desktop]{display:none}.preview-workbench[data-device=desktop] .preview-frame{width:100%}.pv-block-toolbar{height:29px;opacity:1}.studio-dragging .pv-drop-zone{height:36px}}
.pv-block.drag-over{border-color:var(--studio-preview-accent);background:rgba(25,230,215,.1)}