:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e7ecf2;background:#0b1018;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template:58px calc(100vh - 58px) / 248px minmax(0,1fr);min-height:100vh;background:#0b1018}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid #242d3a;background:#101722}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border:1px solid #52d6a4;color:#52d6a4;font-family:Georgia,serif;font-weight:700}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-size:13px;letter-spacing:.02em}.brand-copy span{margin-top:4px;color:#7f8c9e;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.connection{max-width:540px;overflow:hidden;color:#8e9bad;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.connection.bad,.form-error{color:#ff8a80}.icon-button{border:0;background:transparent;color:#a8b2c1;font-size:10px;font-weight:700}.area-nav{display:flex;padding:2px;border:1px solid #303c4c;border-radius:3px}.area-nav button{padding:5px 9px;border:0;background:transparent;color:#8190a3;font-size:9px;font-weight:750}.area-nav button.active{background:#263544;color:#eef3f7}.identity{display:flex;flex-direction:column;padding-left:14px;border-left:1px solid #2b3544;line-height:1.15}.identity strong{color:#dce3eb;font-size:11px}.identity small{margin-top:3px;color:#66758a;font-size:8px;letter-spacing:.09em;text-transform:uppercase}.login-shell{display:grid;place-items:center;min-height:100vh;padding:24px;background-color:#0b1018;background-image:radial-gradient(#253041 1px,transparent 1px);background-size:22px 22px}.login-card{width:min(480px,100%);padding:42px;border:1px solid #344153;background:#111923;box-shadow:0 30px 100px #000a}.login-card .brand-mark{margin-bottom:34px}.login-card h1{margin:8px 0 16px;font-size:34px}.login-card p{margin:0 0 30px;color:#8996a8;font-size:13px;line-height:1.65}.login-button{display:inline-block;padding:11px 15px;border:1px solid #52d6a4;border-radius:3px;background:#1a4035;color:#ddfff2;font-size:12px;font-weight:750;text-decoration:none}.loading-mark{color:#52d6a4;font-family:Georgia,serif;font-size:48px}.sidebar{min-height:0;border-right:1px solid #242d3a;background:#0e141e}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 14px 0 18px;color:#8491a3;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.sidebar-heading button{width:26px;height:26px;border:1px solid #354154;border-radius:3px;background:#171f2b;color:#dce3eb;font-size:18px;line-height:1}.template-list{height:calc(100% - 52px);padding:0 10px 18px;overflow:auto}.template-group{margin-bottom:12px;padding:12px 8px 8px;border-top:1px solid #1d2632}.template-name{color:#e1e7ee;font-size:13px;font-weight:650}.template-slug{margin:4px 0 8px;color:#59677a;font-family:ui-monospace,monospace;font-size:10px}.version-list{display:grid;gap:3px}.version{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 8px;border:0;border-radius:3px;background:transparent;color:#7f8c9e;font-size:11px;text-align:left}.version:hover{background:#151e2a}.version.active{background:#1a2733;color:#eff4f8;box-shadow:inset 2px 0 #52d6a4}.status{font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status.draft{color:#f6c85f}.status.approved{color:#8bb8ff}.status.published{color:#52d6a4}.workspace{min-width:0;min-height:0;display:grid;grid-template-rows:72px 38px minmax(0,1fr) auto}.document-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 20px;border-bottom:1px solid #242d3a;background:#111923}.eyebrow{color:#738196;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase}h1,h2{margin:3px 0 0;font-family:Georgia,Times New Roman,serif;font-weight:500}h1{color:#f4f0e8;font-size:21px}h1 span{color:#667488;font-family:ui-monospace,monospace;font-size:11px}.document-actions{display:flex;gap:7px}.document-actions button,.modal-actions button{padding:8px 11px;border:1px solid #344153;border-radius:3px;font-size:11px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.45}.secondary{background:#161f2b;color:#bdc7d4}.primary{border-color:#52d6a4!important;background:#1a4035;color:#d9fff1}.approve{background:#1c304b;color:#b9d5ff}.publish{border-color:#52d6a4!important;background:#52d6a4;color:#09251c}.danger{color:#e9a09a}.workflow-strip{display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid #26313f;background:#121b26;color:#8794a7;font-size:11px}.workflow-strip strong{color:#dbe4ee;font-size:11px}.workflow-strip.draft{box-shadow:inset 3px 0 #f6c85f}.workflow-strip.approved{box-shadow:inset 3px 0 #8bb8ff}.workflow-strip.published{box-shadow:inset 3px 0 #52d6a4}.view-switcher{display:flex;margin-left:auto;padding:2px;border:1px solid #303c4c;border-radius:3px;background:#0c121b}.view-switcher button{padding:4px 9px;border:0;border-radius:2px;background:transparent;color:#78869a;font-size:9px;font-weight:750;text-transform:uppercase}.view-switcher button.active{background:#263544;color:#e8edf3}.contract-hash{align-self:center;padding:0 8px;color:#6f8095;font-size:8px;font-weight:500;white-space:nowrap}.work-grid{min-height:0;display:grid}.work-grid.show-split{grid-template-columns:minmax(240px,var(--split-size)) 7px minmax(240px,1fr)}.work-grid.show-source,.work-grid.show-preview{grid-template-columns:minmax(0,1fr)}.work-grid.show-source .preview-pane,.work-grid.show-preview .editor-pane,.work-grid:not(.show-split) .split-handle{display:none}.editor-pane,.preview-pane{min-width:0;min-height:0;display:grid;grid-template-rows:35px minmax(0,1fr)}.editor-pane{border-right:1px solid #242d3a}.split-handle{position:relative;z-index:2;min-width:0;background:#161f2a;cursor:col-resize;touch-action:none}.split-handle:after{position:absolute;inset:0 3px;background:#344153;content:""}.split-handle:hover:after,.split-handle:focus:after{background:#52d6a4}.split-handle:focus{outline:none}.pane-label{display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #242d3a;background:#121a25;color:#8592a3;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.pane-label span:last-child{color:#536176;font-weight:500}.pane-meta{display:flex;align-items:center;gap:10px}.pane-meta button{padding:3px 7px;border:1px solid #344153;border-radius:2px;background:#182330;color:#aeb9c7;font-size:8px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.cm-theme,.cm-editor{height:100%}.cm-editor{background:#0c121b!important}.cm-scroller{font-family:SFMono-Regular,Consolas,monospace!important;font-size:12px;line-height:1.65}.paper-stage{min-height:0;padding:18px;background-color:#313945;background-image:radial-gradient(#4a5564 1px,transparent 1px);background-size:18px 18px}.paper-stage iframe{width:100%;height:100%;border:0;background:#fff;box-shadow:0 8px 30px #05080c88}.empty-preview{display:grid;place-content:center;width:min(82%,520px);height:100%;margin:auto;padding:30px;background:#f4f0e7;color:#717171;text-align:center;box-shadow:0 8px 30px #05080c88}.empty-preview b{color:#253445;font-family:Georgia,serif;font-size:34px}.empty-preview p{max-width:230px;font-size:12px;line-height:1.5}.data-drawer{position:relative;min-height:0;border-top:1px solid #242d3a;background:#0d141d}.drawer-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;height:33px;padding:0 13px;border:0;background:#141d28;color:#8795a8;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.drawer-toggle small{margin-left:8px;color:#526176;font-size:8px;font-weight:500;text-transform:none}.data-drawer.open{display:grid;grid-template-rows:33px minmax(0,1fr);height:var(--data-height)}.data-resize-handle{position:absolute;z-index:3;top:-4px;right:0;left:0;height:8px;cursor:row-resize;touch-action:none}.data-resize-handle:after{position:absolute;top:3px;right:0;left:0;height:1px;background:#344153;content:""}.data-resize-handle:hover:after,.data-resize-handle:focus:after{background:#52d6a4}.data-resize-handle:focus{outline:none}.data-editor{min-height:0;height:auto;overflow:hidden}.data-code-editor,.data-code-editor .cm-editor{min-height:0;height:100%;max-height:100%;overflow:hidden}.data-code-editor .cm-scroller{min-height:0;height:100%;max-height:100%;overflow-x:auto!important;overflow-y:scroll!important;overscroll-behavior:contain}.modal-backdrop{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:#05080cbb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(430px,100%);padding:24px;border:1px solid #344153;border-radius:5px;background:#131c27;box-shadow:0 24px 80px #000a}.modal h2{margin-bottom:22px;color:#f4f0e8;font-size:25px}.modal label{display:grid;gap:7px;margin:14px 0;color:#8e9bad;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.modal input,.modal textarea{width:100%;padding:10px;border:1px solid #354154;border-radius:3px;outline:none;background:#0c121b;color:#e8edf3}.modal input:focus,.modal textarea:focus{border-color:#52d6a4}.modal textarea{min-height:76px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.modal-note{color:#6f7d90;font-size:11px;line-height:1.5}.storage-workspace{grid-column:1 / -1;min-height:0;padding:28px;overflow:auto;background:radial-gradient(circle at 85% 0,#18322c 0,transparent 28%),#0b1018}.storage-hero{display:flex;align-items:flex-end;justify-content:space-between;max-width:1240px;margin:0 auto 22px}.storage-hero h1{margin-top:7px;font-size:34px}.storage-hero p{margin:8px 0 0;color:#8491a3;font-size:12px}.storage-hero button,.storage-panel button{padding:8px 11px;border:1px solid #344153;border-radius:3px;font-size:10px;font-weight:700}.storage-message{max-width:1240px;margin:0 auto 14px;padding:9px 12px;border-left:2px solid #52d6a4;background:#13211f;color:#b8d8cd;font-size:11px}.storage-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:15px;max-width:1240px;margin:auto}.storage-panel{border:1px solid #293544;background:#101822}.panel-title{padding:14px 16px;border-bottom:1px solid #293544}.panel-title div{display:flex;align-items:baseline;justify-content:space-between}.panel-title span{font-family:Georgia,serif;font-size:17px}.panel-title small{color:#66758a;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.profile-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:15px 16px;border-bottom:1px solid #202b38}.profile-row>div:first-child{display:grid;gap:5px}.profile-row strong{font-size:12px}.profile-row code,.migration-row code{color:#647388;font-size:9px}.profile-actions{display:flex;align-items:center;gap:7px}.profile-actions button,.migration-actions button{background:#17222f;color:#b9c4d2}.default-pill{padding:4px 7px;border:1px solid #357862;color:#73ddb6;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.profile-row dl{grid-column:1 / -1;display:flex;gap:8px 16px;margin:0;font-size:9px}.profile-row dt{color:#607086}.profile-row dd{margin:0;color:#aab6c4}.migration-form{display:grid;gap:14px;padding:16px}.migration-form label,.storage-modal label{display:grid;gap:6px;color:#8290a3;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.migration-form select{padding:10px;border:1px solid #344153;border-radius:3px;background:#0b1119;color:#e1e7ee}.migrations{max-width:1240px;margin:15px auto 0}.migration-row{display:grid;grid-template-columns:210px minmax(220px,1fr) auto;align-items:center;gap:18px;padding:15px 16px;border-bottom:1px solid #202b38}.migration-id{display:grid;gap:5px}.migration-id strong{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.progress{position:relative;height:25px;border:1px solid #283545;background:#0b1119;overflow:hidden}.progress i{position:absolute;inset:0 auto 0 0;background:#245b4b}.progress span{position:relative;z-index:1;display:grid;place-items:center;height:100%;color:#c9d2dc;font-size:9px}.migration-actions{display:flex;gap:7px}.empty-state{padding:20px;color:#6c7a8d;font-size:11px}.storage-modal{width:min(620px,100%);max-height:90vh;overflow:auto}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-help{color:#68778a;font-size:10px;font-weight:500;letter-spacing:0;line-height:1.4;text-transform:none}.clients-workspace{grid-column:1 / -1;min-height:0;padding:28px;overflow:auto;background:radial-gradient(circle at 10% 0,#1b2d42 0,transparent 30%),#0b1018}.clients-hero{display:flex;align-items:flex-end;justify-content:space-between;max-width:1240px;margin:0 auto 22px}.clients-hero h1{margin-top:7px;font-size:34px}.clients-hero p{margin:8px 0 0;color:#8491a3;font-size:12px}.clients-hero button,.client-detail button{padding:8px 11px;border:1px solid #344153;border-radius:3px;font-size:10px;font-weight:700}.clients-layout{display:grid;grid-template-columns:250px minmax(0,1fr);max-width:1240px;min-height:500px;margin:auto;border:1px solid #293544;background:#101822}.clients-list{border-right:1px solid #293544}.clients-list>button{display:grid;gap:5px;width:100%;padding:14px 16px;border:0;border-bottom:1px solid #202b38;background:transparent;color:#dce4ed;text-align:left}.clients-list>button.active{background:#192735;box-shadow:inset 3px 0 #52d6a4}.clients-list span{color:#69798d;font-size:9px;text-transform:uppercase}.client-detail{min-width:0}.client-detail>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px;border-bottom:1px solid #293544}.client-detail h2{color:#f4f0e8}.client-detail p{margin:7px 0 0;color:#7e8da1;font-size:11px}.client-actions{display:flex;align-items:center;gap:8px}.client-state{color:#ef9089;font-size:9px;font-weight:800;text-transform:uppercase}.client-state.enabled{color:#52d6a4}.scope-row{display:flex;flex-wrap:wrap;gap:7px;padding:12px 20px;border-bottom:1px solid #293544}.scope-row code{padding:4px 7px;border:1px solid #34475a;color:#9db3c9;font-size:9px}.key-table-head,.key-table article{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(150px,.8fr) minmax(150px,.8fr) auto;gap:14px;align-items:center;padding:12px 20px;border-bottom:1px solid #202b38}.key-table-head{color:#607086;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.key-table article>div{display:grid;gap:5px}.key-table strong{font-size:11px}.key-table code,.key-table small{color:#66768a;font-size:9px}.key-table span{font-size:10px}.key-status{width:fit-content;color:#52d6a4;font-weight:800;text-transform:uppercase}.key-status.expired,.key-status.revoked{color:#df8b84}.key-actions{display:flex!important;grid-auto-flow:column}.key-actions button{background:#17222f;color:#b9c4d2}.client-modal fieldset{display:grid;gap:5px;margin:18px 0;padding:12px;border:1px solid #344153}.client-modal legend{padding:0 6px;color:#8290a3;font-size:9px;font-weight:700;text-transform:uppercase}.client-modal fieldset label{display:flex;align-items:flex-start;gap:9px;margin:0;padding:6px;text-transform:none}.client-modal fieldset input{width:auto;margin-top:2px}.client-modal fieldset span{display:grid;gap:3px}.client-modal fieldset strong{color:#dbe3eb;font-family:ui-monospace,monospace;font-size:10px}.client-modal fieldset small{color:#68778a;font-size:9px;font-weight:500}.secret-modal{width:min(680px,100%)}.secret-warning{padding:11px;border-left:3px solid #f6c85f;background:#282318;color:#e8d49f;font-size:11px;line-height:1.5}.issued-secret{display:block;padding:14px;overflow-wrap:anywhere;border:1px solid #405065;background:#090e15;color:#d7e6f4;font-size:12px;line-height:1.6;-webkit-user-select:all;user-select:all}.reports-workspace{grid-column:1 / -1;min-height:0;padding:24px 28px 40px;overflow:auto;background:radial-gradient(circle at 74% -10%,#302a1b 0,transparent 30%),#0b1018}.reports-hero{display:flex;align-items:flex-end;justify-content:space-between;max-width:1400px;margin:0 auto 18px}.reports-hero h1{margin-top:7px;font-size:34px}.reports-hero p{margin:8px 0 0;color:#8491a3;font-size:12px}.reports-hero button,.report-filters button,.report-detail button{padding:8px 11px;border:1px solid #344153;border-radius:3px;font-size:10px;font-weight:700}.ops-strip{display:grid;grid-template-columns:repeat(8,1fr);max-width:1400px;margin:0 auto 12px;border:1px solid #293544;background:#101822}.ops-strip>*{display:grid;gap:3px;padding:12px 15px;border:0;border-right:1px solid #293544;background:transparent;color:inherit;text-align:left}.ops-strip strong{color:#edf1f5;font-family:Georgia,serif;font-size:20px}.ops-strip span{color:#68778a;font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.health-panel{display:grid;grid-template-columns:190px minmax(0,1fr);max-width:1400px;margin:0 auto 12px;border:1px solid #293544;background:#101822}.health-panel .panel-title{border-right:1px solid #293544;border-bottom:0}.health-items{display:flex;min-width:0;overflow-x:auto}.health-items article{display:flex;align-items:center;min-width:245px;gap:9px;padding:11px 14px;border-right:1px solid #202b38}.health-items i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#dc776f;box-shadow:0 0 7px #dc776f66}.health-items i.online{background:#52d6a4;box-shadow:0 0 7px #52d6a466}.health-items article div{display:grid;min-width:0;gap:4px}.health-items strong{overflow:hidden;font-family:ui-monospace,monospace;color:#dce4ed;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.health-items small{color:#66758a;font-size:8px;white-space:nowrap}.report-filters{display:grid;grid-template-columns:1.2fr 1fr 90px 120px 1.2fr 1fr 1fr auto;align-items:end;gap:9px;max-width:1400px;margin:0 auto 12px;padding:12px;border:1px solid #293544;background:#101822}.report-filters label{display:grid;gap:5px;min-width:0;color:#69798d;font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.report-filters input,.report-filters select{min-width:0;height:34px;padding:0 8px;border:1px solid #334052;border-radius:2px;outline:none;background:#0a1018;color:#dce4ed;font-size:10px}.report-filters input:focus,.report-filters select:focus{border-color:#52d6a4}.reports-layout{display:grid;grid-template-columns:minmax(430px,.9fr) minmax(500px,1.1fr);max-width:1400px;min-height:550px;margin:auto;border:1px solid #293544;background:#101822}.report-list{min-width:0;border-right:1px solid #293544}.report-list-head,.report-list>button{display:grid;grid-template-columns:1.2fr 1fr 82px;align-items:center;gap:12px;width:100%;padding:11px 14px;border:0;border-bottom:1px solid #202b38;background:transparent;color:#dce4ed;text-align:left}.report-list-head{color:#607086;font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.report-list>button:hover{background:#141f2b}.report-list>button.active{background:#192735;box-shadow:inset 3px 0 #52d6a4}.report-list>button div{display:grid;min-width:0;gap:5px}.report-list strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.report-list strong small{color:#7b899b}.report-list code,.report-list small{overflow:hidden;color:#647388;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.report-list span{font-size:9px}.report-list footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:11px 14px}.report-list footer button{padding:6px 9px;border:1px solid #344153;background:#17222f;color:#b9c4d2;font-size:9px}.report-list footer span{color:#66758a;font-size:9px}.report-status{width:fit-content;font-size:8px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.report-status.queued{color:#f6c85f}.report-status.processing{color:#8bb8ff}.report-status.completed{color:#52d6a4}.report-status.failed{color:#ef8d84}.report-detail{min-width:0}.report-detail>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:17px 18px;border-bottom:1px solid #293544}.report-detail h2{color:#f4f0e8;font-family:ui-monospace,monospace;font-size:15px}.report-actions{display:flex;gap:7px}.report-actions a{padding:8px 11px;border:1px solid #52d6a4;border-radius:3px;background:#1a4035;color:#d9fff1;font-size:10px;font-weight:700;text-decoration:none}.report-metadata{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 18px 14px;border-bottom:1px solid #293544}.report-metadata dl{min-width:0;margin:0;padding:9px 10px 5px 0}.report-metadata dt{margin-bottom:5px;color:#65758a;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.report-metadata dd{margin:0;overflow:hidden;color:#bdc7d4;font-family:ui-monospace,monospace;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.report-error{margin:14px 18px;padding:11px;border-left:3px solid #dc776f;background:#26191a}.report-error strong{color:#df938d;font-size:9px;text-transform:uppercase}.report-error pre{margin:7px 0 0;overflow:auto;color:#cbb8b6;font-size:9px;white-space:pre-wrap}.attempts{margin:14px 18px;border:1px solid #293544}.attempts article{display:grid;grid-template-columns:10px 1fr;gap:10px;padding:11px 13px;border-bottom:1px solid #202b38}.attempts article i{width:8px;height:8px;margin-top:2px;border:2px solid #8bb8ff;border-radius:50%}.attempts article i.event-completed{border-color:#52d6a4}.attempts article i.event-failed{border-color:#ef8d84}.attempts article i.event-recovered,.attempts article i.event-retry{border-color:#f6c85f}.attempts article div{display:grid;gap:4px}.attempts strong{font-size:10px;text-transform:capitalize}.attempts strong span{margin-left:6px;color:#66758a;font-size:8px;font-weight:500}.attempts small{color:#66758a;font-size:8px}.attempts p{margin:3px 0 0;color:#a3adba;font-family:ui-monospace,monospace;font-size:9px;line-height:1.5}.preview-overlay{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:18px;background:#05080ce8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.preview-dialog{display:grid;grid-template-rows:52px minmax(0,1fr);width:min(1500px,97vw);height:calc(100vh - 36px);border:1px solid #3a4656;border-radius:5px;overflow:hidden;background:#202936;box-shadow:0 28px 100px #000c}.preview-dialog header{display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #313d4d;background:#101822}.preview-dialog header div{display:flex;align-items:baseline;gap:11px}.preview-dialog header span{color:#69788d;font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.preview-dialog header strong{color:#e7edf4;font-size:12px}.preview-dialog header button{padding:7px 10px;border:1px solid #3b4859;border-radius:3px;background:#182330;color:#d4dce5;font-size:10px;font-weight:700}.preview-dialog iframe{width:100%;height:100%;border:0;background:#fff}@media(max-width:1200px),(max-height:760px){.workflow-strip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-grid{grid-template-columns:1fr}.work-grid.show-source .editor-pane,.work-grid.show-preview .preview-pane{grid-column:1;grid-row:1}.work-grid.show-split{grid-template-columns:1fr;grid-template-rows:minmax(160px,var(--split-size)) 7px minmax(160px,1fr)}.work-grid.show-split .editor-pane{grid-column:1;grid-row:1}.work-grid.show-split .split-handle{grid-column:1;grid-row:2;cursor:row-resize}.work-grid.show-split .preview-pane{grid-column:1;grid-row:3}.split-handle:after{inset:3px 0}.editor-pane{border-right:0}}@media(max-width:900px){body{overflow:auto}.app-shell{grid-template:58px auto minmax(700px,1fr) / 1fr}.sidebar{grid-row:2;border-right:0;border-bottom:1px solid #242d3a}.template-list{display:flex;height:auto;overflow-x:auto}.template-group{min-width:210px}.workspace{grid-row:3}.document-bar{align-items:flex-start;height:auto;padding-block:12px;flex-direction:column}.document-actions{width:100%;overflow-x:auto}.work-grid{grid-template-columns:1fr;grid-template-rows:minmax(480px,70vh)}.work-grid.show-split{height:1087px;grid-template-rows:minmax(320px,var(--split-size)) 7px minmax(320px,1fr)}.editor-pane{border-right:0;border-bottom:1px solid #242d3a}.preview-overlay{padding:8px}.preview-dialog{width:100%;height:calc(100vh - 16px)}.storage-workspace{grid-row:2 / 4;padding:18px 12px}.storage-grid{grid-template-columns:1fr}.storage-hero{align-items:flex-start;gap:18px;flex-direction:column}.migration-row,.form-columns{grid-template-columns:1fr}.clients-workspace{grid-row:2 / 4;padding:18px 12px}.clients-hero{align-items:flex-start;gap:18px;flex-direction:column}.clients-layout{grid-template-columns:1fr}.clients-list{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #293544}.clients-list>button{min-width:180px}.client-detail>header{flex-direction:column}.key-table-head{display:none}.key-table article{grid-template-columns:1fr 1fr}.key-actions{justify-content:flex-start}.identity{display:none}.topbar-actions{gap:6px}.area-nav button{padding-inline:6px}}@media(max-width:900px){.reports-workspace{grid-row:2 / 4;padding:18px 12px}.reports-hero{align-items:flex-start;gap:16px;flex-direction:column}.ops-strip{grid-template-columns:repeat(3,1fr)}.health-panel{grid-template-columns:1fr}.health-panel .panel-title{border-right:0;border-bottom:1px solid #293544}.report-filters{grid-template-columns:1fr 1fr}.reports-layout{grid-template-columns:1fr}.report-list{border-right:0;border-bottom:1px solid #293544}.report-detail>header{flex-direction:column}.report-metadata{grid-template-columns:1fr 1fr}}@media(max-width:560px){.brand-copy,.connection{display:none}.topbar{padding-inline:9px}.area-nav button{padding-inline:5px;font-size:8px}.report-filters,.ops-strip{grid-template-columns:1fr 1fr}.report-list-head{display:none}.report-list>button{grid-template-columns:1fr auto}.report-list>button div:nth-child(2){display:none}.report-metadata{grid-template-columns:1fr}.report-actions{flex-wrap:wrap}}