/* Studio website editor. Self-contained neutral tokens keep the surrounding Studio
   theme out of the editing surface. Customer styling stays in the isolated canvas. */
.se-panel{scrollbar-gutter:stable}
.se-content-controls{border-bottom:1px solid var(--se-line);padding-bottom:12px;margin-bottom:12px}
.se-content-controls h3{font-size:12px}
.se-content-controls button{margin:3px 5px 3px 0}
.se-scope-note{padding:12px;border:1px solid #2d77b84d;background:#eaf3fe;border-radius:9px;font-size:12px;color:#1f517c;line-height:1.6}
.se-scope-note[data-shared=true]{border-color:#8052cb70;background:#f1eaff;color:#58328d;font-weight:600}
.se-provenance{font-size:11px;color:var(--se-muted);line-height:1.5;margin:8px 0 14px}
.se-library-list{max-height:260px;overflow:auto}
.se-library-item{padding:8px 0;border-top:1px solid var(--se-line)}
.se-library-item>summary{font-size:12px;font-weight:650;cursor:pointer}
.se-library-part{font-size:11px!important;margin:3px 3px 3px 0;padding:4px 7px!important;min-height:27px!important;color:#67439e!important}
.se-library-instance{display:block;border:0;background:transparent;padding:5px 2px;text-align:left;font-size:11px!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.se-library-instance:hover{text-decoration:underline}
.se-instances{font-size:11px;margin-top:7px}
.se-quick{display:flex;flex-wrap:wrap;gap:5px}
.se-quick h3{font-size:12px;width:100%;margin:12px 0 3px}
.se-quick>.se-muted{width:100%;margin:4px 0}
.se-quick .se-btn{font-size:11px;padding:5px 8px}
.se-swatch{display:inline-flex;align-items:center;gap:4px;font-size:11px;margin:6px 5px 6px 0}
.se-swatch input{width:27px;height:27px;border:1px solid var(--se-line);padding:1px;background:transparent;border-radius:5px}
.se-slider{display:flex;align-items:center;flex-wrap:wrap;width:100%;font-size:11px;gap:4px}
.se-slider output{margin-left:auto;color:var(--se-muted);font-variant-numeric:tabular-nums}
.se-slider input{width:100%;accent-color:#2563eb;margin:3px 0 8px}
.se-quick .se-part{text-transform:capitalize;color:#67439e}
.se-advanced{margin-top:15px}
.se-canvas-tools{position:absolute;z-index:4;display:flex;align-items:center;gap:3px;padding:5px;background:#fff;color:#234567;border:1px solid #aec9e4;border-radius:8px;box-shadow:0 3px 16px #102a3928;white-space:nowrap;font-size:11px}
.se-canvas-tools[data-shared=true]{border-color:#8052cb;background:#faf7ff;color:#67439e}
.se-canvas-tools button{border:0;border-radius:5px;background:transparent;color:inherit;padding:5px 7px;font-size:11px}
.se-canvas-tools button[aria-pressed=true]{background:#245c8c;color:white}
.se-canvas-tools[data-shared=true] button[aria-pressed=true]{background:#8052cb}
.se-canvas-scope{font-weight:700;padding:0 5px}
.se-inline-text{position:absolute;z-index:5;background:#fff;outline:2px solid #2979bf;outline-offset:2px;padding:4px;box-shadow:0 3px 20px #0002;white-space:pre-wrap;overflow-wrap:anywhere;max-height:60vh;overflow:auto;min-width:100px;line-height:1.4;cursor:text}
.se-inline-actions{position:sticky;bottom:10px;align-self:flex-end;z-index:6;background:#263143;color:white;padding:8px 12px;border-radius:8px;display:flex;gap:8px;align-items:center;font-size:11px;box-shadow:0 3px 20px #0004}
.se-inline-actions button{border:0;border-radius:5px;padding:5px 9px;background:#fff;color:#263143}
.se-inline-actions [data-inline-cancel]{background:#ffffff25;color:white}
.se-gesture-handle:focus-visible{outline:3px solid #c530a4!important;outline-offset:3px}
.se-workspace{--se-paper:#f6f7f9;--se-card:#ffffff;--se-ink:#202632;--se-muted:#667085;--se-line:#e3e6ec;--se-accent:#2563eb;position:fixed;inset:12px;z-index:8500;display:flex;flex-direction:column;background:var(--se-paper);color:var(--se-ink);border:1px solid var(--se-line);border-radius:16px;box-shadow:0 24px 90px #0005;font:13px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden;isolation:isolate}
.se-workspace *{box-sizing:border-box}
.se-workspace button,.se-workspace input,.se-workspace select{font:inherit;color:inherit}
.se-workspace button{cursor:pointer}
.se-workspace button:disabled{cursor:default;opacity:.48}
.se-workspace :focus-visible{outline:3px solid #2563eb;outline-offset:2px}
.se-workspace [hidden]{display:none!important}
.se-header{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--se-line);background:var(--se-card);flex:none}
.se-brand{font-size:15px;font-weight:750;white-space:nowrap}
.se-brand span{color:var(--se-muted);font-weight:400;font-size:12px;display:block}
.se-location{display:flex;gap:6px;min-width:160px;flex:1;max-width:510px}
.se-select,.se-input{border:1px solid var(--se-line);border-radius:7px;background:var(--se-card);padding:7px 9px;min-width:0}
.se-location select{width:50%;text-overflow:ellipsis}
.se-header-actions{display:flex;gap:7px;align-items:center;margin-left:auto}
.se-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--se-line);border-radius:8px;padding:7px 10px;background:var(--se-card);white-space:nowrap;min-height:33px}
.se-btn:hover:not(:disabled){border-color:#bdc6d4;background:color-mix(in srgb,var(--se-card) 92%,#2563eb)}
.se-btn.se-primary{background:var(--se-accent);border-color:var(--se-accent);color:#fff;font-weight:650}
.se-btn.se-danger{color:#ab3c30}
.se-icon{width:33px;padding:4px;font-size:18px}
.se-status{font-size:12px;color:var(--se-muted);display:flex;align-items:center;gap:6px;white-space:nowrap}
.se-status:before{content:"";height:7px;width:7px;border-radius:50%;background:#7f969e}
.se-status[data-state=saved]:before,.se-status[data-state=live]:before{background:#2563eb}
.se-status[data-state=dirty]:before,.se-status[data-state=saving]:before{background:#d9a32a}
.se-status[data-state=error]:before,.se-status[data-state=conflict]:before{background:#da6149}
.se-toolbar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--se-line);flex:none;flex-wrap:wrap}
.se-segment{display:inline-flex;border:1px solid var(--se-line);border-radius:8px;overflow:hidden}
.se-segment button{border:0;border-right:1px solid var(--se-line);padding:6px 10px;background:var(--se-card);min-height:30px}
.se-segment button:last-child{border-right:0}
.se-segment button[aria-pressed=true]{background:#2563eb;color:#fff}
.se-size{display:flex;align-items:center;gap:5px;color:var(--se-muted);font-size:12px}
.se-size input{width:65px;padding:5px}
.se-toolbar-help{margin-left:auto;color:var(--se-muted);font-size:12px}
.se-body{display:flex;min-height:0;flex:1;position:relative}
.se-stage{flex:1;min-width:0;position:relative;isolation:isolate;display:flex;flex-direction:column;background:#edf0f4}
.se-canvas-area{position:relative;overflow:auto;flex:1;padding:24px;display:flex;align-items:flex-start;justify-content:center}
.se-canvas-space{position:relative;flex:none;min-height:0}
.se-canvas{transform-origin:top left;background:#fff;box-shadow:0 4px 30px #20394726;position:absolute;top:0;left:0;overflow:hidden}
.se-frame{display:block;border:0;width:100%;height:100%;background:#fff}
.se-loading{position:absolute;inset:0;display:grid;place-content:center;background:var(--se-paper);text-align:center;color:var(--se-muted);z-index:2;padding:20px;pointer-events:none}
.se-footer{flex:none;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:6px 12px;color:var(--se-muted);font-size:11px;border-top:1px solid var(--se-line);background:var(--se-card)}
.se-mode-note{max-width:65ch}
.se-panel{width:310px;flex:none;overflow:auto;border-left:1px solid var(--se-line);background:var(--se-card);padding:15px}
.se-panel h2{font-size:14px;margin:0 0 5px}
.se-muted{color:var(--se-muted);font-size:12px;margin:5px 0 12px}
.se-empty{padding:25px 5px;color:var(--se-muted);text-align:center}
.se-empty strong{display:block;font-size:15px;color:var(--se-ink);margin-bottom:8px}
.se-selection-title{display:flex;gap:8px;align-items:center}
.se-selection-title h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.se-path{display:flex;align-items:center;gap:3px;flex-wrap:wrap;margin:7px 0 12px}
.se-path button{font-size:11px;color:var(--se-muted);border:0;background:transparent;padding:2px 4px;border-radius:4px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.se-path button:hover{background:#78949d20}
.se-scope{width:100%;margin:0 0 12px}
.se-scope button{flex:1}
.se-badge{display:inline-block;padding:2px 7px;background:#edf2fa;color:#315d9e;font-size:10px;border-radius:20px;font-weight:650}
.se-section{border-top:1px solid var(--se-line);padding:11px 0}
.se-section>summary{font-size:12px;font-weight:750;cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px}
.se-section>summary:before{content:"›";font-size:17px;color:var(--se-muted)}
.se-section[open]>summary:before{transform:rotate(90deg)}
.se-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.se-field{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:11px;color:var(--se-muted)}
.se-field.se-wide{grid-column:1/-1}
.se-field-row{display:flex;gap:3px}
.se-field input,.se-field select{width:100%;min-width:0;padding:6px 7px;border:1px solid var(--se-line);border-radius:6px;background:var(--se-paper);color:var(--se-ink);font-size:12px;height:31px}
.se-field input::placeholder{color:var(--se-muted);opacity:.7}
.se-field input[data-override=true],.se-field select[data-override=true]{border-color:#bfd4ff;background:color-mix(in srgb,var(--se-paper) 90%,#dbe7ff)}
.se-field input[aria-invalid=true]{border-color:#d25d43}
.se-field .se-reset{width:21px;flex:none;padding:0;border:0;background:transparent;font-size:14px;color:var(--se-muted)}
.se-field .se-reset:disabled{opacity:.22}
.se-field-help{font-size:11px;color:var(--se-muted);grid-column:1/-1;margin:0}
.se-component{padding:10px;border:1px solid #e3e6ec;background:#f8f9fb;border-radius:8px;margin:10px 0}
.se-component p{font-size:11px;color:var(--se-muted);margin:6px 0 0}
.se-component .se-btn{width:100%}
.se-selected-actions{display:flex;gap:5px;flex-wrap:wrap;padding:12px 0}
.se-selected-actions button{font-size:11px}
.se-banner{display:flex;align-items:center;gap:9px;padding:9px 15px;background:#fff4de;color:#734b12;font-size:12px;border-bottom:1px solid #e6c982;flex-wrap:wrap;flex:none}
.se-banner[data-kind=error],.se-banner[data-kind=conflict]{background:#fff0ec;color:#913f29;border-color:#e9b9a9}
.se-banner-message{flex:1;min-width:160px}
.se-banner-actions{display:flex;gap:6px}
.se-banner .se-btn{background:#ffffff8c;color:inherit;font-size:11px;min-height:28px;padding:4px 8px}
.se-toast{position:absolute;bottom:40px;left:30px;max-width:520px;z-index:4;background:#263143;color:#fff;padding:10px 16px;border-radius:10px;box-shadow:0 5px 20px #0003;pointer-events:none}
.se-history{position:absolute;inset:0;background:#0004;z-index:5;display:flex;justify-content:flex-end}
.se-history-card{width:min(430px,100%);background:var(--se-card);padding:20px;overflow:auto;box-shadow:-10px 0 35px #0002}
.se-history-top{display:flex;align-items:center;justify-content:space-between}
.se-history-top h2{margin:0;font-size:17px}
.se-history-row{border-top:1px solid var(--se-line);padding:14px 0;display:flex;gap:10px;align-items:center}
.se-history-row>div{flex:1}
.se-history-row strong{font-size:12px}
.se-history-row small{display:block;color:var(--se-muted);font-size:11px;margin-top:3px}
.se-confirm{position:absolute;inset:0;background:#0005;z-index:6;display:grid;place-content:center;padding:18px}
.se-confirm-card{width:min(440px,calc(100vw - 50px));border-radius:12px;padding:22px;background:var(--se-card);box-shadow:0 10px 50px #0004}
.se-confirm h2{margin:0 0 9px;font-size:17px}
.se-confirm p{margin:0 0 18px;color:var(--se-muted)}
.se-confirm-actions{display:flex;gap:8px;justify-content:flex-end}
.se-warnings{font-size:11px;color:#906026;line-height:1.5;max-height:110px;overflow:auto;margin:10px 0}
.se-workspace-live-data .se-workspace{visibility:hidden}
.se-workspace-live-data .pmod{visibility:visible}
.se-mobile-panel{display:none}
.se-preview-switch{font-size:12px}
.se-source-review{color:#835d1c;font-size:11px;line-height:1.5}
.se-field input.se-color{width:31px;min-width:31px;padding:2px;cursor:pointer}
.se-nudges{display:flex;align-items:center;gap:5px;grid-column:1/-1}
.se-nudges .se-btn{padding:4px;width:32px;font-size:17px}
.se-nudges span{font-size:10px;color:var(--se-muted);margin-left:3px}
.se-edited{border-top:0;padding-top:0;margin-bottom:12px}
.se-edited>summary{justify-content:flex-start}
.se-edited .se-muted{margin:8px 0}
.se-edited-list{display:flex;flex-direction:column;gap:5px;max-height:210px;overflow:auto}
.se-edited-row{display:flex;gap:5px;align-items:center}
.se-edited-select{flex:1;min-width:0;border:1px solid var(--se-line);background:var(--se-paper);border-radius:7px;padding:7px 8px;text-align:left}
.se-edited-select strong{display:block;font-size:11px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.se-edited-select small{display:block;color:var(--se-muted);font-size:10px;line-height:1.4;margin-top:2px}
.se-edited-select[aria-pressed=true]{border-color:#bfd4ff;background:color-mix(in srgb,var(--se-paper) 90%,#dbe7ff)}
.se-edited-remove{font-size:10px;padding:5px 7px;min-height:28px}
@media(max-width:1000px){.se-workspace{inset:0;border-radius:0}
.se-header{gap:7px;padding:10px}
.se-brand span{display:none}
.se-header-actions{gap:4px}
.se-status{max-width:110px;overflow:hidden;text-overflow:ellipsis}
.se-panel{width:280px}
.se-toolbar-help{display:none}
.se-location{min-width:100px}
.se-location select{max-width:170px}}
@media(max-width:700px){.se-header{flex-wrap:wrap}
.se-brand{font-size:14px}
.se-location{order:3;max-width:none;flex-basis:100%}
.se-location select{max-width:none}
.se-header-actions{margin-left:auto}
.se-status{font-size:10px;max-width:100px}
.se-header-actions .se-history-label{display:none}
.se-toolbar{gap:6px;padding:7px}
.se-segment button{padding:5px 7px;font-size:11px}
.se-size{font-size:10px}
.se-size input{width:51px}
.se-mobile-panel{display:inline-flex;margin-left:auto}
.se-panel{position:absolute;right:0;top:0;bottom:0;width:min(315px,calc(100% - 42px));box-shadow:-10px 0 30px #0002;z-index:3;transform:translateX(105%);transition:transform .15s}
.se-workspace.se-panel-open .se-panel{transform:none}
.se-canvas-area{padding:12px}
.se-footer{font-size:10px}
.se-mode-note{max-width:65%}
.se-history-card{padding:16px}
.se-banner{padding:8px 10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.se-panel{transition:none}}


/* Document actions and canvas tools occupy stable, separate rows. */
.se-workspace{--se-accent-soft:#eff5ff;--se-shared:#7950b5;--se-shared-soft:#f5f0fc;inset:0;border:0;border-radius:0;box-shadow:none;color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-align:left;letter-spacing:normal}
.se-workspace button{text-transform:none;letter-spacing:normal}
.se-workspace :focus-visible{outline:2px solid var(--se-accent);outline-offset:3px}
.se-workspace ::selection{background:#cfe0ff;color:#173870}
.se-header{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:24px;min-height:68px;padding:12px 20px}
.se-brand{font-size:15px;line-height:1.3;font-weight:700;letter-spacing:-.025em}
.se-brand span{margin-top:3px;font-size:11px;letter-spacing:0}
.se-location{gap:8px;min-width:0;width:min(100%,470px);max-width:none}
.se-location select{flex:1 1 0;width:0;max-width:none}
.se-select,.se-input{min-height:34px;border-radius:7px;padding:6px 9px;box-shadow:0 1px 2px #18223004}
.se-select:hover,.se-input:hover{border-color:#bcc4d1}
.se-header-actions{gap:8px;margin-left:0;min-width:0}
.se-btn{gap:6px;min-height:34px;padding:6px 11px;border-radius:7px;font-weight:500;box-shadow:0 1px 2px #18223004;transition:background-color .12s,border-color .12s,box-shadow .12s}
.se-btn:hover:not(:disabled){background:#f4f6fa;border-color:#bdc6d4}
.se-btn:active:not(:disabled){background:#eaf0f9}
.se-btn.se-primary{padding-inline:17px;font-weight:600;box-shadow:0 1px 3px #2563eb26}
.se-btn.se-primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}
.se-btn.se-danger{color:#b42318}
.se-btn.se-danger:hover:not(:disabled){background:#fff5f3;border-color:#f3c5bf}
.se-icon{width:34px;padding:4px;flex:none}
.se-status{font-size:11px;margin-right:4px}
.se-status:before{height:6px;width:6px;flex:none}
.se-toolbar{flex-wrap:nowrap;min-height:52px;padding:8px 16px;background:#fff;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c8cfd9 transparent}
.se-toolbar>*{flex-shrink:0}
.se-segment{align-items:center;gap:2px;padding:3px;border-radius:8px;background:#f6f7fa;overflow:visible}
.se-segment button{border:0;border-radius:5px;padding:5px 9px;min-height:28px;background:transparent;color:#606b7c;font-size:12px;line-height:1.4;white-space:nowrap}
.se-segment button:hover:not(:disabled){color:var(--se-ink);background:#e9edf4}
.se-segment button[aria-pressed=true],.se-segment button[aria-selected=true]{color:#1d4ed8;background:#fff;box-shadow:0 1px 4px #18223015,0 0 0 1px #18223006;font-weight:600}
.se-segment button[aria-pressed=true]:hover:not(:disabled),.se-segment button[aria-selected=true]:hover:not(:disabled){color:#1d4ed8;background:#fff}
.se-size{gap:6px;font-size:11px;white-space:nowrap}
.se-size input{min-height:32px;padding:4px 6px;font-variant-numeric:tabular-nums}
.se-toolbar-help{font-size:11px;white-space:nowrap}
.se-zoom-controls{display:inline-flex;align-items:center;gap:3px;flex:none;border-left:1px solid var(--se-line);padding-left:10px;font-size:11px;font-variant-numeric:tabular-nums}
.se-zoom-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;padding:4px 7px;border:0;border-radius:5px;background:transparent;white-space:nowrap}
.se-zoom-controls button:hover:not(:disabled){background:#edf2fa;color:var(--se-accent)}
.se-zoom-controls select{max-width:88px;min-height:30px;border:1px solid var(--se-line);border-radius:6px;padding:3px 5px;background:#fff}

/* The website is the principal surface, on a quiet canvas. */
.se-canvas-area{justify-content:flex-start;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9c2d0 transparent}
.se-canvas-space{margin-inline:auto}
.se-canvas{box-shadow:0 2px 5px #18223009,0 12px 35px #18223010,0 0 0 1px #18223008}
.se-loading{background:#edf0f4}
.se-footer{gap:16px;min-height:34px;padding:7px 14px;font-size:10px;line-height:1.5}
.se-mode-note{max-width:76ch}
.se-footer .se-mode-note{flex:1;min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.se-footer .se-zoom-controls{border-left:0;padding-left:0;gap:6px}
.se-shortcut-toggle{flex:none;width:25px;min-height:25px;border:1px solid var(--se-line);border-radius:5px;background:#fff;color:var(--se-muted);font-size:11px}
.se-shortcut-toggle.se-btn{width:26px;min-height:26px;padding:0;font-size:11px}
.se-shortcut-toggle:hover{border-color:#bfd4ff;background:var(--se-accent-soft);color:var(--se-accent)}
[data-se-scale]{flex:none;white-space:nowrap;font-variant-numeric:tabular-nums}

/* Tabs remain visible while the active inspector view scrolls independently. */
.se-panel{width:336px;padding:16px;scrollbar-width:thin;scrollbar-color:#c8cfd9 transparent}
.se-panel:has(>.se-inspector-tabs){display:flex;flex-direction:column;padding:0;overflow:hidden}
.se-inspector-tabs{display:flex;flex:none;align-items:stretch;gap:8px;min-height:47px;padding:0 14px;border-bottom:1px solid var(--se-line);background:#fff;overflow-x:auto}
.se-inspector-tabs button{flex:1 0 auto;min-width:max-content;padding:12px 6px 10px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--se-muted);font-size:12px;font-weight:500;white-space:nowrap}
.se-inspector-tabs button:hover{color:var(--se-ink);background:#f8faff}
.se-inspector-tabs button[aria-selected=true],.se-inspector-tabs button[aria-pressed=true]{color:var(--se-accent);border-bottom-color:var(--se-accent);font-weight:600}
.se-inspector-view{flex:1;min-height:0;padding:16px;overflow:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#c8cfd9 transparent}
.se-selection-header{position:relative;flex:none;z-index:2;margin:0;padding:14px 16px 10px;border-bottom:1px solid var(--se-line);background:#fff}
.se-selection-header .se-path{margin:7px 0 9px}
.se-selection-header .se-scope{margin-bottom:7px}
.se-selection-header .se-scope-note{padding:7px 9px;font-size:11px;line-height:1.55}
.se-selection-header .se-provenance{margin:6px 0 0;font-size:9px;line-height:1.5}
.se-panel h2{margin:0;font-size:14px;line-height:1.45;font-weight:650;letter-spacing:-.015em}
.se-muted{font-size:11px;line-height:1.65;margin:6px 0 12px}
.se-empty{padding:40px 14px;font-size:12px;line-height:1.7}
.se-empty strong{font-size:15px;font-weight:600}
.se-selection-title h2{min-width:0}
.se-selection-title .se-btn{width:29px;min-height:29px;border-color:transparent;background:#f5f7fa;color:var(--se-muted)}
.se-path{flex-wrap:nowrap;gap:3px;margin:9px 0 13px;overflow-x:auto;scrollbar-width:none}
.se-path button{flex:0 1 auto;min-width:28px;max-width:105px;font-size:10px}
.se-path button:hover{color:var(--se-ink);background:#edf1f7}
.se-path button+button:before{content:"/";margin-right:7px;color:#a5adba}
.se-scope{margin:0 0 10px}
.se-scope button{min-width:0;padding-inline:5px;font-size:11px}
.se-scope-note{margin:8px 0 0;padding:9px 10px;border-color:#dce7fa;border-radius:7px;background:#f4f8ff;color:#4d6488;font-size:11px;line-height:1.65;overflow-wrap:anywhere}
.se-scope-note[data-shared=true]{border-color:#e9def8;background:var(--se-shared-soft);color:#73548f;font-weight:400}
.se-selection-header:has(.se-scope-chip[data-scope=shared]) .se-scope button[aria-pressed=true],.se-selection-header:has(.se-scope-chip[data-scope=page]) .se-scope button[aria-pressed=true]{color:var(--se-shared);background:#fff;box-shadow:0 1px 4px #7950b518,0 0 0 1px #7950b50a}
.se-selection-header:has(.se-scope-chip[data-scope=shared]) .se-scope button[aria-pressed=true]:hover:not(:disabled),.se-selection-header:has(.se-scope-chip[data-scope=page]) .se-scope button[aria-pressed=true]:hover:not(:disabled){color:var(--se-shared);background:#fff}
.se-scope-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;margin-bottom:8px;border:1px solid #dce7fa;border-radius:5px;padding:3px 7px;background:#f4f8ff;color:#315d9e;font-size:11px;font-weight:600;line-height:1.5}
.se-scope-chip[data-scope=shared],.se-scope-chip[data-scope=page],.se-scope-chip[data-shared=true]{border-color:#e6d9f5;background:var(--se-shared-soft);color:var(--se-shared)}
.se-scope-chip[data-scope=protected]{border-color:var(--se-line);background:#f3f4f6;color:var(--se-muted)}
.se-provenance{margin:8px 0 12px;font-size:10px;line-height:1.65}
.se-badge{padding:1px 6px;border-radius:5px;font-weight:600}

/* An intentional control grid replaces wrapping rows of unrelated pills. */
.se-quick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:6px}
.se-quick>h3{grid-column:1/-1;margin:17px 0 4px;font-size:11px;line-height:1.5;font-weight:650;color:#475467}
.se-quick>.se-muted,.se-quick>.se-slider{grid-column:1/-1;margin:4px 0}
.se-quick>.se-layout-controls,.se-quick>.se-inheritance,.se-quick>.se-size-modes{grid-column:1/-1}
.se-quick>.se-btn{grid-column:span 2;min-width:0;min-height:34px;padding:5px 6px;font-size:12px}
.se-quick>.se-btn:first-child,.se-quick>[data-card-align]{grid-column:1/-1}
.se-quick .se-part{color:var(--se-shared)}
.se-swatch{grid-column:span 2;justify-content:space-between;gap:6px;min-width:0;margin:6px 0;padding:4px 6px;border:1px solid var(--se-line);border-radius:6px;color:#475467;font-size:10px}
.se-swatch input{flex:none;width:25px;height:25px;padding:1px;border:0;border-radius:4px;cursor:pointer}
.se-slider{display:grid;grid-template-columns:1fr auto;gap:4px 10px;color:#475467;font-size:12px}
.se-slider output{min-width:45px;border-radius:5px;padding:2px 5px;background:#f4f6fa;color:#526177;text-align:right;font-size:10px}
.se-slider input{grid-column:1/-1;height:20px;margin:3px 0 5px;cursor:ew-resize}
.se-inheritance{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px;margin:7px 0 12px;padding:8px 9px;border:1px solid var(--se-line);border-radius:6px;background:#f8f9fb;color:var(--se-muted);font-size:10px;line-height:1.55}
.se-inheritance strong{color:#475467;font-weight:600}
.se-inheritance[data-override=true],.se-inheritance[data-origin=override]{background:var(--se-accent-soft);border-color:#d6e4ff;color:#315d9e}
.se-inheritance button{margin-left:auto;padding:2px 4px;border:0;border-radius:4px;background:transparent;color:var(--se-accent);font-size:10px;text-decoration:underline;text-underline-offset:2px}
.se-layout-controls{display:grid;gap:10px;margin:14px 0;padding:13px 0;border-top:1px solid var(--se-line);border-bottom:1px solid var(--se-line)}
.se-layout-controls h3{margin:0;font-size:11px;font-weight:650}
.se-layout-controls label{display:grid;gap:5px;min-width:0;color:#475467;font-size:11px}
.se-layout-controls select,.se-layout-controls input{width:100%;min-width:0;min-height:33px;padding:5px 7px;border:1px solid var(--se-line);border-radius:6px;background:#f8f9fb}
.se-layout-controls .se-muted{margin:0;font-size:10px}
.se-size-modes{display:flex;gap:3px;align-items:center;min-width:0;padding:3px;border:1px solid var(--se-line);border-radius:7px;background:#f5f7fa}
.se-size-modes button{flex:1;min-width:0;min-height:28px;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--se-muted);font-size:11px;white-space:nowrap}
.se-size-modes button[aria-pressed=true],.se-size-modes button[aria-selected=true]{color:#1d4ed8;background:#fff;box-shadow:0 1px 3px #18223014;font-weight:600}
.se-size-modes .se-select{flex:1;min-width:0;width:100%;max-width:none;min-height:30px;border:0;background:transparent;box-shadow:none}
.se-size-modes .se-input{flex:0 1 40%;min-width:0;width:40%;min-height:30px;border:1px solid var(--se-line);border-radius:4px;background:#fff;box-shadow:none}
.se-shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;margin:16px 0 4px;color:#7a8495;font-size:10px;line-height:1.8}
.se-shortcuts kbd{display:inline-block;padding:0 4px;border:1px solid #e0e4eb;border-radius:4px;background:#f8f9fb;box-shadow:0 1px 0 #e7eaf0;color:#5e6a7c;font-family:inherit;font-size:10px;line-height:1.65}
.se-stage>.se-shortcuts{position:absolute;right:12px;bottom:48px;z-index:5;max-width:min(350px,calc(100% - 24px));margin:0;padding:14px 16px;border:1px solid var(--se-line);border-radius:9px;background:#fff;box-shadow:0 8px 28px #18223020;color:#536078;font-size:11px}
.se-focal-grid{display:grid;grid-template-columns:repeat(3,30px);gap:3px;grid-column:1/-1;justify-content:start;margin:4px 0 8px;padding:4px;width:max-content;border:1px solid var(--se-line);border-radius:7px;background:#f5f7fa}
.se-focal-grid button{display:grid;place-content:center;width:30px;min-height:28px;padding:0;border:0;border-radius:4px;background:transparent;color:#7c889b;font-size:12px}
.se-focal-grid button:hover{background:#e6edfa;color:var(--se-accent)}
.se-focal-grid button[aria-pressed=true]{background:#fff;color:var(--se-accent);box-shadow:0 1px 3px #18223014}

/* Component and change lists can use the full height of their own tabs. */
.se-library-list,.se-edited-list{max-height:none;overflow:visible}
.se-library-item{padding:12px 0}
.se-library-item>summary{font-weight:600}
.se-library-part{min-height:29px!important;margin:4px 4px 0 0;padding:4px 8px!important;border-color:#e6dff0;background:#fcfaff;color:var(--se-shared)!important}
.se-library-instance{width:100%;margin:3px 0;padding:7px 8px;border-radius:5px;color:#536078}
.se-library-instance:hover{background:#f2f5fa;color:var(--se-ink);text-decoration:none}
.se-instances{margin-top:12px;color:var(--se-muted)}
.se-instances>summary{cursor:pointer}
.se-component{margin:12px 0;padding:11px}
.se-component p{margin-top:7px;font-size:10px;line-height:1.65}
.se-component .se-btn{color:var(--se-accent);background:#fff}
.se-edited-list{gap:8px}
.se-edited-select{padding:10px 11px;background:#fafbfc}
.se-edited-select strong{font-weight:600}
.se-edited-select small{line-height:1.55}
.se-edited-select:hover{border-color:#b6c9ed}
.se-edited-select[aria-pressed=true]{background:var(--se-accent-soft);border-color:#c6d9fc}
.se-edited-remove{min-height:30px}
.se-advanced{margin-top:18px}
.se-section{padding:13px 0}
.se-section>summary{gap:7px;color:#475467;font-size:11px;font-weight:600}
.se-section>summary::-webkit-details-marker{display:none}
.se-section>summary:before{color:#8a94a3;line-height:1;transition:transform .12s}
.se-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 9px;margin-top:13px}
.se-field{gap:5px;font-size:10px}
.se-field input,.se-field select{height:33px;padding:5px 7px;background:#f8f9fb}
.se-field input::placeholder{color:#8b95a5;opacity:1}
.se-field input[data-override=true],.se-field select[data-override=true]{border-color:#bfd4ff;background:#f1f6ff;color:#2458af}
.se-field input[aria-invalid=true]{border-color:#e5a096;background:#fff8f6}
.se-field .se-reset{width:23px;border-radius:4px;color:#7e899a}
.se-field .se-reset:hover:not(:disabled){background:#edf2fa;color:var(--se-accent)}
.se-field-help{font-size:10px}
.se-selected-actions{gap:6px;padding:13px 0}
.se-selected-actions button{font-size:10px;min-height:30px}

/* Canvas controls are parent-owned; blue means custom, purple means shared. */
.se-canvas-tools{border-color:#d5dfed;background:#fff;color:#395275;box-shadow:0 5px 18px #1822301a,0 1px 3px #1822300a}
.se-canvas-tools[data-shared=true]{border-color:#d9c8ec;background:#fff;color:var(--se-shared)}
.se-canvas-tools button{min-height:29px}
.se-canvas-tools button:hover:not(:disabled){background:#f0f4fb}
.se-canvas-tools button[aria-pressed=true]{background:var(--se-accent)}
.se-canvas-tools[data-shared=true] button[aria-pressed=true]{background:var(--se-shared)}
.se-canvas-tools button[aria-pressed=true]:hover:not(:disabled){background:#1d4ed8;color:#fff}
.se-canvas-tools[data-shared=true] button[aria-pressed=true]:hover:not(:disabled){background:#69409f;color:#fff}
.se-canvas-scope{font-size:10px;font-weight:600}
.se-text-hit{position:absolute;z-index:3;display:block;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:text}
.se-navigation{display:flex;gap:6px;margin-top:10px;align-items:center}
.se-navigation select{flex:1;min-width:0;width:0}
.se-navigation .se-icon{flex:none;width:30px;min-width:30px}
.se-inline-shield{position:absolute;z-index:4;display:block;appearance:none;margin:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;cursor:default;touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent}
.se-inline-text{min-width:0;padding:0;background:transparent;outline:1px solid var(--se-accent);outline-offset:3px;box-shadow:none;line-height:normal}
.se-inline-text:focus-visible{outline:1px solid var(--se-accent);outline-offset:0}
/* Recovery is parent chrome: replace copied page typography only while detached. */
.se-inline-text[data-detached=true],.se-inline-text[data-presentation=panel]{min-height:0!important;max-height:min(320px,var(--se-recovery-max-height,45vh))!important;padding:14px!important;border:1px solid #c6cfdd!important;border-radius:8px;background:#fff!important;color:var(--se-ink)!important;font:14px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:normal!important;word-spacing:normal!important;text-align:start!important;text-indent:0!important;text-transform:none!important;text-decoration:none!important;white-space:pre-wrap!important;word-break:normal!important;overflow-wrap:anywhere!important;writing-mode:horizontal-tb!important;box-shadow:0 8px 28px #18223024;overflow:auto;user-select:text;cursor:text}
.se-inline-layout-note{flex-basis:100%!important;white-space:normal!important;font-size:11px;max-width:520px}
.se-inline-actions:has(.se-inline-layout-note:not([hidden])){flex-wrap:wrap}
.se-inline-actions{position:absolute;left:50%;bottom:54px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);gap:8px;padding:8px 10px;border:1px solid #303a4c;background:#263143;box-shadow:0 6px 22px #18223026;z-index:6}
.se-inline-actions>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.se-inline-actions button{min-height:29px;padding:5px 10px;color:#24324b;font-weight:600}
.se-inline-actions button{flex:none}
.se-inline-actions [data-inline-cancel]{background:#ffffff14;color:#e3e9f2;font-weight:400}
.se-gesture-handle:focus-visible{outline:2px solid var(--se-accent)!important;outline-offset:4px}
.se-gesture-handle:before{content:"";position:absolute;inset:-4px}
.se-toast{bottom:46px;left:24px;max-width:min(520px,calc(100% - 48px));padding:11px 15px;border-radius:8px;box-shadow:0 6px 22px #18223026;font-size:12px}
.se-history{background:#20293852}
.se-history-card{width:min(440px,100%);padding:24px;box-shadow:-8px 0 40px #18223020}
.se-history-top{gap:12px;margin-bottom:14px}
.se-history-top h2{font-weight:650;letter-spacing:-.025em}
.se-history-row{gap:12px;padding:16px 0}
.se-history-row>div{min-width:0}
.se-history-row strong{font-weight:600}
.se-history-row small{margin-top:4px}
.se-confirm{background:#20293866}
.se-confirm-card{width:min(440px,calc(100vw - 36px));padding:25px;border:1px solid #ffffff80;box-shadow:0 18px 70px #18223033}
.se-confirm h2{margin-bottom:11px;font-size:18px;line-height:1.35;font-weight:650;letter-spacing:-.025em}
.se-confirm p{margin-bottom:22px;line-height:1.7}

@media(max-width:1250px){
  .se-toolbar-help{display:none}
  .se-header{gap:16px}
  .se-brand span{display:none}
  .se-panel{width:310px}
}
@media(max-width:1000px){
  .se-header{min-height:60px;gap:12px;padding:10px 14px}
  .se-header-actions{gap:5px}
  .se-status{max-width:94px;font-size:10px}
  .se-header-actions .se-history-label{display:none}
  .se-toolbar{gap:7px;padding-inline:12px}
  .se-panel{width:296px}
  .se-canvas-scope{display:none}
}
@media(max-width:700px){
  .se-header{position:relative;grid-template-columns:1fr auto;gap:9px 10px;min-height:auto;padding:10px 12px}
  .se-brand{font-size:14px}
  .se-header-actions{grid-column:2;grid-row:1;margin-left:0}
  .se-location{grid-column:1/-1;grid-row:2;width:calc(100% - 92px);margin-left:92px}
  .se-location select{min-height:33px;font-size:12px}
  .se-status{display:flex;position:absolute;left:12px;bottom:20px;max-width:84px;margin:0;font-size:10px;line-height:14px}
  .se-header-actions .se-btn{min-height:32px}
  .se-header-actions .se-primary{padding-inline:12px}
  .se-toolbar{min-height:49px;gap:7px;padding:7px 10px}
  .se-segment button{padding:5px 7px;font-size:11px}
  .se-size{font-size:10px}
  .se-size input{width:55px}
  .se-mobile-panel{display:inline-flex;margin-left:0}
  .se-panel{width:min(336px,calc(100% - 30px));box-shadow:-12px 0 35px #1822301f;transition:transform .16s ease-out}
  .se-canvas-area{padding:12px}
  .se-canvas-tools{gap:1px;max-width:calc(100vw - 24px);padding:4px}
  .se-canvas-tools button{min-height:30px;padding-inline:6px;font-size:10px}
  .se-footer{min-height:31px;gap:8px;padding:6px 10px;font-size:9px}
  .se-mode-note{max-width:67%}
  .se-history-card{padding:18px}
  .se-toast{left:12px;max-width:calc(100% - 24px);font-size:11px}
  .se-inline-actions{gap:6px;padding:7px;font-size:10px}
  .se-inline-actions>span{max-width:130px}
}
@media(pointer:coarse){
  .se-gesture-handle:before{inset:-9px}
  .se-slider input{height:28px}
  .se-library-instance{min-height:36px}
}
@media(prefers-reduced-motion:reduce){
  .se-workspace *,.se-workspace *:before{transition:none!important}
}
.se-read-only .se-panel,.se-read-only .se-panel-resizer,.se-read-only .se-desktop-panel-toggle,.se-read-only [data-action="panel"]{display:none!important}