/* Four restrained palettes, folding panels and readable controls. Loaded last. */
html body.warm-modern[data-theme=warm]{--ap-bg:#eae5dd;--ap-card:#f8f5ef;--ap-input:#fffdf9;--ap-ink:#352f28;--ap-muted:#645b50;--ap-button:#705940;--ap-button-ink:#ffffff;--ap-secondary:#e6ded2;--ap-line:#bcb0a0;--ap-sidebar:#51483c;--ap-side-ink:#faf6ef;--ap-side-active:#342e26;--ap-accent:#715a40;--ap-radius:9px}
html body.warm-modern[data-theme=cool]{--ap-bg:#e5eaf0;--ap-card:#f5f8fa;--ap-input:#ffffff;--ap-ink:#253644;--ap-muted:#526574;--ap-button:#425d70;--ap-button-ink:#ffffff;--ap-secondary:#dce5eb;--ap-line:#a5b5c1;--ap-sidebar:#304451;--ap-side-ink:#f1f6fa;--ap-side-active:#1e303e;--ap-accent:#425d70;--ap-radius:8px;--ap-link:#245778}
html body.warm-modern[data-theme=light]{--ap-bg:#f0f1f2;--ap-card:#ffffff;--ap-input:#ffffff;--ap-ink:#292d31;--ap-muted:#5b6168;--ap-button:#434b53;--ap-button-ink:#ffffff;--ap-secondary:#e9ecef;--ap-line:#afb6bd;--ap-sidebar:#fafafa;--ap-side-ink:#343b42;--ap-side-active:#e2e6e9;--ap-accent:#434b53;--ap-radius:8px}
html body.warm-modern[data-theme=graphite]{--ap-bg:#202327;--ap-card:#2a2f35;--ap-input:#22272d;--ap-ink:#f0f2f4;--ap-muted:#c0c7ce;--ap-button:#c4d0d9;--ap-button-ink:#192630;--ap-secondary:#3a434d;--ap-line:#71808c;--ap-sidebar:#1b1f23;--ap-side-ink:#eef1f4;--ap-side-active:#35414c;--ap-accent:#b4c8d9;--ap-radius:8px}
html body.warm-modern[data-theme] :is(button,input,select,textarea){text-shadow:none!important}
html body.warm-modern[data-theme] button:disabled{opacity:.65!important;cursor:not-allowed}
html body.warm-modern[data-theme] #view button.project-folder-properties{color:var(--ap-button-ink)!important;background:var(--ap-button)!important;opacity:1;padding:7px 12px!important;font-size:12px!important}
html body.warm-modern[data-theme] .warm-context :is(li,.urgent-item,.task-item){background:transparent!important;color:var(--ap-ink)!important}
html body.warm-modern[data-theme] .warm-context :is(li,.urgent-item,.task-item) :is(strong,span,small){color:inherit!important}
html body.warm-modern[data-theme] .vz-studio :is(h1,h2,h3,h4,p,small,span,label){color:#e9edf0!important}
html body.warm-modern[data-theme] .vz-studio :is(input,textarea,select){color:#f0f2f4!important;background:#292f34!important}
html body.warm-modern[data-theme] .theme-choice[data-theme-choice=cool] .theme-swatch{background:linear-gradient(135deg,#304451 50%,#e5eaf0 50%)}
.workspace-panel-controls{position:fixed;left:8px;top:8px;display:flex;gap:5px;z-index:1100}
html body.warm-modern[data-theme] .workspace-panel-controls button{width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;font-size:17px!important;border-radius:6px!important;background:var(--ap-card)!important;color:var(--ap-ink)!important;box-shadow:0 1px 4px #0002!important}
.project-create-toolbar{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 16px}.project-create-toolbar button{margin:0!important}
@media(min-width:1051px){
 html body.warm-modern.workspace-hide-left{grid-template-columns:0 minmax(0,1fr)!important}
 html body.warm-modern.workspace-hide-left>aside{width:0!important;min-width:0!important;padding:0!important;overflow:hidden!important;visibility:hidden!important;pointer-events:none}
 html body.warm-modern.workspace-hide-left>main{margin-left:0!important;width:100%!important}
 html body.warm-modern.workspace-focused>main{padding:12px 14px 14px 48px!important}
}
html body.warm-modern.workspace-hide-right main>.workspace{grid-template-columns:minmax(0,1fr)!important}
html body.warm-modern.workspace-hide-right .context-rail{display:none!important}
html body.warm-modern.workspace-focused main>.command-bar{display:none!important}
html body.warm-modern.workspace-focused>main{grid-template-rows:42px auto minmax(0,1fr)!important}
html body.warm-modern.workspace-focused main>header{grid-row:1!important;padding:0!important}
html body.warm-modern.workspace-focused #notice{grid-row:2!important}
html body.warm-modern.workspace-focused main>.workspace{grid-row:3!important}
html body.warm-modern.workspace-focused #heading{font-size:20px!important;margin:0!important}
html body.warm-modern:is([data-screen=commercial],[data-screen=sketch],[data-screen=visualization]) .context-rail{display:none!important}
html body.warm-modern:is([data-screen=commercial],[data-screen=sketch],[data-screen=visualization]) main>.workspace{display:block!important;min-width:0;min-height:0}
html body.warm-modern:is([data-screen=commercial],[data-screen=sketch]) #view{height:100%!important;overflow:hidden!important;padding:0!important}
@media(max-width:1050px){.workspace-panel-controls{left:auto;right:12px;top:72px}.workspace-panel-controls button:first-child{display:none!important}html body.warm-modern.workspace-focused>main{padding-top:8px!important}}
@media(prefers-reduced-motion:no-preference){body>aside{transition:width .15s,padding .15s}}

/* Editable sheets stay white and print-faithful in every interface theme. */
.sheet-editor{height:100%;min-height:0;display:flex;flex-direction:column;gap:7px;color:var(--ap-ink)}
.sheet-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:none;padding:2px}
html body.warm-modern[data-theme] .sheet-toolbar :is(button,select){font-size:12px!important;padding:7px 10px!important;min-height:32px!important;margin:0!important;border-radius:6px!important}
.sheet-toolbar select{max-width:240px}.sheet-status{margin:0!important;font-size:12px;min-height:18px;white-space:pre-wrap;max-height:65px;overflow:auto;flex:none}
.sheet-layout{position:relative;display:grid;grid-template-columns:170px minmax(0,1fr) 292px;grid-template-rows:32px minmax(0,1fr);gap:8px;flex:1;min-height:0;min-width:0}
.sheet-pages{grid-column:1;grid-row:1/3;overflow:auto;display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--ap-card);border:1px solid var(--ap-line);border-radius:8px;min-width:0}
.sheet-inspector{grid-column:3;grid-row:1/3;overflow:auto;padding:12px;background:var(--ap-card);border:1px solid var(--ap-line);border-radius:8px;min-width:0}
.sheet-stage-tools{grid-column:2;grid-row:1;display:flex;gap:5px;justify-content:center}
.sheet-stage{grid-column:2;grid-row:2;display:flex;align-items:safe center;justify-content:safe center;min-width:0;min-height:0;background:var(--ap-secondary);border:1px solid var(--ap-line);border-radius:8px;overflow:auto;padding:0}
.sheet-scene{position:relative;flex:none;box-shadow:0 3px 14px #0002}
.sheet-paper{position:relative;transform-origin:0 0;background:white;overflow:hidden}
html body.warm-modern[data-theme] .sheet-paper .sheet-piece{max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;font-weight:400!important;text-shadow:none!important;box-sizing:border-box}
html body.warm-modern[data-theme] .sheet-paper img.sheet-piece{object-fit:fill!important;cursor:zoom-in}
html body.warm-modern[data-theme] .sheet-paper div.sheet-piece{overflow:hidden;pointer-events:none}
html body.warm-modern[data-theme] .sheet-editor .sheet-page-tab{font-size:12px!important;line-height:1.4!important;white-space:normal!important;text-align:left!important;margin:0!important;padding:10px!important;background:var(--ap-card)!important;color:var(--ap-ink)!important;box-shadow:none!important}
html body.warm-modern[data-theme] .sheet-editor .sheet-page-tab[aria-pressed=true]{background:var(--ap-secondary)!important;border-color:var(--ap-accent)!important}
.sheet-field{display:flex!important;flex-direction:column!important;gap:5px!important;margin:0 0 12px!important;font-size:12px!important}
.sheet-field :is(input,textarea,select){width:100%!important;min-width:0!important;box-sizing:border-box!important;font-size:13px;line-height:1.5;font-family:inherit;margin:0!important;padding:8px!important}.sheet-field textarea{min-height:75px;resize:vertical}
.sheet-buttons{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
html body.warm-modern[data-theme] :is(.sheet-pages,.sheet-inspector,.sheet-stage-tools,.sheet-dialog) button{font-size:12px!important;padding:7px 10px!important;min-height:30px!important;margin:0!important}
.sheet-inspector h3{font-size:14px!important;margin:6px 0 12px!important}.sheet-inspector p{font-size:12px;line-height:1.5}
.sheet-hide-pages{grid-template-columns:0 minmax(0,1fr) 292px}.sheet-hide-pages .sheet-pages{display:none}
.sheet-hide-inspector{grid-template-columns:170px minmax(0,1fr) 0}.sheet-hide-inspector .sheet-inspector{display:none}
.sheet-hide-pages.sheet-hide-inspector{grid-template-columns:0 minmax(0,1fr) 0}
html body.warm-modern[data-theme] dialog.sheet-dialog{width:min(760px,calc(100vw - 24px))!important;max-width:760px!important;max-height:90dvh!important;overflow:auto!important;padding:22px!important;box-sizing:border-box}
.sheet-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.sheet-dialog h2{font-size:19px!important;margin:0 0 16px!important}.sheet-dialog h3{font-size:15px!important}.sheet-dialog p{font-size:13px;line-height:1.6;white-space:pre-wrap}.sheet-dialog>div>button{margin:5px!important}.sheet-dialog-status{white-space:pre-wrap}
.sheet-metrics>div{display:grid;grid-template-columns:2fr 1fr 70px 32px;gap:6px;align-items:center}
.sheet-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:14px 0}.sheet-gallery img{width:100%;height:140px;object-fit:contain}.sheet-gallery>div{padding:10px;border:1px solid var(--ap-line);border-radius:8px}
.sheet-start{margin:auto;max-width:650px;padding:40px}.sheet-start h2{font-size:32px!important;line-height:1.2}.sheet-start p{font-size:15px;line-height:1.7}.sheet-start small{letter-spacing:.12em;font-size:11px}
@media(max-width:950px){.sheet-layout,.sheet-hide-pages,.sheet-hide-inspector,.sheet-hide-pages.sheet-hide-inspector{grid-template-columns:0 minmax(0,1fr) 0}.sheet-pages{position:absolute;left:0;top:0;bottom:0;width:175px;z-index:5;box-shadow:3px 0 15px #0003}.sheet-inspector{position:absolute;right:0;top:0;bottom:0;width:min(292px,85vw);z-index:5;box-shadow:-3px 0 15px #0003}.sheet-toolbar{padding-right:0}.sheet-toolbar select{max-width:180px}.sheet-start{padding:20px}.sheet-start h2{font-size:25px!important}.sheet-editor{min-height:70dvh}}
@media(max-width:520px){.sheet-metrics>div{grid-template-columns:1fr 1fr}.sheet-toolbar button{flex:auto}.sheet-toolbar select{max-width:100%;width:100%}.sheet-editor{min-height:calc(100dvh - 160px)}}

/* Low-vision mode is independent of the selected style. */
html body.warm-modern[data-accessibility=light]{--ap-bg:#fff;--ap-card:#fff;--ap-input:#fff;--ap-ink:#111;--ap-muted:#222;--ap-button:#111;--ap-button-ink:#fff;--ap-secondary:#e8e8e8;--ap-line:#222;--ap-sidebar:#fff;--ap-side-ink:#111;--ap-side-active:#ddd;--ap-accent:#111;--ap-link:#003d99;--ap-danger:#8c0011;--ap-good:#005719;color-scheme:light}
html body.warm-modern[data-accessibility=dark]{--ap-bg:#000;--ap-card:#111;--ap-input:#000;--ap-ink:#fff;--ap-muted:#eee;--ap-button:#ffe878;--ap-button-ink:#000;--ap-secondary:#242424;--ap-line:#eee;--ap-sidebar:#000;--ap-side-ink:#fff;--ap-side-active:#303030;--ap-accent:#ffe878;--ap-link:#b9deff;--ap-danger:#ffb6b6;--ap-good:#a5edb8;color-scheme:dark}
html body.warm-modern[data-size=extra] :is(p,label,input,textarea,select,button,.message-body){font-size:20px!important;line-height:1.6!important}
html body.warm-modern[data-size=extra] :is(small,.nav-label){font-size:17px!important}
html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark]) *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark]) :is(p,label,input,textarea,select,button,.message-body,li,td,th){font-size:20px!important;line-height:1.65!important;letter-spacing:.02em}
html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark])[data-size=extra] :is(p,label,input,textarea,select,button,.message-body,li,td,th){font-size:24px!important}
html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark]) :is(small,.nav-label,.role){font-size:18px!important;line-height:1.5!important}
html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark]) :is(h1,h2,h3){line-height:1.35!important;overflow-wrap:anywhere}
html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark]) :is(button,input,select,.fileLabel){min-height:48px!important;height:auto!important;white-space:normal!important}
html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark]) :is(.card,dialog,input,textarea,select){border-width:2px!important}
html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark]) :is(#view,canvas){cursor:auto!important}
html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark]) .warm-settings-grid{grid-template-columns:1fr}
html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark]) .warm-account{position:static!important;width:auto!important;max-width:none!important;flex-wrap:wrap!important}
html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark]) main>header{min-height:100px!important;height:auto!important;flex-wrap:wrap;gap:12px}
@media(min-width:1051px){html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark]){--warm-side:290px}html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark])>main{grid-template-rows:auto auto auto minmax(0,1fr)!important}html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark])[data-screen=chats]>main{grid-template-rows:auto auto minmax(0,1fr)!important}}
@media(forced-colors:active){html body.warm-modern[data-theme]{--ap-bg:Canvas;--ap-card:Canvas;--ap-input:Canvas;--ap-ink:CanvasText;--ap-muted:CanvasText;--ap-button:ButtonFace;--ap-button-ink:ButtonText;--ap-secondary:Canvas;--ap-line:ButtonText;--ap-sidebar:Canvas;--ap-side-ink:CanvasText;--ap-side-active:Canvas;--ap-accent:Highlight;--ap-link:LinkText;--ap-danger:CanvasText;--ap-good:CanvasText}}

html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark]) .sheet-toolbar button,html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark]) .sheet-inspector button{font-size:18px!important;min-height:48px!important}
@media(min-width:1051px){html body.warm-modern.workspace-focused main>header{padding-left:40px!important}html body.warm-modern.workspace-focused:not(.workspace-hide-left) .workspace-panel-controls{left:calc(var(--warm-side) + 8px)}}
.workspace-panel-controls[hidden]{display:none!important}
html body.warm-modern[data-theme] .warm-context .warm-task-row{background:transparent!important;color:var(--ap-ink)!important}
html body.warm-modern[data-theme] .warm-context .warm-task-row strong{color:var(--ap-ink)!important}
html body.warm-modern[data-theme] .warm-context .warm-task-row small{color:var(--ap-muted)!important}
.vz-panel-controls{display:flex;gap:5px;flex-wrap:wrap;margin:0!important}
html body .vz-layout.vz-hide-inspector>.vz-inspector,html body .vz-layout.vz-hide-tools>.vz-tools{display:none!important}
@media(min-width:951px){
 html body.warm-modern[data-screen=visualization] #view:has(.vz-layout){height:100%!important;overflow:hidden!important}
 html body .vz-studio:has(.vz-layout){display:flex;flex-direction:column;height:100%;min-height:0;padding:12px;border-radius:8px}
 html body .vz-top{flex:none;flex-wrap:wrap;gap:6px;margin:0 0 5px}
 html body .vz-top>div:first-child{flex:1;min-width:130px}
 html body .vz-status{flex:none;margin:4px 0 7px;max-height:48px;overflow:auto}
 html body .vz-layout{flex:1;min-height:0;grid-template-columns:96px minmax(0,1fr) 260px;grid-template-rows:minmax(0,1fr);gap:10px}
 html body .vz-layout.vz-hide-inspector{grid-template-columns:96px minmax(0,1fr)}
 html body .vz-layout.vz-hide-tools{grid-template-columns:minmax(0,1fr) 260px}
 html body .vz-layout.vz-hide-tools.vz-hide-inspector{grid-template-columns:minmax(0,1fr)}
 html body .vz-layout>.vz-inspector{grid-column:auto;display:flex;overflow:auto;border-left:1px solid var(--vz-border);border-top:0;padding:0 0 0 10px}
 html body .vz-tools{overflow:auto;min-height:0;padding-right:2px}
 html body .vz-center{min-height:0;overflow:auto}
 html body .vz-stage{flex:1;min-height:170px;height:auto}
 html body .vz-prompt{flex:none;padding:8px}
 html body .vz-prompt textarea{min-height:58px;height:58px}
 html body .vz-history{flex:none}
}
html body.warm-modern[data-theme]:not([data-theme=light]):not([data-accessibility=light])>aside .offline{color:#ffd0c3!important}
html body.warm-modern:is([data-theme=light],[data-accessibility=light])>aside .offline{color:#922d27!important}

@media(max-width:640px){
 html body.warm-modern[data-theme] .sheet-editor:has(.sheet-layout)>.sheet-toolbar .sheet-secondary-tool{display:none!important}
 .sheet-toolbar{max-height:160px;overflow:auto}.sheet-toolbar>button{flex:1!important}
}
@media(max-width:1050px){
 html body.warm-modern:is([data-screen=commercial],[data-screen=sketch])>main{display:flex!important;flex-direction:column!important;padding-bottom:8px!important;overflow:hidden!important}
 html body.warm-modern:is([data-screen=commercial],[data-screen=sketch]) main>.workspace{flex:1;min-height:0;height:auto!important}
 html body.warm-modern:is([data-screen=commercial],[data-screen=sketch]) .sheet-editor{min-height:0!important}
}
html body.warm-modern[data-theme] .vz-studio{color-scheme:dark}
html body.warm-modern[data-theme] .vz-studio .vz-history{background:transparent!important;color:#dce2e7!important;min-height:0}
html body.warm-modern[data-theme] .vz-studio .vz-history:not(:has(button)){display:none!important}
html body.warm-modern[data-theme] .vz-studio :is(input,textarea)::placeholder{color:#b8c2cb!important}
html body.warm-modern[data-theme] .vz-studio button.vz-button{color:#edf2f5!important;background:#343d45!important;border-color:#687783!important;height:auto!important;min-height:32px!important;margin:0!important;line-height:1.35!important}
html body.warm-modern[data-theme] .vz-studio button.vz-button[aria-pressed=true],html body.warm-modern[data-theme] .vz-studio button.vz-final{color:#17232c!important;background:#c7d6df!important}
html body.warm-modern[data-theme] .vz-studio button.vz-button :is(span,strong,small){color:inherit!important}
html body.warm-modern[data-theme] .vz-tools>button{flex:none!important;min-width:0!important;overflow-wrap:normal!important;word-break:normal!important;padding:7px 5px!important}
html body.warm-modern[data-theme] .vz-studio .vz-stage .vz-empty{padding:10px!important}
html body.warm-modern[data-theme] .vz-studio .vz-empty-symbol{font-size:28px!important}
@media(min-width:951px){
 html body.warm-modern[data-theme] .vz-studio:has(.vz-layout) .vz-top>div:first-child{min-width:170px;flex:1;max-width:320px}
 html body.warm-modern[data-theme] .vz-studio:has(.vz-layout) .vz-top>div:first-child :is(small,h2){display:none!important}
 html body.warm-modern[data-theme] .vz-studio:has(.vz-layout) .vz-quota{font-size:11px!important;line-height:1.5!important;margin:0!important}
 html body.warm-modern[data-theme] .vz-studio .vz-actions{gap:6px}
 html body.warm-modern[data-theme] .vz-studio .vz-actions>select{width:auto!important;max-width:200px!important;min-width:70px!important;padding:7px!important;margin:0!important;height:34px!important;font-size:12px!important}
 html body.warm-modern[data-theme] .vz-studio .vz-actions>label{margin:0!important;font-size:11px!important}
 html body.warm-modern[data-theme] .vz-studio .vz-actions>label input{margin:0 4px!important}
 html body.warm-modern[data-theme] .vz-studio .vz-prompt>small{margin-top:5px!important;font-size:10px!important}
 html body.warm-modern[data-theme] .vz-studio .vz-prompt button{font-size:11px!important;padding:7px!important}
 html body.warm-modern[data-theme] .vz-studio .vz-prompt textarea{margin:5px 0 0!important}
}
html body.warm-modern[data-theme] .vz-studio .vz-actions>label{display:flex!important;align-items:center!important;gap:5px}
html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark]) .sheet-field :is(span,input,select,textarea){font-size:18px!important;line-height:1.6!important}
html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark]) .vz-studio :is(button,input,select,textarea,label){font-size:20px!important;min-height:44px!important;height:auto!important}
html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark]) #view:has(.vz-layout){overflow:auto!important}
html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark]) .vz-studio:has(.vz-layout){height:auto!important;min-height:100%}
html body.warm-modern:is([data-accessibility=light],[data-accessibility=dark]) .vz-layout{min-height:800px}
/* Mobile companion: read, send and respond; no creative authoring controls. */
.phone-bottom-nav{display:none}
body.phone-office .phone-bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;z-index:80;gap:4px;justify-content:space-around;padding:5px 8px max(5px,env(safe-area-inset-bottom));background:var(--surface,var(--card));border-top:1px solid var(--line)}
body.phone-office .phone-bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:1px;min-height:44px;flex:1;padding:4px;background:var(--surface,var(--card));color:var(--ink);border:0;box-shadow:none}
body.phone-office .phone-bottom-nav button[aria-current=true]{background:var(--active,var(--button));color:var(--button-ink,var(--ink))}
body.phone-office .phone-bottom-nav small{color:inherit;font-size:11px}
body.phone-office [data-desktop-only=true]{display:none!important}
body.phone-office main{padding-bottom:66px!important}
body.phone-office:not([data-screen=chats]) .command-bar{display:none!important}
body.phone-office .mobile-greeting{min-height:0!important;padding:10px 0!important;margin:0 0 8px!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.phone-office .mobile-greeting h2{font-size:21px!important;margin:5px 0!important}
body.phone-office .mobile-kicker{display:none}
.phone-home-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}
.phone-library{display:flex;flex-direction:column;gap:10px;min-width:0;height:100%;overflow:auto;padding:2px}
.phone-library h2{font-size:20px;margin:0}
.phone-library p{margin:0;line-height:1.45}
.phone-library button,.phone-library select{min-height:44px;flex-shrink:0}
.phone-library-note{font-size:12px;color:var(--muted)}
.phone-library-status{font-size:13px}
.phone-document-actions{display:flex;flex-wrap:wrap;gap:6px}
.phone-document-actions button{flex:1}
.phone-sheet-stage{display:flex;align-items:center;justify-content:center;min-height:280px;flex:1;overflow:hidden;background:var(--panel,var(--card));border:1px solid var(--line);border-radius:10px}
.phone-sheet-scene{position:relative;flex:none}
.phone-sheet-scene>.sheet-paper{position:absolute;transform-origin:top left;background:white!important;color:#222!important}
.phone-visual-image{display:block;width:100%;min-height:120px;max-height:58dvh;object-fit:contain;background:var(--ap-secondary);border-radius:8px}
html body.warm-modern.phone-office .phone-bottom-nav{background:var(--ap-card)!important;border-color:var(--ap-line)!important}
html body.warm-modern.phone-office .phone-bottom-nav button{background:var(--ap-card)!important;color:var(--ap-ink)!important;border:0!important;box-shadow:none!important;border-radius:6px!important}
html body.warm-modern.phone-office .phone-bottom-nav button[aria-current=true]{background:var(--ap-secondary)!important;color:var(--ap-ink)!important}
html body.warm-modern.phone-office main{padding-bottom:70px!important}
html body.warm-modern.phone-office .phone-sheet-stage{background:var(--ap-secondary);border-color:var(--ap-line)}
html body.warm-modern.phone-office .phone-library-note{color:var(--ap-muted)}
html body.warm-modern.phone-office .warm-project-grid{display:flex!important;flex-direction:column;gap:10px!important}
html body.warm-modern.phone-office .project-folder-tile{display:flex!important;align-items:center;gap:8px;width:100%!important;max-width:none!important;margin:0!important}
html body.warm-modern.phone-office .project-cover-open{display:grid!important;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 10px!important;flex:1;min-width:0;min-height:90px!important;padding:10px!important;text-align:left!important}
html body.warm-modern.phone-office .project-cover-open .warm-project-preview{grid-row:1/3;width:64px!important;height:64px!important;min-height:0!important;align-self:center}
html body.warm-modern.phone-office .project-cover-open .project-folder-name{grid-column:2;align-self:end;font-size:14px!important;margin:0!important}
html body.warm-modern.phone-office .project-cover-open small{grid-column:2;text-align:left!important;margin:0!important}
html body.warm-modern.phone-office .project-folder-properties{font-size:11px!important;padding:7px!important;margin:0!important}
html body.warm-modern.phone-office .project-cover-open .warm-project-preview{position:relative;overflow:hidden}
html body.warm-modern.phone-office .project-cover-open .project-folder{position:absolute!important;left:3px;top:16px;margin:0!important;transform:scale(.32)!important;transform-origin:top left}