/* Product surfaces share the existing theme tokens; motion never carries state. */
.account-security-page { max-width:1040px; padding-bottom:72px; }
.account-section-nav { display:flex; gap:28px; border-bottom:1px solid var(--border); margin-bottom:30px; overflow-x:auto; }
.account-section-nav a { display:flex; align-items:center; min-height:48px; white-space:nowrap; color:var(--muted); font-size:14px; border-bottom:2px solid transparent; }
.account-section-nav a[aria-current] { color:var(--accent-text); border-color:var(--accent); font-weight:600; }
#account-security-content { display:grid; gap:22px; }
.security-summary { display:flex; gap:18px; align-items:center; padding:25px 28px; border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); }
.security-summary > .icon { color:var(--accent-text); width:27px; height:27px; }
.security-summary > div { flex:1; }
.security-summary h2 { font-size:17px; font-weight:600; margin-bottom:6px; }
.security-summary p,.security-section-heading p { color:var(--muted); font-size:14px; line-height:1.75; }
.security-badge { padding:6px 10px; border-radius:6px; background:var(--soft); font-size:12px; white-space:nowrap; }
.security-badge.is-verified { background:var(--success-bg); color:var(--success); }
.security-feedback { font-size:14px; line-height:1.7; color:var(--success); }
.security-feedback:empty { display:none; }
.security-feedback.is-error { color:var(--danger); }
.security-section { padding:26px 28px; border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); }
.security-section-heading { margin-bottom:22px; }
.security-section-heading h2 { font-size:16px; margin-bottom:8px; }
.security-admin-note { display:flex; align-items:flex-start; gap:15px; padding:20px 24px; background:var(--accent-soft); border:1px solid var(--welcome-line); border-radius:var(--radius); }
.security-admin-note > .icon { width:19px; height:19px; color:var(--accent-text); margin-top:2px; }
.security-admin-note h3 { font-size:14px; margin-bottom:7px; }
.security-admin-note p { font-size:13px; line-height:1.8; color:var(--muted); max-width:650px; }
.security-admin-note p + p { margin-top:6px; color:var(--accent-text); }
.security-verify-form,.security-enroll-form { display:flex; gap:16px; align-items:flex-start; flex-wrap:wrap; }
.security-verify-form > .field,.security-enroll-form > .field { flex:1; min-width:180px; max-width:380px; }
.security-verify-form > .field { flex:0 1 240px; }
.security-verify-form > button,.security-enroll-form > button { margin-top:27px; }
#account-security-content .field { display:flex; flex-direction:column; gap:8px; }
#account-security-content .field > span { font-size:13px; font-weight:500; }
#account-security-content input,#account-security-content select { width:100%; min-width:0; min-height:44px; }
#account-security-content .field-hint { font-size:12px; line-height:1.7; color:var(--muted); }
#account-security-content button { min-height:44px; }
.security-code { font-family:ui-monospace,monospace; letter-spacing:.32em; max-width:210px; }
.security-setup-steps { margin:0; padding-left:24px; }
.security-setup-steps > li { padding:0 0 24px 10px; }
.security-setup-steps > li:last-child { padding-bottom:12px; }
.security-setup-steps > li::marker { color:var(--accent-text); font-weight:600; }
.security-setup-steps h3 { font-size:14px; margin-bottom:8px; }
.security-setup-steps p { font-size:13px; line-height:1.8; color:var(--muted); margin-bottom:14px; }
.security-key-row { display:flex; align-items:center; gap:12px; }
.security-key-row > input { flex:1; }
.security-key-row > button { flex-shrink:0; }
.security-secret { font-family:ui-monospace,monospace; font-size:15px; letter-spacing:.06em; background:var(--soft); }
.security-manual-link { margin:18px 0 0; font-size:13px; }
.security-manual-link > summary { color:var(--accent-text); cursor:pointer; min-height:32px; }
.security-manual-link > .field { margin:10px 0 14px; }
.security-factor-row { display:flex; align-items:center; gap:15px; padding:20px 0; border-top:1px solid var(--border); }
.security-factor-row > .icon { width:18px; height:18px; color:var(--subtle); }
.security-factor-row > div:not(.security-factor-actions) { flex:1; min-width:0; }
.security-factor-row h3 { font-size:14px; margin-bottom:5px; overflow-wrap:anywhere; }
.security-factor-row p { font-size:12px; color:var(--muted); line-height:1.8; }
.security-factor-actions { display:flex; align-items:center; gap:15px; flex-wrap:wrap; }
.security-factor-name { font-size:14px; font-weight:600; margin-bottom:12px; overflow-wrap:anywhere; }
.security-removal > .button { margin-top:12px; }
.security-continue { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:4px 0; }
.security-continue p { color:var(--success); font-size:14px; }
.security-help { padding:2px 4px; font-size:13px; color:var(--muted); line-height:1.8; }
.security-help > summary { cursor:pointer; min-height:44px; color:var(--text); }
.security-help > p { max-width:640px; padding-bottom:15px; }
@media(max-width:640px) {
  .account-section-nav { gap:22px; }
  .security-summary { padding:22px 20px; flex-wrap:wrap; }
  .security-summary > div { min-width:180px; }
  .security-summary > .security-badge { margin-left:45px; }
  .security-section { padding:22px 20px; }
  .security-admin-note { padding:18px; }
  .security-verify-form,.security-enroll-form { flex-direction:column; }
  .security-verify-form > .field,.security-enroll-form > .field { flex:initial; max-width:none; width:100%; }
  .security-verify-form > button,.security-enroll-form > button { margin-top:0; width:100%; }
  .security-key-row { align-items:stretch; flex-direction:column; gap:10px; }
  .security-factor-row { flex-wrap:wrap; }
  .security-factor-actions { width:100%; padding-left:33px; }
  .security-continue { align-items:stretch; flex-direction:column; }
}
:root { --sidebar-width:224px; --radius:10px; }
button,a,input,select,textarea,summary { transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease,box-shadow 160ms ease; }
button:disabled { cursor:not-allowed; }
select { min-height:42px; padding-right:32px; }
.button,.icon-button { min-height:40px; }
.button-primary { box-shadow:0 1px 2px rgb(24 42 92 / 12%); }
.button-primary:active { box-shadow:none; }
.button[aria-busy="true"] > .icon { animation:working 900ms ease-in-out infinite alternate; }
@keyframes working { from { opacity:.35; } to { opacity:1; } }
.page:not([hidden]) { animation:page-enter 180ms ease-out; }
@keyframes page-enter { from { opacity:.35; transform:translateY(5px); } to { opacity:1; transform:none; } }
.sidebar { padding:25px 16px 18px; border-right:1px solid var(--border); }
.sidebar > .brand { margin:0 12px 27px; }
.side-nav a { min-height:44px; border-radius:7px; font-size:13px; }
.side-nav a.is-active { background:var(--accent-soft); color:var(--accent-text); }
.sidebar .workspace-switch { margin:0 4px 24px; padding:12px; }
.sidebar-note { background:transparent; border:0; border-top:1px solid var(--border); padding:18px 10px 12px; }
.sidebar-note p { font-size:12px; line-height:1.7; }
.topbar { height:68px; border-bottom:1px solid var(--border); }
.collapse-sidebar .icon { width:19px; height:19px; }
.topbar .environment-badge { display:none; }
.breadcrumb { gap:12px; }
.workspace-switch > div > span { font-size:11px; }
.sidebar-collapsed { --sidebar-width:76px; }
.sidebar-collapsed .sidebar { padding-inline:12px; }
.sidebar-collapsed .sidebar > .brand { margin-inline:4px; }
.sidebar-collapsed .sidebar > .brand > span:last-child,
.sidebar-collapsed .workspace-switch,.sidebar-collapsed .sidebar .nav-heading,
.sidebar-collapsed .side-nav a > span,.sidebar-collapsed .sidebar-bottom { display:none; }
.sidebar-collapsed .side-nav { margin-top:22px; }
.sidebar-collapsed .side-nav a { justify-content:center; padding:0; }
.sidebar-collapsed .collapse-sidebar .icon { transform:rotate(180deg); }
.section-tabs { display:flex; align-items:center; gap:20px; border-bottom:1px solid var(--border); min-height:53px; padding:0 21px; overflow:auto; }
.section-tabs > button,.section-tabs > a { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-height:52px; padding:0 2px; background:transparent; border:0; border-bottom:2px solid transparent; font-size:13px; color:var(--muted); }
.section-tabs > [aria-selected="true"],.section-tabs > .is-active { color:var(--accent-text); border-bottom-color:var(--accent); font-weight:600; }
.section-tabs > button:hover,.section-tabs > a:hover { color:var(--text); }
.obfuscator-page { max-width:1600px; padding:32px 34px; }
.obfuscator-page .page-heading { align-items:center; margin-bottom:28px; }
.obfuscator-page h1 { font-size:27px; letter-spacing:-.8px; }
.obfuscator-page .eyebrow { font-size:10px; margin-bottom:7px; }
.obfuscator-page .page-heading p:not(.eyebrow) { font-size:13px; margin-top:7px; }
.workspace-stage { display:grid; grid-template-columns:minmax(0,1fr) 308px; gap:22px; align-items:start; }
.workspace-editor { min-width:0; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; background:var(--surface); }
.workspace-editor > .section-tabs { background:var(--surface); }
.workspace-grid.editor-pair { display:block; margin:0; }
.workspace-editor .editor-panel,.workspace-editor .build-results { border:0; border-radius:0; box-shadow:none; margin:0; }
.workspace-editor .panel-toolbar { padding:18px 20px; }
.workspace-editor .panel-toolbar h2 { font-size:15px; }
.workspace-editor .editor-actions { padding:0 20px 15px; border:0; }
.workspace-editor .editor-body,.workspace-editor .code-editor,.workspace-editor .output-code,.workspace-editor .output-empty { min-height:440px; height:440px; }
.workspace-editor #source { min-height:0; height:100%; font-size:13px; line-height:1.85; }
.workspace-editor .line-numbers { font-size:13px; line-height:1.85; }
.workspace-editor .editor-footer { font-size:11px; padding:12px 20px; }
.workspace-editor .output-empty { background:var(--surface); }
.workspace-editor .output-empty p { font-size:13px; }
.workspace-editor .build-results { min-height:594px; }
.obfuscator-page .build-settings { margin:0; overflow:hidden; }
.configuration-title { display:flex; align-items:center; gap:10px; padding:18px 20px 0; }
.configuration-title h2 { font-size:14px; }
.configuration-title .icon { width:17px; height:17px; color:var(--subtle); }
.build-settings > .section-tabs { gap:19px; padding:0 20px; }
.configuration-general .basic-settings { display:flex; flex-direction:column; align-items:stretch; padding:22px 20px 12px; gap:18px; }
.configuration-general .field label,.advanced-field label { font-size:12px; }
.configuration-general .basic-settings .check-field { margin:0; font-size:12px; }
.configuration-general .settings-caption { padding:8px 20px 22px; font-size:12px; line-height:1.7; }
.build-settings .advanced-settings { border:0; }
.build-settings .advanced-grid { display:flex; flex-direction:column; gap:19px; padding:18px 20px 24px; max-height:600px; overflow:auto; }
.build-settings .advanced-intro { padding:18px 20px 0; font-size:12px; }
.build-settings .advanced-field p { font-size:11px; line-height:1.6; }
.workspace-disclosure { font-size:12px; line-height:1.65; align-items:flex-start; max-width:calc(100% - 330px); margin:18px 0; }
.workspace-disclosure > .icon { margin-top:4px; }
.workspace-disclosure .text-button { font-size:11px; white-space:normal; min-width:88px; }
.workspace-auth-notice { display:flex; align-items:center; gap:16px; background:var(--accent-soft); border:1px solid var(--welcome-line); padding:14px 18px; border-radius:8px; margin-bottom:22px; }
.workspace-auth-notice > .icon { color:var(--accent-text); }
.workspace-auth-notice > div { flex:1; }
.workspace-auth-notice strong { font-size:13px; }
.workspace-auth-notice p { font-size:12px; margin-top:2px; }
.macro-panel { padding:20px; }
.macro-panel > .field-hint { font-size:12px; line-height:1.7; }
.macro-empty { padding:26px 0; font-size:12px; }
.macro-rows { display:grid; gap:18px; margin:20px 0; }
.macro-row { display:grid; grid-template-columns:minmax(0,1fr) 94px 28px; gap:12px 8px; border-bottom:1px solid var(--border); padding-bottom:18px; }
.macro-row label { min-width:0; }
.macro-row label > span { display:block; font-size:11px; font-weight:600; margin-bottom:6px; }
.macro-row label:nth-child(3) { grid-column:1/3; }
.macro-row input,.macro-row select { width:100%; min-width:0; }
.macro-remove { grid-column:3; grid-row:1; align-self:end; padding:0; min-width:28px; }
.macro-remove .icon { width:15px; }
.empty-state { display:flex; flex-direction:column; align-items:center; text-align:center; padding:68px 30px; min-height:240px; }
.empty-state > .icon { width:27px; height:27px; margin-bottom:20px; color:var(--subtle); }
.empty-state h2 { font-size:20px; letter-spacing:-.5px; }
.empty-state p { max-width:450px; font-size:14px; line-height:1.8; margin-top:10px; }
.empty-state .button { margin-top:22px; }
.empty-state.is-error > .icon { color:var(--danger); }
body:is([data-page="blog"],[data-page="blogArticle"]) .sidebar,
body:is([data-page="blog"],[data-page="blogArticle"]) .topbar,
body:is([data-page="blog"],[data-page="blogArticle"]) .page-footer { display:none; }
body:is([data-page="blog"],[data-page="blogArticle"]) .app-shell { margin-left:0; }
body:is([data-page="blog"],[data-page="blogArticle"]) .public-header,
body:is([data-page="blog"],[data-page="blogArticle"]) .public-footer { display:block; }
body:is([data-page="blog"],[data-page="blogArticle"]) { background:var(--surface); }
body[data-page="guide"] .page { max-width:1500px; padding:0 34px 72px; }
.documentation { display:grid; grid-template-columns:228px minmax(0,730px) 170px; gap:40px; padding-top:34px; }
.documentation-sidebar { border-right:1px solid var(--border); padding-right:24px; position:sticky; top:100px; height:calc(100vh - 130px); overflow:auto; }
.docs-search { position:relative; margin-bottom:25px; }
.docs-search .icon { position:absolute; width:16px; height:16px; top:14px; left:12px; color:var(--subtle); }
.docs-search input { width:100%; min-height:43px; padding-left:35px; font-size:12px; background:var(--canvas); }
.docs-navigation-toggle { display:none; }
.docs-nav-group { margin-bottom:25px; }
.docs-nav-group h2 { font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--subtle); margin-bottom:7px; }
.docs-nav-group a { display:block; font-size:12px; padding:7px 10px; margin-left:-10px; border-radius:5px; }
.docs-nav-group a:hover { background:var(--canvas); }
.docs-nav-group a.is-active { color:var(--accent-text); background:var(--accent-soft); font-weight:600; }
.documentation-article { padding:20px 0 30px; min-width:0; }
.documentation-article h1,.blog-article h1 { font-size:clamp(30px,3vw,43px); letter-spacing:-1.3px; line-height:1.18; margin:16px 0 20px; }
.documentation-article .article-lead,.blog-article .article-lead { font-size:16px; line-height:1.85; }
.article-meta { color:var(--subtle); font-size:12px; padding:20px 0 26px; border-bottom:1px solid var(--border); }
.article-breadcrumb { font-size:12px; color:var(--accent-text); }
.documentation-article > section { margin-top:40px; scroll-margin-top:110px; }
.documentation-article h2,.blog-article h2 { font-size:23px; letter-spacing:-.6px; margin:0 0 16px; }
.documentation-article section > p,.blog-article > p:not(.eyebrow,.article-meta,.article-lead) { font-size:14px; line-height:1.9; margin:15px 0; }
.documentation-article ul,.documentation-article ol,.blog-article ul { padding-left:23px; font-size:14px; color:var(--muted); line-height:1.9; }
.documentation-article li,.blog-article li { margin:9px 0; }
.article-code { margin:23px 0; border:1px solid var(--border); border-radius:8px; overflow:hidden; }
.article-code figcaption { padding:9px 16px; font-size:11px; background:var(--soft); color:var(--muted); border-bottom:1px solid var(--border); }
.article-code pre { padding:19px; background:var(--canvas); font:12px/1.85 Consolas,monospace; overflow:auto; }
.article-table-wrap,.data-table-wrap { overflow:auto; border:1px solid var(--border); border-radius:8px; margin:24px 0; }
.article-table-wrap table,.data-table { border-collapse:collapse; width:100%; text-align:left; font-size:12px; }
.article-table-wrap th,.article-table-wrap td,.data-table th,.data-table td { padding:14px 16px; border-bottom:1px solid var(--border); vertical-align:top; min-width:90px; }
.article-table-wrap th,.data-table th { background:var(--canvas); font-weight:600; color:var(--muted); }
.article-table-wrap tr:last-child td,.data-table tr:last-child td { border-bottom:0; }
.article-callout { padding:18px 20px; border-left:3px solid var(--accent); background:var(--accent-soft); border-radius:0 7px 7px 0; margin:24px 0; }
.article-callout strong { font-size:13px; }
.article-callout p { font-size:13px; line-height:1.8; margin-top:7px; }
.article-callout.warning { border-color:var(--subtle); background:var(--soft); }
.documentation-toc { position:sticky; top:123px; align-self:start; padding-top:20px; }
.documentation-toc > a { display:block; font-size:11px; color:var(--muted); border-left:1px solid var(--border); padding:6px 0 6px 13px; }
.documentation-toc > a:hover { color:var(--accent-text); border-color:var(--accent); }
.docs-topic-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px 38px; margin-top:40px; }
.docs-topic-grid h2 { font-size:17px; padding-bottom:14px; border-bottom:1px solid var(--border); margin-bottom:8px; }
.docs-topic-grid a { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:10px 0; font-size:13px; color:var(--muted); }
.docs-topic-grid .icon { width:13px; height:13px; }
.docs-topic-grid a:hover,.related-articles a:hover { color:var(--accent-text); }
.docs-search-result { display:block; border-bottom:1px solid var(--border); padding:24px 0; }
.docs-search-result h2 { font-size:19px; margin-bottom:8px; }
.docs-search-result p { font-size:13px; }
.docs-search-result > span { display:block; font-size:11px; color:var(--subtle); margin-top:12px; }
.related-articles { margin-top:48px; border-top:1px solid var(--border); padding-top:28px; }
.related-articles h2 { font-size:16px; }
.related-articles a { display:flex; justify-content:space-between; font-size:13px; padding:13px 0; }
.related-articles .icon { width:16px; }
.blog-page { max-width:1120px; padding:58px 40px 100px; }
.blog-page .public-page-heading { text-align:left; max-width:660px; padding:0; margin:0 0 56px; }
.blog-page .public-page-heading h1 { font-size:clamp(37px,5vw,62px); }
.blog-list { border-top:1px solid var(--border); }
.blog-post { display:grid; grid-template-columns:190px minmax(0,1fr) 28px; gap:32px; padding:35px 0; border-bottom:1px solid var(--border); align-items:center; }
.blog-post-meta { display:flex; flex-direction:column; align-items:flex-start; gap:15px; }
.blog-post time { font-size:12px; color:var(--subtle); }
.blog-post h2 { font-size:24px; letter-spacing:-.6px; margin-bottom:12px; }
.blog-post p { font-size:14px; line-height:1.8; max-width:610px; }
.blog-post:hover h2 { color:var(--accent-text); }
.blog-article { max-width:730px; margin:0 auto; }
.blog-article > .text-link { margin-bottom:37px; }
.blog-article > h2 { margin-top:37px; }
body[data-blog-article="true"] .blog-page-heading { display:none; }
.session-shortcuts { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.user-area-page { max-width:1400px; padding:34px; }
.profile-form { max-width:660px; padding:30px; }
.profile-form > p { font-size:13px; line-height:1.8; margin:12px 0 28px; }
.profile-form .field,.project-form .field { display:block; margin:22px 0; }
.profile-form .field > span,.project-form .field > span,.user-area-page .content-toolbar .field > span { display:block; font-size:12px; font-weight:600; margin-bottom:8px; }
.profile-form input,.profile-form select,.project-form input,.project-form select { width:100%; }
.profile-form input[readonly] { background:var(--canvas); color:var(--muted); }
.form-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.user-area-page .content-toolbar { align-items:flex-end; }
.user-area-page .content-toolbar .field { min-width:220px; margin:0; }
.project-editor { margin:25px 0; }
.project-form { max-width:700px; padding:26px; }
.project-form .form-actions { margin-top:24px; }
.project-list { margin-top:26px; }
.project-row { display:flex; align-items:center; gap:18px; padding:24px; border:1px solid var(--border); border-radius:9px; background:var(--surface); margin-bottom:12px; }
.project-avatar { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--border); border-radius:9px; color:var(--accent-text); font-weight:600; background:var(--accent-soft); }
.project-row h2 { font-size:16px; }
.project-row p { font-size:12px; margin-top:4px; }
.project-meta { margin-left:auto; text-align:right; display:flex; flex-direction:column; font-size:11px; color:var(--subtle); gap:6px; }
.history-note { font-size:13px; line-height:1.8; max-width:730px; }
.build-state { display:inline-block; border-radius:20px; padding:3px 8px; background:var(--soft); font-size:11px; white-space:nowrap; }
.build-state.completed { background:var(--success-bg); color:var(--success); }
.build-state.failed { color:var(--danger); }
.admin-page { max-width:1400px; padding:34px; }
.admin-page .page-heading { margin-bottom:22px; }
.admin-navigation { padding:0; margin-bottom:30px; }
.admin-metrics { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--border); background:var(--surface); border-radius:10px; margin:26px 0 40px; }
.admin-metrics > div { padding:24px; border-right:1px solid var(--border); }
.admin-metrics > div:last-child { border:0; }
.admin-metrics dt { font-size:12px; color:var(--muted); }
.admin-metrics dd { font-size:32px; font-weight:600; letter-spacing:-1px; margin-top:10px; }
.content-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:20px 0; }
.content-toolbar h2 { font-size:19px; }
.admin-post-list { background:var(--surface); border:1px solid var(--border); border-radius:9px; overflow:hidden; }
.admin-post-row { display:grid; grid-template-columns:minmax(0,1fr) 100px 150px 80px; gap:20px; align-items:center; padding:22px; border-bottom:1px solid var(--border); }
.admin-post-row:last-child { border:0; }
.admin-post-row h3 { font-size:14px; }
.admin-post-row p,.admin-post-row time { font-size:12px; color:var(--subtle); margin-top:4px; }
.post-editor { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:30px; }
.post-editor-main,.post-editor-settings { background:var(--surface); border:1px solid var(--border); border-radius:9px; padding:24px; }
.post-editor-settings { align-self:start; position:sticky; top:90px; }
.post-editor .field { margin-bottom:22px; }
.post-editor .field > span,.admin-settings-form .field > span { display:block; font-size:12px; font-weight:600; margin-bottom:8px; }
.post-editor textarea,.admin-settings-form textarea { width:100%; min-height:115px; resize:vertical; border:1px solid var(--border); border-radius:7px; padding:12px; background:var(--surface); color:var(--text); }
.post-editor-settings .button { width:100%; margin-top:20px; }
.content-block { border:1px solid var(--border); border-radius:8px; padding:18px; margin:18px 0; background:var(--canvas); }
.block-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.block-toolbar .field { flex:1; }
.block-toolbar .text-button { font-size:11px; }
.content-block .field:last-child { margin:0; }
.form-status { font-size:12px; line-height:1.7; margin-top:14px; }
.form-status.success { color:var(--success); }
.admin-settings-form { max-width:670px; padding:30px; background:var(--surface); border:1px solid var(--border); border-radius:10px; }
.admin-settings-form > p { font-size:13px; margin-bottom:26px; }
.admin-settings-form .field { display:block; margin:24px 0; }
.admin-settings-form input { width:100%; }
@media(min-width:761px) { .collapse-sidebar { display:inline-flex; } }
@media(max-width:1200px) {
  .workspace-stage { grid-template-columns:minmax(0,1fr) 292px; gap:17px; }
  .workspace-disclosure { max-width:calc(100% - 309px); }
  .obfuscator-page { padding:27px 24px; }
  .documentation { grid-template-columns:210px minmax(0,1fr); gap:32px; }
  .documentation-toc { display:none; }
  .admin-post-row { grid-template-columns:minmax(0,1fr) 90px 75px; }
  .admin-post-row time { display:none; }
}
@media(max-width:1020px) {
  .workspace-stage { grid-template-columns:1fr; }
  .workspace-stage .build-settings { grid-row:auto; }
  .configuration-general .basic-settings { display:grid; grid-template-columns:1fr 1fr; }
  .configuration-general .basic-settings .check-field { margin-top:25px; }
  .build-settings .advanced-grid { display:grid; grid-template-columns:1fr 1fr; max-height:none; }
  .workspace-disclosure { max-width:none; }
  .post-editor { grid-template-columns:1fr; }
  .post-editor-settings { position:static; }
  .admin-metrics { grid-template-columns:1fr 1fr; }
  .admin-metrics > div { border-bottom:1px solid var(--border); }
  .admin-metrics > div:nth-child(2) { border-right:0; }
  .admin-metrics > div:nth-child(3) { border-bottom:0; }
}
@media(max-width:760px) {
  .collapse-sidebar { display:none; }
  .sidebar-collapsed { --sidebar-width:238px; }
  .sidebar-collapsed .sidebar { padding:25px 16px 18px; }
  .sidebar-collapsed .sidebar > .brand > span:last-child,.sidebar-collapsed .sidebar .nav-heading,.sidebar-collapsed .side-nav a > span { display:initial; }
  .sidebar-collapsed .workspace-switch { display:flex; }
  .sidebar-collapsed .sidebar-bottom { display:block; }
  .sidebar-collapsed .side-nav a { justify-content:flex-start; padding:0 15px; }
  .sidebar-collapsed .side-nav { margin-top:0; }
  .sidebar-collapsed .sidebar > .brand { margin:0 12px 27px; }
  .obfuscator-page,.admin-page,.user-area-page { padding:24px 18px; }
  .obfuscator-page .page-heading { display:block; }
  .build-actions { margin-top:21px; }
  .build-actions .button { flex:1; }
  .workspace-auth-notice { align-items:flex-start; gap:10px; }
  .workspace-auth-notice > .icon { display:none; }
  .workspace-auth-notice .button { align-self:center; }
  .workspace-disclosure { flex-wrap:wrap; }
  .workspace-disclosure p { flex-basis:calc(100% - 27px); }
  .workspace-disclosure .text-button { margin-left:22px; }
  .workspace-editor .editor-body,.workspace-editor .code-editor,.workspace-editor .output-code,.workspace-editor .output-empty { min-height:360px; height:360px; }
  body[data-page="guide"] .page { padding:0 20px 50px; }
  .documentation { display:flex; flex-direction:column; gap:6px; padding-top:24px; }
  .documentation-sidebar { position:static; height:auto; border:0; padding:0; overflow:visible; }
  .docs-navigation-toggle { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:44px; border:0; border-bottom:1px solid var(--border); background:transparent; padding:0 0 14px; font-size:13px; font-weight:600; }
  .docs-navigation-toggle .icon { width:14px; height:14px; transform:rotate(90deg); }
  .docs-navigation-toggle[aria-expanded="true"] .icon { transform:rotate(-90deg); }
  .documentation-sidebar nav { display:none; max-height:380px; overflow:auto; border-bottom:1px solid var(--border); padding:18px 0 15px; }
  .documentation-sidebar nav.is-open { display:block; }
  .docs-nav-group { margin:0 0 20px; }
  .docs-nav-group a { margin-left:0; }
  .docs-search { margin-bottom:19px; }
  .docs-topic-grid { gap:24px; }
  .documentation-article { padding-top:26px; }
  .blog-page { padding:36px 24px 65px; }
  .blog-page .public-page-heading { margin-bottom:32px; }
  .blog-post { grid-template-columns:minmax(0,1fr) 24px; gap:16px; padding:27px 0; }
  .blog-post-meta { grid-column:1/-1; flex-direction:row; align-items:center; }
  .blog-post h2 { font-size:22px; }
  .admin-navigation { gap:22px; }
  .admin-metrics > div { padding:20px; }
  .admin-post-row { grid-template-columns:minmax(0,1fr) 73px; padding:18px; gap:12px; }
  .admin-post-row > .subtle-badge { grid-row:2; grid-column:1; justify-self:start; }
  .admin-post-row > button { grid-column:2; grid-row:1/3; }
  .user-area-page .content-toolbar { align-items:stretch; flex-direction:column; }
  .profile-form,.project-form { padding:22px; }
  .project-row { flex-wrap:wrap; padding:18px; }
  .project-meta { margin-left:60px; text-align:left; flex-direction:row; }
}
@media(max-width:440px) {
  .configuration-general .basic-settings,.build-settings .advanced-grid,.docs-topic-grid { grid-template-columns:1fr; }
  .configuration-general .basic-settings .check-field { margin-top:0; }
  .section-tabs { gap:17px; padding-inline:15px; }
  .section-tabs > button { font-size:12px; }
  .workspace-editor .editor-actions { flex-wrap:wrap; }
  .post-editor-main,.post-editor-settings,.admin-settings-form { padding:18px; }
}
@media(max-height:800px) and (min-width:761px) {
  .sidebar-note { display:none; }
  .sidebar .workspace-switch { margin-bottom:15px; }
}
/* Shared control, navigation and surface rules. */
html { scrollbar-gutter:stable; }
* { scrollbar-width:thin; scrollbar-color:var(--scroll-thumb) var(--scroll-track); }
::-webkit-scrollbar { width:9px; height:9px; }
::-webkit-scrollbar-track { background:var(--scroll-track); }
::-webkit-scrollbar-thumb { border:2px solid transparent; border-radius:8px; background:var(--scroll-thumb); background-clip:padding-box; }
::-webkit-scrollbar-corner { background:transparent; }
body { letter-spacing:-.01em; }
.app-shell,main,.page,.page-heading > div,.workspace-stage > *, .public-header-inner { min-width:0; }
.page-heading h1,.admin-page h1,.user-area-page h1,.account-security-page h1 { font-size:28px; letter-spacing:-.8px; }
.page-heading { margin-bottom:28px; }
.page-heading p:not(.eyebrow) { font-size:14px; line-height:1.7; max-width:650px; }
.eyebrow,.hero-badge,.hero-facts,.product-strip,.workspace-switch,.environment-badge,.sidebar-note { display:none; }
.button { border-radius:7px; font-size:13px; font-weight:550; min-height:42px; padding:10px 16px; box-shadow:none; }
.button-primary,:root[data-theme="dark"] .button-primary,.public-header nav .button-primary,.preview-cta { color:var(--on-action); background:var(--action); border-color:var(--action); box-shadow:none; }
.button-primary:hover,:root[data-theme="dark"] .button-primary:hover,.public-header nav .button-primary:hover,.preview-cta:hover { color:var(--on-action); background:var(--action-hover); border-color:var(--action-hover); }
.button-outline,.public-header nav .button-outline { color:var(--text); background:var(--control-bg); border-color:var(--control-border); }
.button-outline:hover,.public-header nav .button-outline:hover { color:var(--text); background:var(--soft); border-color:var(--subtle); }
.button:disabled,.text-button:disabled { opacity:.55; }
.button-small { min-height:36px; padding:7px 11px; font-size:12px; }
.icon-button { width:38px; min-height:38px; border-radius:6px; color:var(--text); background:var(--control-bg); border-color:var(--control-border); }
.text-button { min-height:36px; padding:6px 2px; font-size:12px; }
.text-link { font-size:13px; font-weight:500; }
.feature-icon,.feature-icon.blue { border:1px solid var(--border); background:var(--soft); color:var(--text); border-radius:9px; box-shadow:none; }
.subtle-badge,.build-state,.security-badge,.availability-badge { border-radius:5px; font-weight:500; }
.field label,.field > span,.advanced-field label { font-size:12px; font-weight:550; line-height:1.5; }
input:not([type="file"],[type="checkbox"],[type="radio"]),select,textarea:not(#source) { border-radius:7px; border:1px solid var(--control-border); background-color:var(--control-bg); color:var(--text); font-size:14px; caret-color:var(--accent); }
input:not([type="file"],[type="checkbox"],[type="radio"]),select { min-height:42px; height:auto; padding:10px 12px; }
input::placeholder,textarea::placeholder { color:var(--subtle); opacity:1; }
input:not([type="file"]):focus-visible,select:focus-visible,textarea:not(#source):focus-visible { border-color:var(--focus); outline:2px solid var(--focus); outline-offset:2px; box-shadow:none; }
input[readonly] { background-color:var(--soft); color:var(--muted); }
input:disabled,select:disabled,textarea:disabled { background-color:var(--soft); color:var(--subtle); cursor:not-allowed; opacity:1; }
select:not([multiple]):not([size]) { appearance:none; padding-right:36px; background-image:linear-gradient(45deg,transparent 50%,var(--subtle) 50%),linear-gradient(135deg,var(--subtle) 50%,transparent 50%); background-position:calc(100% - 18px) calc(50% + 1px),calc(100% - 13px) calc(50% + 1px); background-size:5px 5px; background-repeat:no-repeat; }
select option,optgroup { color:var(--text); background:var(--surface); }
.documentation .docs-search input { padding-left:38px; }
input[type="checkbox"],input[type="radio"],.check-field input[type="checkbox"] { appearance:auto; accent-color:var(--accent); flex:0 0 auto; width:17px; height:17px; min-height:0; margin:0; padding:0; border-radius:4px; cursor:pointer; }
.check-field { min-height:32px; align-items:center; gap:10px; }
.check-field:has(input:disabled) { color:var(--subtle); cursor:not-allowed; }
.field-hint,.advanced-field p { line-height:1.7; }
.sidebar { padding:24px 14px 18px; overflow:hidden; }
.sidebar > .brand { flex-shrink:0; margin:0 12px 24px; font-size:22px; }
.sidebar-navigation { flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:0 2px 10px; }
.sidebar .nav-heading { margin:22px 12px 8px; font-size:11px; letter-spacing:.01em; text-transform:none; font-weight:500; color:var(--subtle); }
.sidebar-navigation > .nav-heading:first-child { margin-top:0; }
.side-nav { gap:4px; margin-bottom:0; }
.sidebar-navigation .admin-side-nav { margin-top:12px; }
.side-nav a { min-height:42px; font-size:13px; padding:0 12px; gap:12px; }
.side-nav a .icon { width:17px; height:17px; color:var(--subtle); }
.side-nav a:hover { background:var(--soft); color:var(--text); }
.side-nav a.is-active,.side-nav a[aria-current="page"] { background:var(--soft); color:var(--text); font-weight:600; }
.side-nav a.is-active .icon,.side-nav a[aria-current="page"] .icon { color:var(--accent-text); }
.sidebar-bottom { flex:0 0 auto; margin-top:0; padding-top:12px; border-top:1px solid var(--border); }
.sidebar-version { border-top:1px solid var(--border); padding:16px 10px 0; font-size:11px; }
.sidebar-account-actions { display:grid; gap:8px; padding:0 8px; margin:0; }
.sidebar-account-actions > a { justify-content:center; }
.sidebar-account-actions > button { display:flex; align-items:center; gap:12px; padding:8px 6px; min-height:38px; color:var(--muted); }
.sidebar-account-actions > button:hover { color:var(--text); background:var(--soft); }
.sidebar-collapsed .sidebar-bottom { display:block; }
.sidebar-collapsed .sidebar-account-actions { display:grid; padding:0; }
.sidebar-collapsed .sidebar-account-actions > button { justify-content:center; }
.sidebar-collapsed .sidebar-account-actions > button > span { display:none; }
.sidebar-collapsed .sidebar-navigation > .side-nav:first-of-type { margin-top:0; }
.topbar { height:64px; padding-inline:32px; }
.breadcrumb-root { display:none; }
.breadcrumb-divider { display:none; }
.breadcrumb { color:var(--muted); font-size:13px; }
.account-link { font-size:12px; gap:8px; }
.avatar { width:30px; height:30px; background:var(--soft); border:1px solid var(--border); }
.public-header { background:var(--surface); backdrop-filter:none; }
.public-header-inner { height:76px; max-width:1240px; padding-inline:40px; }
.public-header nav { gap:26px; font-size:13px; }
.header-auth-actions { display:flex; align-items:center; gap:10px; }
.public-header .public-nav-divider { height:20px; }
.public-footer { border-top:1px solid var(--border); background:var(--surface); }
.public-footer-grid { padding-top:45px; padding-bottom:40px; }
.public-footer-grid h2 { text-transform:none; letter-spacing:0; font-size:13px; }
.public-footer-bottom { padding-block:20px; }
body[data-layout="dashboard"] { background:var(--canvas); }
body[data-layout="dashboard"] .sidebar,body[data-layout="dashboard"] .topbar,body[data-layout="dashboard"] .page-footer { display:flex; }
body[data-layout="dashboard"] .app-shell { margin-left:var(--sidebar-width); }
body[data-layout="dashboard"] .public-header,body[data-layout="dashboard"] .public-footer { display:none; }
body:is([data-layout="public"],[data-layout="auth"]) { background:var(--surface); }
body:is([data-layout="public"],[data-layout="auth"]) .sidebar,body:is([data-layout="public"],[data-layout="auth"]) .topbar,body:is([data-layout="public"],[data-layout="auth"]) .page-footer { display:none; }
body:is([data-layout="public"],[data-layout="auth"]) .app-shell { margin-left:0; }
body:is([data-layout="public"],[data-layout="auth"]) .public-header,body:is([data-layout="public"],[data-layout="auth"]) .public-footer { display:block; }
body[data-layout="dashboard"][data-page="auth-pending"] { background:var(--surface); }
body[data-layout="dashboard"][data-page="auth-pending"] .sidebar,body[data-layout="dashboard"][data-page="auth-pending"] .topbar,body[data-layout="dashboard"][data-page="auth-pending"] .page-footer { display:none; }
body[data-layout="dashboard"][data-page="auth-pending"] .app-shell { margin-left:0; }
body[data-layout="dashboard"][data-page="auth-pending"] .public-header,body[data-layout="dashboard"][data-page="auth-pending"] .public-footer { display:block; }

/* Marketing stays editorial, with the product preview as the main visual. */
.marketing-hero { grid-template-columns:minmax(0,1fr) minmax(0,.95fr); gap:64px; padding:80px 0 72px; }
.marketing-copy h1 { font-size:clamp(44px,4.4vw,60px); font-weight:620; line-height:1.1; letter-spacing:-2.4px; }
.hero-accent { color:var(--text); }
.marketing-copy > p { font-size:16px; line-height:1.8; margin:24px 0 28px; max-width:470px; }
.marketing-actions { gap:12px; }
.button-large { min-height:44px; font-size:13px; padding:11px 18px; }
.product-preview { transform:none; border:1px solid var(--border); border-radius:12px; box-shadow:0 10px 30px rgb(20 22 27 / 5%); overflow:hidden; }
.product-preview-title,.product-preview-bottom { background:var(--soft); }
.product-preview-body { padding:24px; }
.preview-controls { border-top:1px solid var(--border); padding-top:18px; }
.preview-controls strong { background:transparent; border:0; padding:0; color:var(--text); font-size:12px; }
.preview-transforms { color:var(--muted); font-size:11px; gap:10px; }
.preview-cta { border-radius:7px; }
.marketing-section { padding:64px 0; border-top:1px solid var(--border); }
.marketing-section-heading { max-width:640px; }
.marketing-section-heading h2,.marketing-workflow h2 { font-size:30px; line-height:1.25; letter-spacing:-1px; }
.marketing-section-heading > p:last-child { font-size:15px; line-height:1.8; margin-top:16px; }
.marketing-features { gap:36px; margin-top:36px; }
.marketing-features h3 { font-size:17px; margin:16px 0 10px; }
.marketing-features p { font-size:14px; line-height:1.8; }
.marketing-workflow { background:transparent; border-top:1px solid var(--border); border-radius:0; padding:64px 0; gap:64px; }
.marketing-steps li > span { border:0; background:var(--soft); color:var(--muted); border-radius:6px; }
.marketing-faq { padding:64px 0; }
.marketing-faq summary { min-height:44px; font-size:15px; }
.marketing-final { border:1px solid var(--border); border-radius:10px; background:var(--soft); padding:32px; margin:0 0 64px; }
.marketing-final h2 { font-size:27px; letter-spacing:-.7px; }
.public-page-heading h1,.blog-page .public-page-heading h1 { font-size:40px; letter-spacing:-1.2px; }
.public-page-heading > p:last-child { font-size:15px; line-height:1.8; }
.feature-detail-grid { gap:36px; }
.profile-comparison .recommended-profile { background:var(--surface); border-color:var(--border); }
.security-banner { border:1px solid var(--border); background:var(--surface); border-radius:10px; }
.security-admin-note { background:var(--soft); border-color:var(--border); }
.article-callout { background:var(--soft); border-color:var(--border); }
.docs-nav-group h2 { text-transform:none; letter-spacing:0; font-size:12px; font-weight:600; }
.docs-nav-group a { font-size:13px; line-height:1.6; }
.docs-nav-group a.is-active { background:var(--soft); color:var(--text); }
.blog-post-meta .subtle-badge { background:transparent; border:0; padding:0; color:var(--muted); }
.project-avatar { color:var(--muted); background:var(--soft); }
.project-row { border-radius:8px; }
.admin-metrics { box-shadow:none; }
.data-table-wrap { max-width:100%; }
.data-table { min-width:580px; }

/* Authentication and the signed-in account are separate, focused surfaces. */
body[data-page="account"] .page { max-width:1080px; padding:56px 32px 80px; }
body[data-page="account"][data-layout="dashboard"] .page { padding-top:36px; }
body[data-page="account"] .account-layout.auth-layout { display:block; max-width:none; min-height:0; border:0; border-radius:0; background:transparent; overflow:visible; }
.auth-layout .auth-card { max-width:440px; margin:0 auto; padding:30px 34px; border:1px solid var(--border); border-radius:10px; background:var(--surface); box-shadow:var(--shadow); }
.auth-card .form-heading h1,.auth-card .form-heading h2 { font-size:26px; line-height:1.3; letter-spacing:-.8px; }
.auth-card .form-heading p { font-size:14px; line-height:1.7; margin:8px 0 24px; }
.auth-card .account-form .field { margin-bottom:20px; }
.auth-card .account-form input { min-height:44px; font-size:14px; }
.auth-card .account-form .button { min-height:44px; margin-top:4px; }
.auth-card .label-row a { font-size:12px; }
.auth-card .form-footer { font-size:13px; line-height:1.7; }
.auth-card .auth-legal { text-align:center; color:var(--muted); font-size:12px; line-height:1.7; margin-top:16px; }
.auth-card .auth-legal a:hover { color:var(--text); text-decoration:underline; text-underline-offset:3px; }
.auth-card .back-to-login { display:inline-flex; align-items:center; min-height:36px; font-size:12px; }
.auth-card .email-note { font-size:12px; margin-top:20px; padding-top:20px; }
body[data-page="account"] .account-status:not(:empty) { max-width:440px; margin:0 auto 20px; padding:12px 16px; font-size:13px; line-height:1.7; }
.account-dashboard { width:100%; max-width:900px; margin:0 auto; }
.account-dashboard-heading { margin-bottom:32px; }
.account-dashboard-heading h1 { font-size:28px; letter-spacing:-.8px; }
.account-dashboard-heading p { font-size:14px; line-height:1.7; margin-top:10px; }
.dashboard-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.dashboard-grid > a { display:grid; grid-template-columns:22px minmax(0,1fr) 16px; align-items:start; gap:16px; min-height:130px; padding:24px; border:1px solid var(--border); border-radius:9px; background:var(--surface); }
.dashboard-grid > a:hover { border-color:var(--subtle); background:var(--soft); }
.dashboard-grid > a > .icon { width:20px; height:20px; color:var(--muted); margin-top:2px; }
.dashboard-grid > a > .icon:last-child { width:16px; height:16px; margin-top:4px; }
.dashboard-grid h2,.dashboard-grid strong { font-size:16px; font-weight:600; }
#signed-in-panel .dashboard-grid h2,#signed-in-panel .account-dashboard-links h2 { margin-bottom:0; }
.dashboard-grid p,.dashboard-grid a > span { font-size:13px; color:var(--muted); line-height:1.7; margin-top:8px; }
.account-dashboard-links { display:flex; align-items:center; flex-wrap:wrap; gap:16px; padding:24px 0; border-bottom:1px solid var(--border); margin-top:10px; font-size:13px; }
.account-dashboard-links > div { flex:1 1 300px; }
.account-dashboard-links h2 { font-size:16px; font-weight:600; }
.account-dashboard-links p { font-size:13px; line-height:1.7; margin-top:8px; }
.account-dashboard-links a { display:inline-flex; align-items:center; gap:8px; min-height:40px; }
.account-dashboard .session-actions { margin-top:24px; }
.session-gate { display:flex; min-height:320px; align-items:center; justify-content:center; flex-direction:column; gap:18px; padding:48px 24px; text-align:center; }
.session-gate h1 { font-size:24px; letter-spacing:-.6px; }
.session-gate p { max-width:440px; font-size:14px; line-height:1.8; }

/* Editor and upload controls retain scrolling within the workspace. */
.workspace-editor,.build-settings,.source-upload,.workspace-editor .editor-panel { min-width:0; max-width:100%; }
.workspace-editor .panel-toolbar { padding:16px 20px; gap:12px; flex-wrap:wrap; }
.workspace-editor .editor-actions { background:var(--surface); flex-wrap:wrap; gap:12px; }
.workspace-editor .code-editor { min-width:0; max-width:100%; padding:0; overflow:hidden; background:var(--surface); }
.workspace-editor #line-numbers { flex:0 0 46px; width:46px; min-width:0; padding:18px 11px 18px 0; margin:0; font:13px/1.85 "Cascadia Code",Consolas,monospace; color:var(--subtle); background:var(--soft); }
.workspace-editor #source { display:block; flex:1 1 0%; width:0; max-width:100%; padding:18px; margin:0; resize:none; border:0; outline:0; border-radius:0; background:var(--surface); color:var(--text); caret-color:var(--accent); overflow:auto; scrollbar-gutter:stable; }
.workspace-editor #source:focus-visible,.workspace-editor .output-code:focus-visible { outline:0; box-shadow:inset 0 0 0 2px var(--focus); }
#source::selection,.output-code::selection,.output-code *::selection { background:var(--selection); color:var(--selection-text); }
.workspace-editor .output-code { min-width:0; max-width:100%; padding:18px 20px; margin:0; font:13px/1.85 "Cascadia Code",Consolas,monospace; white-space:pre; overflow:auto; background:var(--surface); color:var(--text); }
.workspace-editor .output-empty { background:var(--surface); }
.workspace-editor .output-empty > .icon { color:var(--subtle); background:transparent; }
.workspace-editor .editor-footer { align-items:flex-start; flex-wrap:wrap; gap:8px 16px; background:var(--soft); }
.workspace-editor .editor-footer p { min-width:0; overflow-wrap:anywhere; }
.section-tabs { min-height:48px; }
.section-tabs > button,.section-tabs > a { min-height:48px; }
.section-tabs > [aria-selected="true"],.section-tabs > .is-active { color:var(--text); border-bottom-color:var(--text); }
.source-upload { display:flex; align-items:center; gap:16px; padding:10px 20px; margin:0; border-bottom:1px solid var(--border); background:var(--surface); transition:border-color 160ms ease,background-color 160ms ease; }
.source-upload-copy { display:flex; align-items:flex-start; flex:1 1 auto; min-width:0; gap:12px; }
.source-upload-copy > .icon { flex:0 0 18px; width:18px; height:18px; color:var(--muted); margin-top:1px; }
.source-upload-copy > div { min-width:0; }
.source-upload h3,.source-upload label { font-size:13px; font-weight:550; color:var(--text); }
.source-upload p { font-size:12px; line-height:1.6; margin:0; max-width:540px; }
.source-filename { display:block; color:var(--subtle); font-size:11px; line-height:1.6; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.source-file-button { position:relative; flex:0 0 auto; min-height:36px; overflow:hidden; cursor:pointer; }
.source-upload .source-file-button input[type="file"] { position:absolute; inset:0; opacity:0; width:100%; height:100%; min-height:0; max-width:100%; padding:0; margin:0; cursor:pointer; }
.source-file-button:focus-within { outline:2px solid var(--focus); outline-offset:2px; }
.source-upload.is-dragging,.source-upload.is-dragover,.source-upload[data-drag-active="true"] { border-color:var(--focus); background:var(--accent-soft); }
.workspace-editor .source-upload-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; padding:2px 20px 6px; }
.source-upload-actions .field-hint { margin-top:0; }
.workspace-auth-notice { background:var(--surface); border-color:var(--border); border-radius:8px; }
.workspace-disclosure { padding-inline:0; }
.build-settings .advanced-field p { font-size:12px; }
.build-settings .advanced-grid { max-height:660px; }
.configuration-general .field label { font-size:12px; }
.macro-remove { min-width:32px; }

@media(max-width:1100px) {
  .marketing-hero { gap:40px; padding:64px 0; }
  .marketing-copy h1 { font-size:48px; }
  .public-header nav { gap:18px; }
  .public-header-inner { padding-inline:28px; }
}
@media(max-width:760px) {
  body[data-layout="dashboard"] .app-shell { margin-left:0; }
  .topbar { padding-inline:18px; }
  .page-heading h1,.admin-page h1,.user-area-page h1,.account-security-page h1 { font-size:25px; }
  .sidebar-account-actions { display:grid; }
  .sidebar-collapsed .sidebar-account-actions { display:grid; }
  .sidebar-collapsed .sidebar-account-actions > button { justify-content:flex-start; }
  .sidebar-collapsed .sidebar-account-actions > button > span { display:inline; }
  .sidebar-collapsed .workspace-switch,.sidebar-collapsed .sidebar-note { display:none; }
  .public-header-inner { padding-inline:20px; height:68px; }
  .public-header nav { top:67px; }
  .marketing-hero { grid-template-columns:1fr; gap:38px; padding:48px 0; }
  .marketing-copy h1 { max-width:520px; font-size:42px; letter-spacing:-1.6px; }
  .marketing-copy > p { margin:20px 0 24px; }
  .product-preview { width:100%; max-width:520px; justify-self:start; }
  .marketing-section,.marketing-workflow,.marketing-faq { padding:48px 0; }
  .marketing-section-heading h2,.marketing-workflow h2 { font-size:27px; }
  .marketing-workflow { grid-template-columns:1fr; gap:32px; }
  .marketing-final { padding:26px; margin-bottom:48px; }
  .marketing-final h2 { font-size:25px; }
  .public-page-heading h1,.blog-page .public-page-heading h1 { font-size:32px; }
  body[data-page="account"] .page { padding:34px 20px 56px; }
  .auth-layout .auth-card { padding:28px; }
  .account-dashboard-heading h1 { font-size:26px; }
  .account-security-page { padding-inline:20px; }
  .source-upload { padding:12px 16px; }
  .source-upload-copy { gap:8px; }
  .workspace-editor .panel-toolbar { padding:16px; }
  .workspace-editor #source { padding:16px 13px; }
  .workspace-editor #line-numbers { flex-basis:36px; width:36px; padding-top:16px; padding-right:8px; }
  .workspace-auth-notice { align-items:flex-start; flex-wrap:wrap; }
  .workspace-auth-notice > div { flex:1 1 200px; }
  .workspace-auth-notice .button { min-width:120px; }
  .build-settings .advanced-grid { max-height:none; }
  input:not([type="file"],[type="checkbox"],[type="radio"]),select,textarea:not(#source) { font-size:16px; }
  .auth-card .account-form input { font-size:16px; }
}
@media(max-width:700px) {
  .header-auth-actions { width:100%; padding-top:12px; border-top:1px solid var(--border); margin-top:4px; }
  .header-auth-actions > .button { flex:1; }
}
@media(max-width:440px) {
  .marketing-page { padding-inline:20px; }
  .marketing-copy h1 { font-size:38px; }
  .marketing-copy > p { font-size:15px; }
  .marketing-actions > .button { flex:1; }
  .product-preview-body { padding:18px; }
  .hero-code { font-size:11px; overflow:auto; }
  .auth-layout .auth-card { padding:24px 20px; }
  .auth-card .form-heading h1,.auth-card .form-heading h2 { font-size:24px; }
  .dashboard-grid { grid-template-columns:1fr; gap:12px; }
  .dashboard-grid > a { min-height:0; padding:20px; }
  .account-dashboard-links { gap:12px 20px; }
  .account-dashboard .session-actions { flex-direction:column; align-items:stretch; }
  .source-upload { align-items:flex-start; gap:10px; }
  .source-upload-copy > .icon { display:none; }
  .source-upload label { font-size:12px; padding-inline:10px; }
  .workspace-editor .source-upload-actions { padding-inline:16px; gap:12px; }
  .source-upload-actions .field-hint { flex:1 0 100%; }
  .workspace-disclosure .text-button { margin-left:0; }
}
@media(forced-colors:active) {
  select:not([multiple]):not([size]) { appearance:auto; background-image:none; }
  .workspace-editor #source:focus-visible,.workspace-editor .output-code:focus-visible { outline:2px solid Highlight; outline-offset:-2px; box-shadow:none; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}