/* Identity files are unchanged. This viewport removes only transparent margins. */
:root{color-scheme:light;--surface:var(--paper,#eeeadf);--on-surface:var(--ink,#161118);--surface-line:#16111845;--soft-text:#64605f;--accent-text:var(--red,#a6151b);--card-surface:#fff;--editor-surface:#f6f5f1;--input-line:#bdbbb5;--light-logo:block;--dark-logo:none;--signature-filter:none;--signature-blend:multiply}
html[data-theme=dark]{color-scheme:dark;--surface:var(--ink,#161118);--on-surface:var(--paper,#eeeadf);--surface-line:#eeeadf40;--soft-text:#c2c6b3;--accent-text:var(--citron,#dbe499);--card-surface:#242027;--editor-surface:#1d1920;--input-line:#756e78;--light-logo:none;--dark-logo:block;--signature-filter:invert(1);--signature-blend:screen}
@media(prefers-color-scheme:dark){html:not([data-theme=light]){color-scheme:dark;--surface:var(--ink,#161118);--on-surface:var(--paper,#eeeadf);--surface-line:#eeeadf40;--soft-text:#c2c6b3;--accent-text:var(--citron,#dbe499);--card-surface:#242027;--editor-surface:#1d1920;--input-line:#756e78;--light-logo:none;--dark-logo:block;--signature-filter:invert(1);--signature-blend:screen}}
.logo-pair{display:block;width:100%;aspect-ratio:2719/588;position:relative}.logo-pair .logo-light{display:var(--light-logo);width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:none;margin:0}.logo-pair .logo-reverse{display:var(--dark-logo);position:absolute;inset:0;overflow:hidden}.logo-pair .logo-reverse img{position:absolute;width:150.239%;max-width:none;height:auto;left:-25.1195%;top:-153.4014%;mix-blend-mode:normal;filter:none;margin:0}
.footer .logo-pair{width:135px}.footer .logo-light{display:none}.footer .logo-reverse{display:block}.admin-brand .logo-pair{width:155px}.signin .logo-pair{width:200px;margin-bottom:60px}
body,.header{background:var(--surface);color:var(--on-surface)}.header,.section-label,.service-row,.note-article{border-color:var(--surface-line)}.theme-switch{font:inherit;font-size:13px;line-height:1.4;color:inherit;background:transparent;border:1px solid var(--surface-line);border-radius:99px;padding:9px 13px;cursor:pointer;white-space:nowrap}.theme-switch:hover{background:var(--on-surface);color:var(--surface)}.menu-toggle{color:inherit}.nav-cta{border-color:currentColor}.nav-cta:hover{background:var(--on-surface);color:var(--surface)}.period{color:var(--accent-text)}.image-label{background:var(--surface);color:var(--on-surface)}.project-open,.practice,.studio-intro,.preview-banner,.skip,.note-mark,.note-graphic{color:var(--ink)}.footer{background:var(--ink);color:var(--paper);border-top:1px solid #eeeadf26}.note-page-title img{filter:var(--signature-filter);mix-blend-mode:var(--signature-blend)}.note-mark img,.note-graphic img{filter:none}.contact .field input,.contact .field textarea,.contact .field select{color:var(--on-surface);border-color:var(--input-line)}.contact option{background:var(--surface);color:var(--on-surface)}.contact input::placeholder,.contact textarea::placeholder{color:var(--soft-text);opacity:1}.submit{background:var(--on-surface);color:var(--surface)}.submit:hover{background:var(--citron);color:var(--ink)}:is(a,button,input,textarea,select):focus-visible{outline-color:var(--accent-text)}
/* Default paper project surfaces follow the theme; authored art direction remains. */
.cms-project.theme-project{background:var(--surface)!important;color:var(--on-surface)!important}.cms-block.theme-block{background:var(--surface)!important;color:var(--on-surface)!important}
/* The private editor and account screens share the same preference. */
body:has(.workspace){background:var(--editor-surface)}.sidebar{background:var(--surface);border-color:var(--surface-line)}.sidebar nav button{color:var(--on-surface)}.sidebar nav button[aria-current]{background:var(--on-surface);color:var(--surface)}.sidebar nav .theme-switch{margin-top:14px;border:1px solid var(--surface-line);padding:9px 13px;justify-content:center}.sidebar-bottom p{color:var(--soft-text);border-color:var(--surface-line)}.sidebar-bottom #signout{color:var(--on-surface)}.toolbar{background:var(--editor-surface);border-color:var(--surface-line)}.toolbar p,.workspace-label,.description,.view-head p,.project-row p,.field .hint,.caption,.muted,.block summary small,dialog>p{color:var(--soft-text)}.workspace button,dialog button{background:var(--card-surface);color:var(--on-surface);border-color:var(--input-line)}.workspace button:hover,dialog button:hover{background:var(--surface);color:var(--on-surface)}.workspace button.primary,.signin .primary{background:var(--citron);color:var(--ink);border-color:var(--citron)}.card,.project-row,.block,.media-tile,dialog{background:var(--card-surface);color:var(--on-surface);border-color:var(--surface-line)}.workspace .field input:not([type=color]),.workspace .field textarea,.workspace .field select,dialog .field input,.signin .field input{background:var(--editor-surface);color:var(--on-surface);border-color:var(--input-line)}.check input{accent-color:var(--accent-text)}.badge{border-color:var(--input-line)}.badge.featured,.helper-strip,.upload-label{color:var(--ink)}.layout-settings,.color-chip,.gallery-edit .image-well{border-color:var(--surface-line)}.add-block,.empty,.image-empty,.project-thumb{background:var(--surface);color:var(--on-surface)}.add-block select{background:var(--card-surface);color:var(--on-surface);border-color:var(--input-line)}.workspace .danger{color:var(--accent-text)}#message[role=status]{background:var(--citron);color:var(--ink)}#message[role=status].error{background:#602b30;color:#fff0ed}.signin{background:var(--surface);color:var(--on-surface)}.signin-theme{position:fixed;top:18px;right:18px;width:auto!important;z-index:5}.signin-theme .theme-switch{background:var(--surface);color:var(--on-surface)}#auth-message{color:var(--accent-text)}
@media(min-width:641px) and (max-width:1100px){.header{flex-wrap:wrap;gap:22px}.header nav{flex:1;flex-wrap:wrap;justify-content:flex-end;gap:12px}.header .nav-cta{margin-left:0;padding:10px 14px}}
@media(max-width:700px){.admin-brand .logo-pair{width:135px}.signin .logo-pair{width:160px}.signin{padding-top:85px}.sidebar nav .theme-switch{margin-top:0}.signin-theme{top:16px;right:20px}}
@media(max-width:640px){.header .theme-switch{align-self:flex-start}.footer .logo-pair{width:125px}}
.workspace .page-picker button[aria-current]{background:var(--on-surface);color:var(--surface)}.loading{color:var(--soft-text)}