:root{color-scheme:dark;--bg:#191c1e;--paper:var(--bg);--card:#202426;--surface:#262a2c;--text:#f5f0e9;--ink:var(--text);--muted:#b8b3ad;--line:#414647;--accent:#ffae7f;--orange:var(--accent);--on-accent:#4c200a;--soft:#59301c;--green:#a6c6b1;--error:#ffb4ab;--shadow:0 18px 60px #0003;font-family:system-ui,-apple-system,Segoe UI,sans-serif}
:root[data-theme=light]{color-scheme:light;--bg:#f6f7f8;--card:#fff;--surface:#eef0f1;--text:#242729;--muted:#666c70;--line:#dce0e2;--accent:#b94715;--on-accent:#fff;--soft:#ffeadc;--green:#44785d;--error:#ad2720;--shadow:0 18px 60px #27303814}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,sans-serif}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit}button,.button{min-height:44px;border:1px solid transparent;border-radius:12px;padding:10px 16px;background:var(--accent);color:var(--on-accent);font-weight:600;cursor:pointer}button.secondary,.button.secondary,.catalog-result{background:var(--surface);color:var(--text);border-color:var(--line)}button.quiet{background:transparent;color:var(--accent)}button:disabled,.button[aria-disabled=true]{opacity:1;background:var(--surface);color:var(--muted);border-color:var(--line);cursor:not-allowed}input,select,textarea,.field input,.field select,.field textarea{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px;min-height:46px;max-width:100%}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:20px;padding:0;flex:0 0 20px;accent-color:var(--accent)}label{color:var(--muted);font-size:14px}label.check,label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border:2px solid var(--error);outline:2px solid transparent}.errorlist,.field-error{color:var(--error)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}main{max-width:1160px;margin:0 auto;padding:30px 24px;min-width:0}h1{font-size:clamp(27px,3vw,38px);line-height:1.18;letter-spacing:-.025em;margin:8px 0 20px}h2{font-size:22px;margin:0 0 14px}h3{font-size:17px}.lead{font-size:17px;max-width:660px}.lead,.muted,small{color:var(--muted)}.card,.result,.selection-panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;margin:16px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.cards>.card{margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.field{display:grid;gap:6px;margin:12px 0}.actions,.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.result{background:var(--surface)}.metric{border-color:var(--line);padding:10px 0}.metric strong{font-size:19px;color:var(--text)}.back{display:inline-flex;min-height:36px;align-items:center;color:var(--muted)}.tool-card{transition:background .15s,border-color .15s;display:block;color:var(--text);padding:24px;min-height:150px}.tool-card:hover{background:var(--surface);border-color:var(--accent)}.tool-card h2{font-size:19px;margin:18px 0 8px}.tool-card small{font-size:14px;line-height:1.5}.tool-card>.icon{color:var(--accent);width:28px;height:28px}.hero-card{background:var(--soft);border-color:transparent;color:var(--text);display:flex;align-items:center;gap:20px;min-height:100px;margin:24px 0}.hero-card small{color:var(--muted)}.hero-card h2{margin:0 0 5px}.backup-panel{margin-top:26px;border-top:1px solid var(--line);padding-top:12px}.backup-panel summary{color:var(--muted);cursor:pointer;min-height:44px}#notice,.notice{background:var(--soft);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:14px;margin:16px 0}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.ui-header{display:flex;align-items:center;gap:28px;background:var(--bg);padding:16px max(24px,calc((100vw - 1160px)/2 + 24px));border-bottom:1px solid var(--line);min-height:80px}.ui-brand{display:flex;gap:10px;align-items:center;color:var(--text);font-size:22px;font-weight:720;white-space:nowrap}.ui-brand-mark{background:var(--accent);color:var(--on-accent);display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-size:22px}.ui-header>nav{display:flex;align-items:center;gap:22px;font-size:14px}.ui-header>nav a{color:var(--muted)}.ui-header>nav a:hover{color:var(--accent)}.ui-header-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.ui-icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;background:transparent;color:var(--text);border-radius:12px;line-height:1}.ui-icon-button:hover{background:var(--surface)}.ui-login{background:var(--soft);border-radius:12px;min-height:44px;padding:11px 16px;margin-left:6px;font-size:14px}.ui-account{position:relative;margin:0}.ui-account summary{list-style:none;display:flex;gap:8px;align-items:center;min-height:44px;padding:10px;color:var(--text);font-size:14px;cursor:pointer}.ui-account summary::-webkit-details-marker{display:none}.ui-account>div{position:absolute;right:0;top:52px;width:270px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow);z-index:30;overflow-wrap:anywhere}.ui-account>div a{display:block;padding:10px 0}.ui-account>div p{font-size:13px;color:var(--muted)}.ui-account>div form{margin:0}.bottom-nav{background:var(--card);border-color:var(--line);gap:8px}.bottom-nav a{display:flex;gap:8px;align-items:center;color:var(--muted);border-radius:12px}.bottom-nav a.active{background:var(--soft);color:var(--accent)}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{font-size:13px;font-weight:600;color:var(--muted);background:var(--surface)}.control-layout{display:grid;grid-template-columns:240px minmax(0,1fr);max-width:1400px;margin:auto;padding:24px;gap:26px}.control-layout main{width:100%;padding:0;max-width:none}.control-navigation{margin:0}.control-navigation>summary{display:none}.control-navigation>nav{display:grid;gap:4px;position:sticky;top:20px;background:transparent;border:0;box-shadow:none;padding:0;width:auto;height:auto}.control-navigation a{padding:11px 14px;border-radius:10px;color:var(--muted);font-size:14px}.control-navigation a:hover{color:var(--text);background:var(--surface)}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:70vh;max-width:980px;margin:auto}.auth-intro h1{font-size:clamp(30px,3.5vw,46px);line-height:1.16;margin-top:18px}.eyebrow{font-size:11px;letter-spacing:.1em;color:var(--accent);font-weight:700}.auth-intro p{color:var(--muted)}.auth-illustration{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:12px;margin-top:30px}.auth-illustration svg{width:100%;stroke:var(--accent);fill:none;stroke-width:1.7}.auth-illustration text{stroke:none;fill:var(--muted);font-size:12px}.auth-card{padding:30px}.auth-card form p{display:grid;gap:7px}.auth-card form button{width:100%;margin-top:8px}.auth-card .helptext{font-size:12px;color:var(--muted)}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:24px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:var(--line)}.auth-providers{display:flex;gap:12px}.provider-button{display:flex;gap:10px;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-height:48px;flex:1;color:var(--text);font-size:14px}.provider-yandex{color:#f44336;font-weight:700;font-size:21px}.provider-vk{background:#0077ff;color:white;font-weight:700;font-size:11px;border-radius:6px;padding:4px}.auth-links{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;margin-top:24px}.auth-links a{color:var(--muted)}dialog{max-height:90dvh;overflow:auto;width:min(680px,calc(100vw - 32px));background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}dialog::backdrop{background:#0008;backdrop-filter:blur(2px)}.ui-dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.ui-dialog-heading h2{margin:0}.quick-converter{width:min(420px,calc(100vw - 32px));margin:90px 24px auto auto}.quick-converter form{display:grid;gap:14px}.quick-converter label{display:grid;gap:7px}.quick-result{font-size:30px;overflow-wrap:anywhere;border-radius:14px;background:var(--surface);padding:18px;color:var(--accent);min-height:76px}.qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.qr-grid figure{margin:0;text-align:center}.qr-grid img{max-width:100%;height:auto;border-radius:10px;background:white}.qr-grid figcaption{font-size:14px;margin-top:12px}.measure-editor-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.measure-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;position:sticky;top:0;z-index:4;background:var(--bg);padding:12px 0}.measure-toolbar button.active{background:var(--accent);color:var(--on-accent)}.measure-viewport{position:relative;width:100%;height:min(65dvh,720px);min-height:320px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);touch-action:none;cursor:grab}.measure-viewport.annotating{cursor:crosshair}.measure-viewport canvas{position:absolute;left:0;top:0;transform-origin:0 0;max-height:none;max-width:none;touch-action:none}.measure-actions{position:sticky;bottom:80px;background:var(--bg);border-top:1px solid var(--line);padding:12px 0;z-index:4}.measure-mark-list{display:grid;gap:12px;margin:20px 0}.measure-mark-card{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}.measure-mark-card strong{flex:1;min-width:180px}.cloud-measurements{margin-top:36px}.cloud-preview{display:block;width:100%;height:65vh;border:1px solid var(--line);border-radius:14px;background:white}.is-native-shell .ui-header,.is-native-shell .bottom-nav,.is-native-shell .web-return{display:none}.personal-shell{padding-bottom:85px}.workspace-shell,.control-shell{padding-bottom:0}.diagram{background:var(--card);border-color:var(--line)}.simple-app{background:var(--bg);color:var(--text)}.simple-app .topbar,.simple-app .web-return,.simple-app .parts-panel,.simple-app .drawing-panel,.simple-app .material-report,.simple-app .project-bar,.simple-app .selection-panel,.simple-app .drawing-toolbar{background:var(--card);color:var(--text);border-color:var(--line)}.simple-app .part-card,.simple-app .part-row,.simple-app .view-tabs,.simple-app .selection-panel input,.simple-app .summary-card{background:var(--surface);color:var(--text)}.simple-app .button:not(.primary),.simple-app .icon-button{background:var(--surface);color:var(--text);border-color:var(--line)}.simple-app .primary{background:var(--accent);color:var(--on-accent)}.simple-app .intro-canvas{background:var(--card);border-color:var(--line)}.simple-app .intro-screen h1,.simple-app .panel-heading h1,.simple-app .project-name{color:var(--text)}.simple-app .stage{background:#f6f3ed}.simple-app dialog{background:var(--card);color:var(--text)}.simple-app input,.simple-app select{background:var(--surface);color:var(--text)}.simple-app .ui-icon-button{background:transparent;color:var(--text)}.project-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-content>h1,.project-content>.back,.project-content>#project-error{grid-column:1/-1}.project-content>.card{margin:0}.export-credit{display:none}
@media(max-width:950px){.ui-header{gap:18px;padding:14px 20px}.ui-header>nav{gap:14px}.ui-account summary>span{display:none}.auth-layout{gap:35px}.control-layout{grid-template-columns:205px 1fr;padding:20px;gap:20px}}
@media(max-width:800px){.ui-header{flex-wrap:wrap;gap:8px}.ui-header>nav{order:3;width:100%;padding-top:6px}.ui-header-actions{margin-left:auto}.control-layout{display:block;padding:16px}.control-navigation{margin-bottom:20px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.control-navigation>summary{display:flex;min-height:48px;padding:12px 16px;color:var(--text);cursor:pointer}.control-navigation>nav{padding:4px 8px 8px}.control-navigation:not([open])>nav{display:none}.auth-layout{grid-template-columns:1fr;min-height:auto;max-width:480px;gap:20px}.auth-intro{display:none}.auth-card{margin:14px 0}.project-content{display:block}.project-content>.card{margin:16px 0}}
@media(max-width:600px){main{padding:22px 16px}.ui-header{padding:12px 16px}.ui-brand{font-size:20px}.ui-brand-mark{width:34px;height:34px;font-size:20px}.ui-header>nav{font-size:13px;gap:20px}.ui-icon-button{width:38px;height:40px;padding:8px}.ui-login{padding:10px 12px;margin-left:0}.card{padding:18px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{padding:18px 14px;min-height:155px}.tool-card h2{font-size:16px}.tool-card small{font-size:12px}.hero-card{padding:20px;min-height:95px}.bottom-nav{gap:0;justify-content:space-around;padding:8px 4px max(8px,env(safe-area-inset-bottom))}.bottom-nav a{display:flex;flex-direction:column;gap:4px;font-size:11px;padding:8px;min-width:74px}.bottom-nav .icon{width:21px;height:21px}.metric strong{font-size:17px}.form-grid{grid-template-columns:1fr}.quick-converter{margin:auto auto 16px}.quick-converter .form-grid{grid-template-columns:1fr 1fr}.qr-grid{grid-template-columns:1fr 1fr;gap:10px}.qr-grid figcaption{font-size:12px}.measure-actions{bottom:76px}.measure-viewport{height:55dvh;min-height:280px}.measure-toolbar{gap:6px}.measure-toolbar button{padding:10px 12px;font-size:13px}}
@media print{:root{color-scheme:light;--bg:white;--text:black;--ink:black;--card:white;--muted:#555;--line:#ccc}.ui-header,.bottom-nav,.actions,.back,.measure-toolbar,.measure-actions,.control-navigation{display:none!important}body{background:white;padding:0}main{max-width:none;padding:0}.card{box-shadow:none}.export-credit{display:block;margin-top:20px;font-size:11px;color:#555}.result{background:white}table{min-width:0}.table-scroll{overflow:visible}}

.cloud-preview{height:auto;max-height:none}.landing-shell .site-header,.landing-shell .strip,.landing-shell footer{background:var(--card);color:var(--text)}.landing-shell h1,.landing-shell h2,.landing-shell h3,.landing-shell .brand{color:var(--text)}.landing-shell .hero-art{background:#f6f3ed}.landing-shell .cta-panel{background:var(--soft);color:var(--text)}.landing-shell .unit-demo,.landing-shell .material-demo{background:var(--surface);color:var(--text)}

.ui-header>nav a[aria-current=page]{color:var(--accent)}.control-navigation a[aria-current=page]{color:var(--accent);background:var(--soft)}

.ui-company-context{display:flex;gap:14px;align-items:center;padding:8px max(16px,calc((100% - 1112px)/2));flex-wrap:wrap;background:var(--surface)}.ui-company-context select{width:auto;max-width:100%}

.export-credit{display:none}@media print{.export-credit{display:block}}

.task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:14px}.task-card{margin:0;position:relative;display:block;padding:20px 48px 20px 20px;color:var(--text)}.task-card h2{font-size:19px;margin:8px 0}.task-card p{margin:0;font-size:14px}.task-icon{color:var(--accent);width:24px;height:24px}.task-arrow{position:absolute;right:18px;top:50%;color:var(--accent)}.group-heading{font-size:15px;color:var(--muted);margin-top:26px}.ui-account .ui-company-context{position:static;display:flex;flex-direction:column;align-items:stretch;margin:12px 0;padding:12px 0;border-top:1px solid var(--line)}.ui-account .ui-company-context select{min-width:0;width:100%}.ui-account>div{max-height:75vh;overflow:auto;max-width:calc(100vw - 32px)}.document-more summary{cursor:pointer;padding:10px 16px;min-height:44px;color:var(--accent)}.document-more[open]{padding-bottom:8px}.document-more button{display:block;margin-top:6px}@media(min-width:900px){.personal-shell .bottom-nav{display:none}.personal-shell{padding-bottom:0}}@media(max-width:899px){.ui-header>nav{display:none}}

/* V12: pair foreground and background on legacy management surfaces. */
.control-shell .panel,.control-shell .stats article{background:var(--card);color:var(--text);border-color:var(--line)}
.control-shell .panel p,.control-shell .panel label,.control-shell .stats span,.control-shell .helptext,.control-shell nav p{color:var(--muted)}
.control-shell .stats a{color:var(--accent)}
.control-shell .panel input:not([type=hidden]),.control-shell .panel textarea,.control-shell .panel select,.control-shell .search input{background:var(--card);color:var(--text);border-color:var(--line)}
.control-shell .panel input[type=checkbox],.control-shell .panel input[type=radio]{display:inline-block;width:20px}
.control-shell button:hover,.control-shell .button:hover{background:var(--accent);color:var(--on-accent);filter:brightness(.95)}
.control-shell button.secondary:hover,.control-shell .button.secondary:hover,.control-shell .quiet:hover{background:var(--surface);color:var(--text);filter:none}
.control-shell button:disabled:hover{background:var(--surface);color:var(--muted);filter:none}
.control-shell .quiet{color:var(--text);background:var(--surface);border-color:var(--line)}
.control-shell .tag{background:var(--surface);color:var(--green)}
.notice.error,.errorlist{background:var(--card);color:var(--error);border:1px solid var(--error);padding:12px 15px;border-radius:10px}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{ -webkit-text-fill-color:var(--text);caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--card) inset}
.control-shell td,.control-shell th{border-color:var(--line)}

.control-shell nav a:hover{background:var(--surface)}

/* V13: a focused, centred entry screen in both themes and native WebViews. */
.auth-shell{min-height:100dvh;display:flex;flex-direction:column}
.auth-shell .auth-header{height:auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;border:0;background:var(--bg)}
.auth-shell main{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:none;margin:0;padding:24px 20px 64px}
.auth-shell .auth-layout{display:block;width:100%;max-width:440px;min-height:0;margin:0}
.auth-shell .auth-card{width:100%;max-width:440px;margin:0;padding:32px;border-radius:24px}
.auth-card-heading{text-align:center;margin-bottom:26px}.auth-card-heading h1{font-size:29px;margin:0 0 12px}.auth-card-heading p{font-size:14px;line-height:1.6;margin:0}.auth-shell .auth-card form p{margin:0 0 18px}.auth-shell .auth-card form p:has(input[type=hidden]){margin:0}
.auth-shell .auth-card label{font-size:14px}.auth-shell .auth-submit{min-height:50px;margin-top:4px}.auth-shell .auth-links{justify-content:center;gap:12px 20px;text-align:center;font-size:14px;line-height:1.7}.auth-shell .auth-links a{color:var(--accent)}.auth-shell .auth-links span{color:var(--muted)}
.auth-password{position:relative;display:block}.auth-password input{padding-right:96px}.auth-password .auth-password-toggle{position:absolute;right:4px;top:4px;margin:0;width:auto;min-height:38px;padding:8px;background:transparent;color:var(--accent);font-size:12px}.auth-providers{flex-wrap:wrap}.auth-providers .provider-button{min-width:140px}.auth-shell .native-return{text-align:center}.native-return h1{font-size:28px}.native-return .button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;margin:8px 0}.native-return .muted{font-size:13px}
@media(max-width:600px){.auth-shell .auth-header{padding:16px 20px}.auth-shell main{padding:16px 16px 48px}.auth-shell .auth-card{padding:26px 22px}.auth-card-heading h1{font-size:26px}}
@media(max-height:650px){.auth-shell main{align-items:flex-start;padding-top:12px;padding-bottom:24px}.auth-shell .auth-header{min-height:60px;padding-top:10px;padding-bottom:10px}}
.is-native-shell .auth-header{display:none}.is-native-shell.auth-shell main{padding-top:24px;padding-bottom:24px}

/* V14: editor actions remain outside the drawing and bottom navigation. */
.measure-actions{position:static;padding:16px 0;margin:12px 0;border-top:1px solid var(--line)}
.measure-settings{margin:8px 0 16px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.measure-settings>summary{padding:12px 16px;cursor:pointer;color:var(--muted);min-height:46px}
.measure-settings .card{margin:0;border:0;background:transparent;padding-top:0}
.measure-editor-heading{flex-wrap:wrap}.measure-editor-heading h1{margin:0}
.measure-viewport[aria-busy=true]{cursor:progress}
.measure-actions>.document-more{align-self:center}
@media(max-width:600px){.measure-actions{position:static}.measure-actions>button{flex:1 1 auto}.measure-settings .card{padding:0 16px 16px}}

.legal-prose{max-width:800px;margin:0 auto}.legal-prose>h1{overflow-wrap:anywhere}.legal-prose p{line-height:1.65}.legal-prose section{margin:28px 0}.legal-draft-note{border-left:3px solid var(--accent);padding:8px 14px;color:var(--text);background:var(--card)}.legal-list{display:grid;gap:12px;margin:24px 0}.legal-list h2{font-size:20px}.legal-footer{display:flex;gap:12px 22px;flex-wrap:wrap;padding:24px max(16px,calc((100vw - 1060px)/2));color:var(--muted);font-size:13px}.auth-shell .legal-footer{justify-content:center}.legal-choice-row{margin:18px 0}.legal-choice-row label,.legal-disabled{display:flex;gap:12px;align-items:flex-start}.legal-choice-row input{flex:none;margin:4px 0}.legal-preview-form .errorlist{margin:8px 0}.legal-disabled{color:var(--muted)}.legal-registration-note{font-size:13px}.legal-prose .card{padding:18px}@media(max-width:600px){.legal-prose h1{font-size:26px}.legal-choice-row label{font-size:15px}.legal-footer{padding-bottom:110px}.auth-shell .legal-footer{padding-bottom:24px}}

/* User document choices are separate touch targets in both themes. */
.legal-user-choice{margin:12px 0}.legal-user-choice>label{display:flex;gap:12px;align-items:flex-start;padding:10px 0;line-height:1.5;cursor:pointer;color:var(--text)}.auth-card .legal-user-choice input[type=checkbox]{appearance:auto;flex:0 0 22px;width:22px;min-width:22px;height:22px;margin:3px 0 0;accent-color:var(--accent);padding:0}.legal-user-choice input[aria-invalid=true]{outline:2px solid var(--error);outline-offset:3px}.legal-user-choice .errorlist{margin:0;color:var(--error)}

.integration-page,.api-guide{max-width:980px;margin:auto}.integration-key-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px}.integration-page textarea{font-family:ui-monospace,monospace;overflow-wrap:anywhere}.integration-key-list h3{overflow-wrap:anywhere}.api-guide pre{background:var(--surface);color:var(--text);border-radius:12px;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere}.integration-page [data-copy-status]{display:block;color:var(--muted);margin-top:8px}
.api-guide{min-width:0;overflow-wrap:anywhere}.api-guide code{overflow-wrap:anywhere;white-space:normal}.api-guide .table-scroll{max-width:100%;overflow-x:auto}.api-guide pre{background:var(--card)}

.auth-card a.auth-submit{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:50px}.auth-shell .auth-card .errorlist{margin:6px 0;color:var(--error)}
/* The public landing owns its layout inside the shared theme. */
.landing-shell>main{max-width:none;padding:0;margin:0}.landing-shell .hero-copy,.landing-shell .hero-art,.landing-shell .team-copy{min-width:0}.landing-shell .hero-proof{flex-wrap:wrap}.landing-shell .hero-proof span{display:inline-flex;align-items:center}.landing-shell .nav-login{white-space:nowrap}.landing-shell .nav-login span{margin-left:4px}.landing-shell .hero-actions>*{max-width:100%}.landing-shell .nesting-top,.landing-shell .nesting-bottom{flex-wrap:wrap}
@media(max-width:740px){.landing-shell .hero{grid-template-columns:minmax(0,1fr)}.landing-shell .hero h1{font-size:clamp(34px,10vw,47px);overflow-wrap:anywhere}.landing-shell .hero-proof{gap:8px 16px}.landing-shell .hero-art,.landing-shell .nesting-example{transform:none}.landing-shell .closing h2{font-size:clamp(30px,9vw,40px);overflow-wrap:anywhere}.landing-shell .site-header{padding:16px;gap:12px}.landing-shell .site-header nav{gap:8px}.landing-shell .site-header .brand{font-size:23px;gap:7px;white-space:nowrap}.landing-shell .site-header .mark{width:32px;height:32px;font-size:25px}.landing-shell .site-header .nav-login{padding:8px 10px;font-size:13px}.landing-shell .site-header .ui-icon-button{width:40px;min-width:40px;height:40px;padding:8px}}
@media(max-width:360px){.landing-shell .site-header [data-open-qr]{display:none}.landing-shell .site-header .brand{font-size:22px}.landing-shell .site-header{gap:8px}}
/* Keep legacy landing sections paired with the selected theme. */
.landing-shell .tool-card,.landing-shell .workshop-section{background:var(--card);color:var(--text);border-color:var(--line)}.landing-shell .tool-card p,.landing-shell .tool-number,.landing-shell .tool-tag,.landing-shell .section-head>p:last-child,.landing-shell .download-note,.landing-shell .team-row p,.landing-shell .team-row>span,.landing-shell .faq details p,.landing-shell .brand-note,.landing-shell .workshop-copy>p:not(.eyebrow),.landing-shell .workshop-copy li{color:var(--muted)}.landing-shell .workshop-copy .fineprint{color:var(--muted)!important}.landing-shell .unit-demo strong{color:var(--accent)}.landing-shell .material-demo span{color:var(--muted)}.landing-shell .material-demo b{color:var(--text)}.landing-shell .tool-mini{background:var(--surface);color:var(--accent)}.landing-shell .tool-mini strong{color:var(--accent)}.landing-shell .unit-arrow{color:var(--muted)}.landing-shell .strip p{color:var(--text)}.landing-shell .strip-inner>span,.landing-shell .footer{color:var(--muted)}.landing-shell .measurement-note{background:#fffdf8;color:#242729}.landing-shell .measurement-note strong{color:#242729}.landing-shell .measurement-note div>span{color:#665e56}.landing-shell .drawing-label{color:#655e57}.landing-shell .nesting-example,.landing-shell .nesting-top,.landing-shell .nesting-bottom{color:#60564c}.landing-shell .closing{background:#191c1e;color:#f5f0e9}.landing-shell .closing h2{color:#f5f0e9}.landing-shell .closing .eyebrow{color:#ffae7f}.landing-shell .closing p:last-child{color:#c2bbb3}.landing-shell .closing-link{color:#f5f0e9}.landing-shell .closing .button{background:#ffae7f;color:#4c200a}
.landing-shell .skip{background:var(--card);color:var(--text)}

/* V21: task overview and denser personal screens; controls retain touch targets. */
.personal-shell main{padding:18px 20px}.personal-shell #surface>h1{font-size:28px;margin:4px 0 12px}.personal-shell .group-heading{margin:16px 0 8px}.personal-shell .task-grid{gap:10px}.personal-shell .task-card{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:10px;row-gap:3px;align-content:center;padding:12px 34px 12px 12px;min-height:78px;border-radius:14px}.personal-shell .task-card>.task-icon{grid-row:1/3;align-self:center}.personal-shell .task-card h2{margin:0;font-size:17px;overflow-wrap:anywhere}.personal-shell .task-card p{font-size:13px;line-height:1.35;overflow-wrap:anywhere}.personal-shell .task-arrow{right:12px}.personal-shell .overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.personal-shell .overview-grid .task-card{display:block;padding:12px;min-height:100px}.personal-shell .overview-grid .task-card>.task-icon{display:block;width:20px;height:20px;margin-bottom:5px}.personal-shell .overview-grid .task-card h2{font-size:16px;margin:0 0 3px}.personal-shell .overview-grid .task-arrow{display:none}.overview-recent{margin-top:16px}.overview-recent>p{font-size:13px;margin:8px 0}.overview-document{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;text-align:left;position:relative;width:100%;min-height:60px;padding:10px 36px 10px 12px;margin:6px 0;background:var(--card);color:var(--text);border:1px solid var(--line);font-weight:400}.overview-document strong{font-size:15px;overflow-wrap:anywhere}.overview-document small{font-size:12px;color:var(--muted)}.personal-shell .bottom-nav a{flex:1 1 0;min-width:0;max-width:120px;justify-content:center;line-height:1.2}.personal-shell .legal-footer{padding-top:18px}
@media(max-width:700px){.personal-shell main{padding:14px 16px}.personal-shell .overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.personal-shell .overview-grid .task-card{min-height:94px}.personal-shell .overview-grid .task-card h2{font-size:15px}.personal-shell .overview-grid .task-card p{font-size:12px}.personal-shell .bottom-nav a{padding:6px 2px;font-size:11px;min-height:52px}.personal-shell .task-grid:not(.overview-grid){grid-template-columns:1fr}.personal-shell #surface>h1{font-size:26px}}
@media(max-width:350px){.personal-shell .bottom-nav a{font-size:10px}}

.personal-shell{padding-bottom:0}.personal-shell .ui-header{padding-top:10px;padding-bottom:10px;min-height:60px}.personal-shell .legal-footer{display:block;padding:12px 20px 88px}.personal-shell .legal-footer summary{display:flex;align-items:center;min-height:44px;cursor:pointer;color:var(--muted);font-size:12px}.personal-shell .legal-footer-links{display:flex;flex-wrap:wrap;gap:8px 16px;padding-top:8px;font-size:12px}@media(min-width:900px){.personal-shell .legal-footer{padding-bottom:20px}}

.overview-recent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.overview-recent>.group-heading,.overview-recent>p{grid-column:1/-1}.overview-recent>.group-heading{margin-bottom:0}.overview-recent>.overview-document{margin:0}.personal-shell .legal-footer{max-width:1160px;margin-left:auto;margin-right:auto}@media(max-width:700px){.overview-recent{grid-template-columns:1fr}}

/* Automatic personal saves: state is informational; a control appears only for conflicts. */
.sync-status{font-size:12px;color:var(--muted);max-width:200px;line-height:1.3}.sync-status[data-state=retry],.sync-status[data-state=offline]{color:var(--accent)}.sync-conflicts{padding:6px 8px;font-size:12px}.ui-converter-button{width:auto;gap:7px}.ui-converter-label{font-size:12px}.sync-conflict-dialog .actions{align-items:stretch}.sync-conflict-dialog .field-error:empty{display:none}#notice:empty{display:none!important}@media(max-width:850px){.ui-converter-label{display:none}.sync-status{max-width:100px;font-size:11px}}@media(max-width:420px){.sync-status{max-width:88px}.ui-header-actions{gap:2px}}