#dashboard-settings-view{padding:0!important;background:#edf3f6}
#dashboard-settings-root{min-height:calc(100vh - 66px);color:#18394b}
.dse-studio{--dse-ink:#18394b;--dse-muted:#687f8c;--dse-line:#d9e5e9;--dse-blue:#168fc0;--dse-navy:#172a67;min-height:100%;padding:22px clamp(16px,2vw,30px) 46px;background:radial-gradient(circle at 75% -20%,rgba(48,183,226,.13),transparent 38%),linear-gradient(180deg,#f7fafb 0,#edf3f6 340px)}
.dse-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;max-width:1580px;margin:0 auto 18px;padding:23px 25px;border:1px solid rgba(195,215,222,.85);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 18px 54px rgba(28,62,78,.08);backdrop-filter:blur(18px)}
.dse-kicker,.dse-panel-heading span,.dse-card-heading span,.dse-nav header span,.dse-nav>section>span,.dse-security-summary span,.dse-override-intro span{color:#168fc0;font-size:9px;font-weight:900;letter-spacing:1.25px}
.dse-hero h1{max-width:700px;margin:7px 0 6px;color:#142f40;font:800 clamp(24px,3vw,39px)/1.08 Manrope,sans-serif;letter-spacing:-1.1px}
.dse-hero>div:first-child>p{max-width:740px;margin:0;color:#617987;font-size:12px;line-height:1.65}
.dse-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:8px}
.dse-hero-metrics article{display:grid;min-height:80px;padding:12px 14px;border:1px solid #dce7eb;border-radius:12px;background:#f8fbfc}
.dse-hero-metrics span{color:#7c919b;font-size:7px;font-weight:900;letter-spacing:.8px}.dse-hero-metrics b{align-self:end;color:#173c51;font:800 20px Manrope}.dse-hero-metrics small{color:#82949d;font-size:7px}
.dse-hero-actions{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-top:15px;border-top:1px solid #e2ebee}
.dse-save-state{display:inline-flex;align-items:center;gap:6px;margin-right:auto;color:#687f8b;font-size:9px;font-weight:800}.dse-save-state i{width:8px;height:8px;border-radius:50%;background:#34a36f;box-shadow:0 0 0 4px rgba(52,163,111,.1)}
.dse-hero-actions button{min-height:38px;border-radius:9px}
.dse-workspace{display:grid;grid-template-columns:205px minmax(420px,1fr) minmax(340px,410px);gap:14px;align-items:start;max-width:1580px;margin:auto}
.dse-nav,.dse-panel,.dse-preview-shell{border:1px solid #d6e3e8;border-radius:16px;background:#fff;box-shadow:0 12px 38px rgba(25,58,73,.07)}
.dse-nav{position:sticky;top:78px;overflow:hidden}.dse-nav>header{display:grid;gap:4px;padding:16px 16px 13px;border-bottom:1px solid #e2ebee}.dse-nav>header b{font:800 12px Manrope}
.dse-nav nav{display:grid;padding:7px}.dse-nav nav button{display:grid;grid-template-columns:25px 1fr auto;gap:9px;align-items:center;width:100%;padding:10px 8px;border:0;border-radius:9px;background:transparent;color:#607887;text-align:left;cursor:pointer;transition:.18s ease}
.dse-nav nav button:hover{background:#f2f8fa;transform:translateX(2px)}.dse-nav nav button.active{background:linear-gradient(135deg,#e7f7fc,#edf4fb);color:#153f55;box-shadow:inset 3px 0 #1aa6d6}
.dse-nav nav button>i{display:grid;place-items:center;width:25px;height:25px;border:1px solid #d4e2e7;border-radius:7px;background:#fff;color:#78909b;font-size:7px;font-style:normal;font-weight:900}.dse-nav nav button.active>i{border-color:#a8d9e9;color:#148fbc}
.dse-nav nav button span{display:grid;gap:2px;min-width:0}.dse-nav nav button b{font-size:9px}.dse-nav nav button small{overflow:hidden;color:#81939c;font-size:7px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.dse-nav nav button em{color:#93a5ad;font-size:17px;font-style:normal}
.dse-nav>section{display:grid;gap:8px;margin:7px;padding:12px;border-radius:11px;background:#162f43;color:#fff}.dse-nav>section>span{color:#67c9e9}.dse-nav>section>div{display:flex;align-items:center;gap:9px}.dse-nav>section>div i{position:relative;width:45px;height:5px;border-radius:5px;background:#2c485a;overflow:hidden}.dse-nav>section>div i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--health);border-radius:inherit;background:linear-gradient(90deg,#25a8d4,#4ed29a)}.dse-nav>section b{font:800 14px Manrope}.dse-nav>section small{color:#aec0c9;font-size:7px;line-height:1.45}
.dse-panel{display:grid;gap:12px;width:100%;max-width:none;min-width:0;margin:0;padding:17px;background:#f8fafb}.dse-panel-heading{padding:7px 4px 9px}.dse-panel-heading h2{margin:5px 0 4px;color:#17394b;font:800 22px Manrope;letter-spacing:-.4px}.dse-panel-heading p{max-width:650px;margin:0;color:#6b828e;font-size:10px;line-height:1.55}
.dse-card{display:grid;gap:15px;padding:16px;border:1px solid #dbe6ea;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(27,65,82,.035)}
.dse-card-heading{display:flex;justify-content:space-between;gap:18px;align-items:end;padding-bottom:11px;border-bottom:1px solid #e7eef0}.dse-card-heading>div{display:grid;gap:3px}.dse-card-heading h3{margin:0;color:#1e4153;font:800 13px Manrope}.dse-card-heading>small{max-width:270px;color:#7b909a;font-size:8px;line-height:1.4;text-align:right}
.dse-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dse-presets button{display:grid;grid-template-columns:66px 1fr;gap:10px;align-items:center;padding:9px;border:1px solid #dce7eb;border-radius:10px;background:#fff;text-align:left;cursor:pointer;transition:.18s ease}.dse-presets button:hover{border-color:#8fc9dc;box-shadow:0 8px 18px rgba(28,113,146,.1);transform:translateY(-2px)}
.dse-presets button>i{position:relative;display:grid;grid-template-columns:1fr 1fr;height:48px;overflow:hidden;border-radius:7px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.dse-presets button>i b:first-child{grid-column:1/-1;height:14px;background:var(--p)}.dse-presets button>i b:nth-child(2){margin:5px 2px 5px 5px;border-top:3px solid var(--a);background:#fff}.dse-presets button>i b:last-child{margin:5px 5px 5px 2px;background:#fff}
.dse-presets button>span{display:grid;gap:3px}.dse-presets strong{color:#294b5b;font-size:9px}.dse-presets small{color:#7b8f99;font-size:7px;line-height:1.4}
.dse-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.dse-control{display:grid;gap:5px;margin:0;color:#607887;font-size:8px;font-weight:800}.dse-control.wide{grid-column:1/-1}.dse-control>span,.dse-colour>span{color:#607887;font-size:8px;font-weight:900}.dse-control input,.dse-control textarea,.dse-control select,.dse-link-lifetime input{width:100%;min-height:39px;padding:9px 10px;border:1px solid #cddde3;border-radius:8px;background:#fff;color:#193b4d;outline:0;transition:.16s ease}.dse-control textarea{resize:vertical;line-height:1.5}.dse-control input:focus,.dse-control textarea:focus,.dse-control select:focus,.dse-link-lifetime input:focus{border-color:#1d9fce;box-shadow:0 0 0 3px rgba(29,159,206,.1)}.dse-control small{color:#83969f;font-size:7px;font-weight:500;line-height:1.4}
.dse-logo-control{grid-template-columns:minmax(140px,.45fr) 1fr;align-items:center;padding:12px;border:1px dashed #b7d2dc;border-radius:10px;background:#f6fbfc}.dse-logo-control>span{grid-column:1/-1}.dse-logo-control input{padding:6px;background:#fff}.dse-logo-control>div{display:grid;gap:3px}.dse-logo-control b{color:#315669;font-size:9px}.dse-logo-control small{font-size:7px}
.dse-colour-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.dse-colour{display:grid;gap:6px;padding:9px;border:1px solid #e0e9ec;border-radius:9px;background:#f9fbfc}.dse-colour>div{display:grid;grid-template-columns:35px minmax(0,1fr);gap:6px}.dse-colour input[type=color]{width:35px;height:35px;padding:2px;border:1px solid #cfdee3;border-radius:7px;background:#fff}.dse-colour input:not([type=color]){min-width:0;padding:7px;border:1px solid #cfdee3;border-radius:7px;color:#45616f;font:700 8px monospace;text-transform:uppercase}
.dse-visibility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dse-feature{position:relative;display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:72px;padding:10px;border:1px solid #dee8eb;border-radius:10px;background:#fafcfd;cursor:pointer;transition:.16s ease}.dse-feature.enabled{border-color:#b8dce8;background:#f2fbfe}.dse-feature>span{display:grid;grid-template-columns:28px 1fr;gap:2px 8px;align-items:center}.dse-feature>span>i{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e8f0f3;color:#64808e;font-size:8px;font-style:normal;font-weight:900}.dse-feature.enabled>span>i{background:#d8f1f9;color:#1182ab}.dse-feature b{color:#294c5e;font-size:9px}.dse-feature small{color:#7d929c;font-size:7px;line-height:1.35}.dse-feature input,.dse-switch input,.dse-override header input{position:absolute;opacity:0;pointer-events:none}.dse-feature>em,.dse-switch>i,.dse-override header em{position:relative;width:31px;height:18px;flex:0 0 auto;border-radius:18px;background:#ccd9de;transition:.18s ease}.dse-feature>em:after,.dse-switch>i:after,.dse-override header em:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(20,50,64,.2);transition:.18s ease}.dse-feature input:checked+em,.dse-switch input:checked+i,.dse-override header input:checked+em{background:#1799c6}.dse-feature input:checked+em:after,.dse-switch input:checked+i:after,.dse-override header input:checked+em:after{transform:translateX(13px)}
.dse-section-order{display:grid;gap:6px}.dse-section-order article{display:grid;grid-template-columns:27px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:54px;padding:8px 10px;border:1px solid #e0e9ec;border-radius:9px;background:#fafcfd;transition:.16s ease}.dse-section-order article:hover{border-color:#bcd9e3;background:#f4fafc}.dse-section-order>article>i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#eaf2f5;color:#587785;font-size:8px;font-style:normal;font-weight:900}.dse-section-order article>div:nth-child(2){display:grid;gap:2px}.dse-section-order b{color:#294c5e;font-size:9px}.dse-section-order small{color:#83969f;font-size:7px}.dse-section-order article>div:last-child{display:flex;gap:4px}.dse-section-order button{display:grid;place-items:center;width:27px;height:27px;border:1px solid #d1e0e5;border-radius:7px;background:#fff;color:#537180;cursor:pointer}.dse-section-order button:disabled{opacity:.3;cursor:not-allowed}
.dse-switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dse-switch{position:relative;display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:57px;padding:10px;border:1px solid #e0e9ec;border-radius:9px;background:#fafcfd;cursor:pointer}.dse-switch>span{display:grid;gap:2px}.dse-switch b{color:#294c5e;font-size:9px}.dse-switch small{color:#83969f;font-size:7px;line-height:1.35}
.dse-stage-editor{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.dse-stage-editor label{display:grid;gap:5px;min-width:0;padding:9px;border:1px solid #dde7eb;border-radius:9px;background:#fafcfd}.dse-stage-editor i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#1799c6;color:#fff;font-size:7px;font-style:normal;font-weight:900}.dse-stage-editor span{color:#7a8f99;font-size:7px;font-weight:800}.dse-stage-editor input{min-width:0;width:100%;padding:7px;border:1px solid #cfdfe4;border-radius:7px;color:#24485a;font-size:8px;font-weight:800}
.dse-security-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dse-security-summary article{display:grid;gap:4px;min-height:82px;padding:12px;border:1px solid #dbe6ea;border-radius:11px;background:#fff}.dse-security-summary article.attention{border-color:#e5c477;background:#fff9ec}.dse-security-summary strong{align-self:end;color:#21485b;font:800 16px Manrope}.dse-security-summary small{color:#80949e;font-size:7px}.dse-link-lifetime{display:grid;grid-template-columns:minmax(190px,.4fr) 1fr;gap:18px;align-items:center}.dse-link-lifetime label{display:grid;gap:6px;color:#607887;font-size:8px;font-weight:900}.dse-link-lifetime label>div{display:flex;align-items:center;gap:8px}.dse-link-lifetime input{width:80px}.dse-link-lifetime b{color:#36596a;font-size:8px}.dse-link-lifetime p{margin:0;padding:11px;border-left:3px solid #1ca0ce;background:#f2fafc;color:#607c89;font-size:8px;line-height:1.5}
.dse-override-intro{display:grid;grid-template-columns:140px 1fr;gap:15px;align-items:center;padding:15px;border-radius:13px;background:#17364a;color:#fff}.dse-override-intro>div{display:grid;gap:2px}.dse-override-intro span{color:#5dcaeb}.dse-override-intro strong{font:800 28px Manrope}.dse-override-intro small{color:#b6c8d0;font-size:8px}.dse-override-intro p{margin:0;color:#c1d0d6;font-size:9px;line-height:1.55}
.dse-overrides{display:grid;gap:8px}.dse-override{overflow:hidden;border:1px solid #dae6ea;border-radius:11px;background:#fff}.dse-override.custom{border-color:#abd5e4;box-shadow:0 6px 20px rgba(28,135,174,.06)}.dse-override>header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px}.dse-override header>div{display:flex;gap:9px;align-items:center}.dse-override header>div>i{width:5px;height:34px;border-radius:5px;background:var(--cat)}.dse-override header span{display:grid;gap:2px}.dse-override header b{color:#294c5e;font-size:9px}.dse-override header small{color:#82959f;font-size:7px}.dse-override header label{position:relative;cursor:pointer}.dse-override-body{display:grid;gap:12px;padding:12px;border-top:1px solid #e2ebee;background:#f8fbfc}.dse-override-visibility{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.dse-override-visibility label{display:flex;gap:6px;align-items:center;padding:7px;border:1px solid #dfe8eb;border-radius:7px;background:#fff;color:#587482;font-size:7px;font-weight:800}.dse-override-visibility input{width:14px;height:14px;accent-color:#1598c5}
.dse-preview-mount{position:sticky;top:78px;min-width:0}.dse-preview-shell{overflow:hidden;background:#f9fbfc}.dse-preview-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 14px;border-bottom:1px solid #dce7eb;background:#fff}.dse-preview-controls>div:first-child{display:grid;gap:2px}.dse-preview-controls span{color:#1796c3;font-size:7px;font-weight:900;letter-spacing:1px}.dse-preview-controls b{color:#294a5b;font-size:10px}.dse-device-switch{display:flex;gap:3px;padding:3px;border-radius:8px;background:#eef3f5}.dse-device-switch button{display:grid;place-items:center;width:27px;height:25px;border:0;border-radius:6px;background:transparent;color:#718893;cursor:pointer}.dse-device-switch button.active{background:#fff;color:#168fb9;box-shadow:0 2px 7px rgba(30,70,88,.1)}
.dse-preview-states{display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid #dee8eb;overflow-x:auto}.dse-preview-states button{flex:0 0 auto;padding:6px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:#748a95;font-size:7px;font-weight:800;cursor:pointer}.dse-preview-states button.active{border-color:#b8dbe7;background:#eaf8fc;color:#147fa5}
.dse-preview-stage{position:relative;height:570px;padding:12px;overflow:hidden;background:repeating-linear-gradient(45deg,#e9f0f2,#e9f0f2 8px,#edf3f5 8px,#edf3f5 16px)}.dse-preview-device{position:absolute;top:12px;left:50%;width:350px;transform:translateX(-50%);transform-origin:top center;transition:.25s ease}.device-phone .dse-preview-device{width:350px}.device-tablet .dse-preview-device{width:650px;transform:translateX(-50%) scale(.55)}.device-desktop .dse-preview-device{width:960px;transform:translateX(-50%) scale(.365)}
.dse-preview-page{--preview-radius:10px;overflow:hidden;min-height:540px;border:1px solid rgba(22,55,71,.18);border-radius:15px;background:var(--dsep-canvas);color:var(--dsep-text);box-shadow:0 20px 45px rgba(19,51,67,.18);font-family:Inter,"Segoe UI",sans-serif}.dse-preview-page.font-humanist{font-family:"Segoe UI",Arial,sans-serif}.dse-preview-page.font-editorial{font-family:Georgia,"Times New Roman",serif}.dse-preview-page.radius-square{--preview-radius:2px}.dse-preview-page.radius-rounded{--preview-radius:16px}.dse-preview-page.density-compact{--dsep-gap:6px;--dsep-pad:9px}.dse-preview-page.density-comfortable{--dsep-gap:8px;--dsep-pad:12px}.dse-preview-page.density-spacious{--dsep-gap:11px;--dsep-pad:15px}
.dse-preview-page>header{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:53px;padding:9px 11px;background:var(--dsep-primary);color:#fff}.dse-preview-page.header-light>header{border-bottom:1px solid #d9e5e9;background:var(--dsep-surface);color:var(--dsep-text)}.dse-preview-page.header-gradient>header{background:linear-gradient(135deg,var(--dsep-primary),color-mix(in srgb,var(--dsep-primary) 60%,var(--dsep-accent)))}.dse-preview-page>header>div{display:flex;gap:7px;align-items:center}.dse-preview-page>header img,.dse-preview-page>header i{display:grid;place-items:center;width:28px;height:28px;object-fit:contain;border-radius:8px;background:rgba(255,255,255,.14);font-size:7px;font-style:normal;font-weight:900}.dse-preview-page.header-light>header i{background:var(--dsep-primary);color:#fff}.dse-preview-page>header span{display:grid;gap:2px}.dse-preview-page>header b{font-size:8px}.dse-preview-page>header small{max-width:180px;opacity:.72;font-size:5px}.dse-preview-page>header button{padding:6px 7px;border:1px solid rgba(255,255,255,.35);border-radius:6px;background:transparent;color:inherit;font-size:5px;font-weight:900}.dse-preview-page.header-light>header button{border-color:#c8d9df}
.dse-preview-page>main{display:grid;gap:var(--dsep-gap);padding:var(--dsep-gap)}.dse-preview-page section{border-radius:var(--preview-radius)}.dsep-overview{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;padding:var(--dsep-pad);border-top:4px solid var(--dsep-accent);background:var(--dsep-surface)}.dsep-overview span,.dsep-card>span,.dsep-card header span,.dsep-live span,.dsep-action span,.dsep-finance span{color:var(--dsep-accent);font-size:5px;font-weight:900;text-transform:uppercase}.dsep-overview h1{margin:3px 0 2px;font-size:15px}.dsep-overview p{margin:0;color:color-mix(in srgb,var(--dsep-text) 66%,transparent);font-size:6px}.dsep-overview>div>small{display:block;margin-top:6px;color:color-mix(in srgb,var(--dsep-text) 65%,transparent);font-size:5px;line-height:1.4}.dsep-overview dl{display:grid;gap:4px;margin:0}.dsep-overview dl div{display:flex;justify-content:space-between;gap:5px;padding:4px 0;border-bottom:1px solid #e0e9ec}.dsep-overview dt{font-size:5px;opacity:.65}.dsep-overview dd{margin:0;font-size:5px;font-weight:800;text-align:right}
.dsep-live{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;overflow:hidden;border-left:4px solid var(--dsep-accent);background:#dbe7eb}.dsep-live>div{display:grid;gap:3px;padding:8px;background:var(--dsep-surface)}.dsep-live b{font-size:6px}.dsep-action{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px 10px;background:var(--dsep-warning);color:#fff}.dsep-action span{color:#ffe6a8}.dsep-action b{display:block;margin:2px 0;font-size:7px}.dsep-action small{display:block;max-width:210px;font-size:5px;opacity:.8}.dsep-action button{padding:6px 8px;border:0;border-radius:6px;background:#fff;color:var(--dsep-text);font-size:5px;font-weight:900}
.dsep-card{display:grid;gap:5px;padding:var(--dsep-pad);border:1px solid color-mix(in srgb,var(--dsep-text) 12%,transparent);background:var(--dsep-surface)}.dsep-card header{display:flex;justify-content:space-between;align-items:end}.dsep-card header b{font-size:8px}.dsep-progress ol{display:grid;grid-template-columns:repeat(5,1fr);margin:4px 0 0;padding:0;list-style:none}.dsep-progress li{position:relative;display:grid;justify-items:center;gap:3px;color:#84969e;text-align:center}.dsep-progress li:before{content:"";position:absolute;top:7px;right:50%;width:100%;height:1px;background:#d2dee2}.dsep-progress li:first-child:before{display:none}.dsep-progress li i{position:relative;z-index:1;display:grid;place-items:center;width:15px;height:15px;border:1px solid #cbd9de;border-radius:50%;background:var(--dsep-surface);font-size:4px;font-style:normal}.dsep-progress li span{font-size:4px}.dsep-progress li.done i{border-color:var(--dsep-success);background:var(--dsep-success);color:#fff}.dsep-progress li.done:before,.dsep-progress li.active:before{background:var(--dsep-success)}.dsep-progress li.active i{border-color:var(--dsep-accent);background:var(--dsep-accent);color:#fff}.dsep-latest{border:1px solid color-mix(in srgb,var(--dsep-accent) 45%,#fff);background:color-mix(in srgb,var(--dsep-accent) 6%,var(--dsep-surface))}.dsep-latest>b{font-size:8px}.dsep-latest p,.dsep-conversation p{margin:0;color:color-mix(in srgb,var(--dsep-text) 68%,transparent);font-size:6px;line-height:1.4}.dsep-list>div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid #e1e9ec;font-size:6px}.dsep-list>div b{font-size:6px}.dsep-finance{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.dsep-finance>div{display:grid;gap:3px;padding:8px;border-radius:var(--preview-radius);background:var(--dsep-surface)}.dsep-finance b{font-size:8px}.dsep-conversation button{justify-self:end;padding:6px 8px;border:0;border-radius:6px;background:var(--dsep-accent);color:#fff;font-size:5px;font-weight:900}.dse-preview-page main>footer{display:flex;justify-content:space-between;gap:8px;padding:12px 4px 5px;color:color-mix(in srgb,var(--dsep-text) 64%,transparent);font-size:5px}.dse-preview-page main>footer b{color:var(--dsep-text)}
.dse-preview-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border-top:1px solid #dbe6ea;background:#fff}.dse-preview-footer span{display:flex;gap:6px;align-items:center;color:#718792;font-size:7px}.dse-preview-footer span i{width:7px;height:7px;border-radius:50%;background:#35a36f}.dse-preview-footer button{padding:0;border:0;background:transparent;color:#1788b1;font-size:7px;font-weight:900;cursor:pointer}
@media(max-width:1380px){.dse-workspace{grid-template-columns:minmax(0,1fr) 350px}.dse-nav{position:static;grid-column:1/-1}.dse-nav>header,.dse-nav>section{display:none}.dse-nav nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.dse-nav nav button{grid-template-columns:25px minmax(0,1fr);padding:9px}.dse-nav nav button em{display:none}.dse-stage-editor{grid-template-columns:repeat(3,minmax(0,1fr))}.dse-security-summary{grid-template-columns:repeat(2,1fr)}.dse-preview-stage{height:530px}.device-phone .dse-preview-device{width:320px}.device-tablet .dse-preview-device{transform:translateX(-50%) scale(.5)}.device-desktop .dse-preview-device{transform:translateX(-50%) scale(.33)}}
@media(max-width:1120px){.dse-workspace{grid-template-columns:1fr}.dse-preview-mount{position:static;grid-column:auto;margin:0}.dse-preview-stage{height:610px}.device-phone .dse-preview-device{width:350px}.device-tablet .dse-preview-device{transform:translateX(-50%) scale(.66)}.device-desktop .dse-preview-device{transform:translateX(-50%) scale(.45)}}
@media(max-width:820px){#dashboard-settings-view{padding:0!important}.dse-studio{padding:12px}.dse-hero{grid-template-columns:1fr;padding:17px}.dse-hero-metrics{grid-template-columns:repeat(3,1fr)}.dse-hero-actions{display:grid;grid-template-columns:1fr 1fr}.dse-save-state{grid-column:1/-1}.dse-workspace{grid-template-columns:1fr}.dse-nav{position:static}.dse-nav>header,.dse-nav>section{display:none}.dse-nav nav{display:flex;gap:5px;overflow-x:auto}.dse-nav nav button{flex:0 0 150px;grid-template-columns:24px 1fr;padding:8px}.dse-nav nav button em{display:none}.dse-preview-mount{grid-column:auto;margin:0}.dse-form-grid,.dse-visibility-grid{grid-template-columns:1fr}.dse-presets{grid-template-columns:1fr 1fr}.dse-stage-editor{grid-template-columns:1fr 1fr}.dse-override-visibility{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.dse-studio{padding:8px}.dse-hero{border-radius:12px}.dse-hero h1{font-size:25px}.dse-hero-metrics{grid-template-columns:1fr}.dse-hero-metrics article{min-height:65px}.dse-hero-actions{grid-template-columns:1fr}.dse-panel{padding:10px;border-radius:12px}.dse-card{padding:12px}.dse-presets,.dse-switch-grid,.dse-security-summary,.dse-stage-editor{grid-template-columns:1fr}.dse-presets button{grid-template-columns:58px 1fr}.dse-card-heading{display:grid;align-items:start}.dse-card-heading>small{text-align:left}.dse-link-lifetime,.dse-override-intro{grid-template-columns:1fr}.dse-preview-stage{height:540px;padding:8px}.device-phone .dse-preview-device{width:310px}.device-tablet .dse-preview-device{transform:translateX(-50%) scale(.46)}.device-desktop .dse-preview-device{transform:translateX(-50%) scale(.31)}}
@media(prefers-reduced-motion:reduce){.dse-studio *{scroll-behavior:auto!important;transition:none!important}}