@import url("./appearance.css");
@import url("./assets/shell/background.css");
@import url("./assets/shell/shell-source.css");
@import url("./assets/shell/sidebar.css");
@import url("./shell/navigation.css");
@import url("./shell/page-header.css");

/* Existing page hooks; shell appearance above is selected from its source. */
:root{color-scheme:light;--blue:var(--co-select-ink);--cyan:#69d6e7;--wash:var(--co-select-wash);--shadow:0 18px 60px #243b5510;--header:var(--dna-shell-header-h,84px);font-synthesis:none}
:root[data-theme=dark]{color-scheme:dark;--cyan:#73dbe6;--shadow:0 18px 60px #0003}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}button svg,a svg{flex-shrink:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
#chrome{display:contents}.skip{position:fixed;top:10px;left:22px;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;background:var(--paper);border:1px solid var(--blue)}.skip:focus{width:auto;height:auto;padding:12px 20px;clip-path:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* Page adapter differences: brand wording and current destinations, no account UI. */
html[data-dna-shell-preview] .brand{white-space:nowrap}
html[data-dna-shell-preview] .dna-shell-toggle-slot .arc-spaces-tool{place-items:center}
html[data-dna-shell-preview] .dna-shell-toggle-slot .arc-spaces-tool>svg{display:block}
html[data-dna-shell-preview] .brand b{font-weight:650}
html[data-dna-shell-preview] .brand b .studio{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:400}
html[data-dna-shell-preview] .dna-shell-utilities .user-pill{cursor:default}
html[data-dna-shell-preview] .dna-shell-utilities .user-pill:hover{background:transparent}
.vic-avatar{display:grid;place-items:center;flex:none;border-radius:50%}.vic-avatar svg{width:16px;height:16px}.vic-name{display:grid}.vic-name small{display:block}
.sidebar-resources{border-bottom:0!important}.sidebar-resources small{margin-left:auto;color:var(--muted);font:11px ui-monospace,monospace}.sidebar-note{margin:18px 10px 0;color:var(--muted);font-size:11px;line-height:1.8}
.preview-motion{display:flex;align-items:center;gap:9px;padding:9px 4px 4px;font-size:12px;color:var(--muted)}.preview-motion input{width:15px;height:15px;accent-color:var(--blue)}
.page{margin:0 auto;padding:57px 40px 50px;min-width:0}
.page-nav{display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);margin-bottom:44px}.page-nav a{font-size:14px;color:var(--muted);padding:0 0 17px;position:relative}.page-nav a[aria-current=page]{color:var(--ink)}.page-nav a[aria-current=page]::after{content:"";height:2px;left:0;right:0;bottom:-1px;position:absolute;background:var(--co-selection-line)}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:500;color:var(--muted);line-height:1.7;margin:0 0 14px}.quiet-link{display:inline-flex;align-items:center;gap:18px;color:var(--blue);font-size:14px}.quiet-link:hover{text-decoration:underline;text-underline-offset:5px}.page-footer{margin-top:60px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px;line-height:1.8}.page-footer p{margin:0}.page-footer a{text-decoration:underline;text-underline-offset:4px}
html.motion-reduced *,html.motion-reduced *::before,html.motion-reduced *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1100px){.workspace-label{display:none}.page{padding-top:40px}}
@media(max-width:640px){.page{padding-top:30px}.page-nav{gap:25px;margin-bottom:32px}.page-nav a{font-size:13px;white-space:nowrap}.page-footer{display:block;margin-top:42px}.page-footer a{display:inline-block;margin-top:13px}}
/* Longer Company OS Studio wording needs a compact, labelled mobile control row. */
@media(max-width:560px){html[data-dna-shell-preview] .brand b .studio{display:none}}
@media(max-width:420px){html[data-dna-shell-preview] .dna-shell-actions>button{width:30px;justify-content:center;padding-inline:4px}html[data-dna-shell-preview] .dna-shell-actions>button span,html[data-dna-shell-preview] [data-bg-preset-toggle]::after{display:none}}

/* The public mount and the library adapter share one source frame. */
.studio-shell {display:contents}
html[data-dna-shell-preview] {--shell-font:'Hiragino Sans','Hiragino Kaku Gothic ProN',-apple-system,BlinkMacSystemFont,sans-serif}
.studio-content {font-family:var(--shell-font)}
html[data-dna-shell-preview] .dna-shell-content > main.studio-content {margin-inline:auto}