@font-face { font-family:Inter; src:url("piscesos-inter.woff2") format("woff2"); font-style:normal; font-weight:100 900; font-display:swap; }
/* Accepted PiscesOS Figma semantic roles, inspected 2026-10-09.
   These are PiscesOS colors, not universal Apple constants. */
:root {
  --p-on-accent:var(--p-button-ink);
  --p-background: #f8fafd; --p-content: #ffffff; --p-secondary: #eaf0f7;
  --p-ink: #182336; --p-muted: #566780; --p-line: #d3dde9;
  --p-accent: #1867da; --p-selected: #d8e9ff; --p-danger: #bc3040;
  --p-success: #187248; --p-material: #eaf0f7; --p-control: #ffffff;
  --p-control-line: #d3dde9; --p-button-ink: #ffffff;
  --p-shadow: 0 16px 40px -8px rgb(5 13 31 / 20%);
  --p-control-radius: 12px; --p-window-radius: 24px;
  --p-control-height: 32px; --p-target-height: 32px;
  --desktop: var(--p-background); --surface: var(--p-content);
  --surface-hover: var(--p-secondary); --surface-pressed: var(--p-selected);
  --text: var(--p-ink); --muted: var(--p-muted); --subtle: var(--p-muted);
  --line: var(--p-line); --line-soft: var(--p-line); --panel: var(--p-content);
  --accent: var(--p-accent); --accent-strong: var(--p-accent); --accent-hover: #1459bd;
  --mica: var(--p-material); --mica-solid: var(--p-content); --glass: var(--p-material);
  --tool-bg: var(--p-background); --tool-panel: var(--p-secondary); --tool-field: var(--p-content);
  --tool-ink: var(--p-ink); --tool-muted: var(--p-muted); --tool-border: var(--p-line);
  --touch-surface: var(--p-background); --touch-chrome: var(--p-secondary);
  --touch-border: var(--p-line); --touch-ink: var(--p-ink);
  /* Compatibility aliases for existing tools; they use the accepted semantic roles. */
  --md-sys-color-primary: var(--p-accent); --md-sys-color-on-primary: var(--p-button-ink);
  --md-sys-color-primary-container: var(--p-selected); --md-sys-color-on-primary-container: var(--p-ink);
  --md-sys-color-secondary-container: var(--p-selected); --md-sys-color-on-secondary-container: var(--p-ink);
  --md-sys-color-surface: var(--p-background); --md-sys-color-on-surface: var(--p-ink);
  --md-sys-color-surface-container-lowest: var(--p-content); --md-sys-color-surface-container-low: var(--p-secondary);
  --md-sys-color-surface-container: var(--p-secondary); --md-sys-color-surface-container-high: var(--p-secondary);
  --md-sys-color-surface-container-highest: var(--p-control); --md-sys-color-on-surface-variant: var(--p-muted);
  --md-sys-color-outline: var(--p-control-line); --md-sys-color-outline-variant: var(--p-line);
  --md-sys-color-error: var(--p-danger); --md-sys-color-inverse-surface: var(--p-ink);
  --md-sys-color-inverse-on-surface: var(--p-content);
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-synthesis: none; color: var(--p-ink); color-scheme: light;
}
html:is([data-theme='night'],[data-theme='dark']) {
  --p-background: #161d2a; --p-content: #222b3a; --p-secondary: #202c3e;
  --p-ink: #f1f5fc; --p-muted: #acbcd2; --p-line: #405069;
  --p-accent: #77b4ff; --p-selected: #2b4565; --p-danger: #ff9ba4;
  --p-success: #74d6a3; --p-material: #202c3e; --p-control: #222b3a;
  --p-control-line: #405069; --p-button-ink: #182336;
  --accent-hover: #93c4ff; color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme]),html[data-theme='system'] {
    --p-background: #161d2a; --p-content: #222b3a; --p-secondary: #202c3e;
    --p-ink: #f1f5fc; --p-muted: #acbcd2; --p-line: #405069;
    --p-accent: #77b4ff; --p-selected: #2b4565; --p-danger: #ff9ba4;
    --p-success: #74d6a3; --p-material: #202c3e; --p-control: #222b3a;
    --p-control-line: #405069; --p-button-ink: #182336; color-scheme: dark;
  }
}

html.bios-document { background: var(--p-background); color-scheme: inherit; }
body { font-family: inherit; }
body.windows-desktop, body.server-edition, body.library-public, body:has(>.console-sidebar), body:has(>header>.brand) {
  background: var(--p-background); color: var(--p-ink);
}
body.bios-console {
  --desktop: var(--p-background); --surface: var(--p-content); --text: var(--p-ink);
  --bios-text: var(--p-ink); --bios-muted: var(--p-muted); --bios-panel: var(--p-content);
  --bios-border: var(--p-line); --muted: var(--p-muted); --line: var(--p-line);
  --accent: var(--p-accent); --accent-strong: var(--p-accent); --mica: var(--p-material);
  background: var(--p-background); color: var(--p-ink);
}
button, input, select, textarea { font-family: inherit; }
:is(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--p-accent); outline-offset: 3px;
}
input[type="checkbox"], input[type="radio"], progress { accent-color: var(--p-accent); }
:is(.windows-desktop,.server-edition,.desktop-shell,.library-public,.console-sidebar~main) :is(h1,h2,h3) {
  color: var(--p-ink); letter-spacing: 0;
}
:is(.windows-desktop,.server-edition,.library-public) h1 { font-size: clamp(25px, 2.6vw, 34px); font-weight: 600; }
:is(.windows-desktop,.server-edition,.library-public) :is(.muted,.hint,.lead,.eyebrow,.cell-subtitle,.library-note) { color: var(--p-muted); }
:is(.windows-desktop,.server-edition,.library-public,.console-sidebar~main) :is(button,.button,.button-link),
.desktop-shell :is(button:not(.launcher-tile,.pinned,[data-launcher-remove]),.button-link) {
  border: 1px solid var(--p-control-line); border-radius: 16px;
  background: var(--p-control); color: var(--p-ink); box-shadow: 0 1px 2px #00000009;
  font-weight: 500; transition: box-shadow .15s;
}
:is(.windows-desktop,.server-edition,.library-public,.console-sidebar~main) :is(button,.button,.button-link):hover,
.desktop-shell button:not(.launcher-tile):not(.pinned):hover { background: var(--p-secondary); }
:is(.windows-desktop,.server-edition,.library-public,.console-sidebar~main,.desktop-shell) :is(.primary,button.primary,.button.primary) {
  background: var(--md-sys-color-primary); color: var(--md-sys-color-on-primary); border-color: transparent;
}
:is(.windows-desktop,.server-edition,.library-public,.console-sidebar~main,.desktop-shell) :is(.primary,button.primary):hover { background: color-mix(in srgb, var(--md-sys-color-primary), var(--md-sys-color-on-primary) 8%); color: var(--md-sys-color-on-primary); }
:is(.windows-desktop,.server-edition,.library-public,.console-sidebar~main,.desktop-shell) :is(.danger,button.danger) {
  color: var(--p-danger); background: var(--p-content); border-color: var(--p-line);
}
:is(.windows-desktop,.server-edition,.library-public,.console-sidebar~main,.desktop-shell) :is(input,select,textarea):not([type="checkbox"],[type="radio"],[type="range"],[type="color"]) {
  background: var(--p-control); color: var(--p-ink); border: 1px solid var(--p-control-line); border-radius: 16px;
}
input::placeholder, textarea::placeholder { color: var(--p-muted); opacity: 1; }
.topbar, .bios-console .topbar, body:has(>.console-sidebar)>header, .library-topbar, .explorer-header {
  background: var(--p-material); color: var(--p-ink); border-bottom: 1px solid var(--p-line);
  backdrop-filter: none; backdrop-filter: none;
}
.logo, .bios-console .logo, .brand, .library-topbar a { color: var(--p-ink); font-weight: 600; }
.logo-mark, .bios-console .logo-mark { background: transparent; border-radius: 0; box-shadow: none; }
.topbar nav a, .bios-console .topbar nav a, body:has(>.console-sidebar)>header nav a { color: var(--p-muted); border-radius: 16px; }
.topbar nav a:hover { color: var(--p-ink); background: var(--p-secondary); }
.bios-workspace { padding-left: 238px; }
.bios-sidebar { width: 238px; background: var(--p-material); border-right: 1px solid var(--p-line); backdrop-filter: none; }
.bios-sidebar>nav { padding: 18px 12px; }
.bios-nav-group p { color: var(--p-muted); font-weight: 600; font-size: 11px; letter-spacing: .02em; }
.bios-nav-group a { min-height: 34px; padding: 7px 10px; font-weight: 500; color: var(--p-ink); border-radius: 16px; }
.bios-nav-group a>span { display: inline-flex; align-items: center; color: var(--p-accent); }
.design-symbol { width: 24px; height: 24px; flex: 0 0 24px; vertical-align: middle; fill: currentColor; stroke: none; }
.bios-nav-group a.active, .console-sidebar a.active, .server-sidebar button.active, .explorer-sidebar a.active {
  background: var(--p-selected); color: var(--p-accent); font-weight: 600;
}
.bios-nav-group a:hover, .console-sidebar a:hover, .explorer-sidebar a:hover { background: var(--p-secondary); color: var(--p-ink); }
.bios-sidebar-user { border-color: var(--p-line); color: var(--p-ink); }
.bios-sidebar-user small { color: var(--p-muted); }
.bios-avatar { background: var(--p-secondary); color: var(--p-ink); }
.bios-console :is(.bios-stats article,.bios-tool-counts>span,.card,.simple-stat,.history-list article),
:is(.windows-desktop,.server-edition,.console-sidebar~main,.library-public) :is(.card,.form,.metric-card,.library-card,.library-detail,.simple-stat,.computer-card) {
  background: var(--p-content); border: 1px solid var(--p-line); border-radius: 20px; color: var(--p-ink);
  box-shadow: 0 1px 3px #00000004;
}
.bios-console :is(.bios-action-card,.bios-activity,.bios-environment,.bios-tool-card,.empty-state,.create-user,.computer-admin-card) {
  background: var(--p-content); border-color: var(--p-line); color: var(--p-ink); border-radius: 20px;
}
.bios-action-card:hover { box-shadow: 0 4px 16px #0000000b; transform: none; }
.bios-console :is(.bios-stats p,.bios-action-card p,.bios-tool-heading p,.bios-hero p,.activity-row small,.bios-overview-meta) { color: var(--p-muted); }
.bios-console :is(.stat-icon,.action-icon) { background: var(--p-selected); color: var(--p-accent); border-radius: 10px; }
.bios-console :is(th,td), .server-tools-table :is(th,td), .console-sidebar~main :is(th,td) { border-color: var(--p-line); color: var(--p-ink); }
.bios-console th, .server-tools-table th, .console-sidebar~main th, .explorer-columns { background: var(--p-secondary); color: var(--p-muted); font-size: 12px; font-weight: 600; }
.bios-console tbody tr:hover, .server-tools-table tbody tr:hover, .explorer-file:hover { background: var(--p-secondary); }
.auth-card::before, .auth-card::after { display: none; }
.auth-card { box-shadow: var(--p-shadow); }
.security-note, .setup-box, .bios-console .security-note, .bios-console .setup-box { background: var(--p-secondary); border-color: var(--p-line); color: var(--p-muted); }
body:has(>.console-sidebar)>header { height: 62px; padding: 0 24px; }
.console-sidebar { top: 62px; width: 238px; padding: 18px 12px; background: var(--p-material); border-right: 1px solid var(--p-line); }
.console-sidebar>a { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 16px; color: var(--p-ink); font-size: 13px; }
.console-sidebar>a .design-symbol { color: var(--p-accent); }
.console-sidebar>small { color: var(--p-muted); padding: 0 10px 10px; }
.console-account { border-color: var(--p-line); color: var(--p-ink); }
.console-account small { color: var(--p-muted); }
.console-sidebar~main { margin: 62px 0 0 238px; max-width: none; padding: 32px clamp(22px, 4vw, 56px) 40px; color: var(--p-ink); }
.console-sidebar~main .card { padding: 22px; }
.console-sidebar~main :is(p,.lead) { color: var(--p-muted); }
.console-sidebar~main :is(.error,.card.error) { color: var(--p-danger); }
.server-shell { grid-template-columns: 238px minmax(0,1fr); background: var(--p-background); color: var(--p-ink); }
.server-sidebar { width: 238px; background: var(--p-material); color: var(--p-ink); border-color: var(--p-line); padding: 22px 12px; }
.server-brand { padding: 0 8px 22px; gap: 10px; }
.server-brand small, .server-sidebar-bottom small { color: var(--p-muted); }
.server-sidebar button { display: flex; align-items: center; gap: 10px; min-height: 35px; padding: 8px 10px; border: 0; box-shadow: none; background: transparent; font-weight: 500; text-align: left; color: var(--p-ink); }
.server-sidebar button .design-symbol { color: var(--p-accent); }
.server-main { background: var(--p-background); min-width: 0; }
.server-main>header { background: var(--p-material); color: var(--p-ink); border-bottom: 1px solid var(--p-line); }
.server-main small, .server-content p, .server-content .hint { color: var(--p-muted); }
.server-content { padding: 28px 32px; }
.server-content .form, .metric-card { padding: 22px; }
.server-operation-output { background: var(--p-secondary); color: var(--p-ink); border: 1px solid var(--p-line); border-radius: 10px; }
.explorer-shell, .explorer-main, .explorer-content, .explorer-list, .explorer-detail, .library-admin-main { background: var(--p-content); color: var(--p-ink); }
.explorer-header, .explorer-footer, .explorer-search { border-color: var(--p-line); color: var(--p-muted); }
.explorer-header h1 { font-size: 17px; font-weight: 600; }
.explorer-sidebar, .library-admin-sidebar { background: var(--p-material); color: var(--p-ink); border-color: var(--p-line); }
.explorer-sidebar a { color: var(--p-ink); margin: 2px 8px; padding: 9px 12px; border-radius: 16px; }
.explorer-sidebar h2, .explorer-file-name small, .explorer-detail p, .explorer-header small { color: var(--p-muted); }
.explorer-file, .explorer-detail { border-color: var(--p-line); }
.explorer-file.selected { background: var(--p-selected); }
.explorer-file-name strong, .explorer-detail h2 { color: var(--p-ink); }
.explorer-file-icon { background: var(--p-selected); color: var(--p-accent); border-radius: 16px; }
.explorer-file-status { color: var(--p-muted); }
.library-document { background: var(--p-secondary); color: var(--p-ink); border-radius: 10px; }
/* Tonal navigation separates destinations from the stable content surface. */
.window { background: var(--p-content); color: var(--p-ink); border: 1px solid var(--p-line); border-radius: 20px; box-shadow: var(--p-shadow); }
.window-titlebar, header[data-pisces-window-header], .store-sidebar, .settings-sidebar, .files-sidebar { background: var(--p-material); color: var(--p-ink); border-color: var(--p-line); backdrop-filter: none; }
.window-content { background: var(--p-content); color: var(--p-ink); }
.window-controls button { color: var(--p-muted); }
.window-controls button:hover { background: var(--p-secondary); color: var(--p-ink); }
.window-controls .close-window:hover { background: #d32d35; color: #fff; }
.window :is(.store-main,.settings-main,.files-main,.notebook-app,.notes-app,.calendar-app) { background: var(--p-content); color: var(--p-ink); }
.window :is(.store-top p,.tool-copy p,.sidebar-heading,.section-heading>span) { color: var(--p-muted); }
.window :is(.tool-card,.settings-card,.custom-strip) { background: var(--p-secondary); border-color: var(--p-line); border-radius: 12px; }
.window :is(.store-nav button,.settings-nav button) { color: var(--p-ink); }
.window :is(.store-nav button.active,.settings-nav button.active) { background: var(--p-selected); color: var(--p-accent); border-radius: 16px; }
.window :is(.search-field,.settings-main input,.settings-main select,.store-main input) { background: var(--p-secondary); border-color: var(--p-line); color: var(--p-ink); border-radius: 12px; }
.window .install-button { background: var(--p-selected); color: var(--p-accent); border-radius: 999px; }
.window .install-button.installed { background: var(--p-secondary); color: var(--p-muted); }
.taskbar .dock { background: var(--p-material); border: 1px solid var(--p-line); box-shadow: var(--p-shadow); backdrop-filter: none; border-radius: 18px; }
.taskbar .system-tray { background: var(--p-material); color: var(--p-ink); border-color: var(--p-line); backdrop-filter: none; border-radius: 20px; }
.os-brand .brand-symbol { width: 34px; height: 34px; font-size: 0; background: transparent; }
.os-brand .brand-symbol::before, .os-brand .brand-symbol::after { display: none; }
.brand>img { width: 30px; height: 30px; object-fit: contain; margin-right: 9px; vertical-align: middle; }
.app-art-image, .desktop-icon.has-image, .dock button.has-image { background: transparent; border: 0; box-shadow: none; border-radius: 0; }
.app-art-image img, .app-icon-image { background: transparent; border-radius: 0; object-fit: contain; }
.app-art-browser.app-art-image { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.app-art-image>svg { visibility: hidden; }
.app-art-image.image-failed>svg { visibility: visible; }
.desktop-edition .desktop-shell { background: var(--p-background); color: var(--p-ink); border: 1px solid var(--p-line); border-radius: 18px; box-shadow: var(--p-shadow); }
.desktop-edition :is(.desktop-top,.desktop-footer) { background: var(--p-material); color: var(--p-ink); border-color: var(--p-line); }
.desktop-edition .desktop-content { color: var(--p-ink); }
.desktop-edition .launcher-brand b { font-weight: 600; color: var(--p-ink); }
.desktop-edition .launcher-brand summary { color: var(--p-muted); }
.desktop-edition .launcher-library .launcher-search { background: var(--p-secondary); border: 1px solid var(--p-line); border-radius: 28px; }
.desktop-edition .launcher-library .launcher-search input { background: transparent; border: 0; color: var(--p-ink); }
.desktop-edition .launcher-search kbd { background: var(--p-control); border-color: var(--p-line); color: var(--p-muted); }
.desktop-edition .section-title { color: var(--p-ink); }
.desktop-edition .section-title h2 { font-size: 18px; font-weight: 600; }
.desktop-edition .section-title :is(p,small), .desktop-edition .launcher-page-label { color: var(--p-muted); }
.desktop-edition .launcher-tile { color: var(--p-ink); border-radius: 12px; }
.desktop-edition .launcher-tile:hover { background: var(--p-secondary); border-color: transparent; }
.desktop-edition .launcher-tile strong { font-weight: 500; }
.desktop-edition .launcher-add>.desktop-icon { background: var(--p-secondary); color: var(--p-muted); border: 1px dashed var(--p-control-line); box-shadow: none; }
.desktop-edition .launcher-folder-art { background: var(--p-secondary); border-color: var(--p-line); border-radius: 12px; }
.desktop-edition :is(.launcher-folder-panel,.workspace-menu,.launcher-context-menu) { background: var(--p-material); color: var(--p-ink); border: 1px solid var(--p-line); box-shadow: var(--p-shadow); backdrop-filter: none; }
.desktop-edition .launcher-pagination>button { border-radius: 50%; background: var(--p-secondary); box-shadow: none; color: var(--p-ink); }
.desktop-edition .launcher-page-dots button { background: var(--p-muted); opacity: .35; border: 0; }
.desktop-edition .launcher-page-dots button.active { background: var(--p-ink); opacity: 1; }
.desktop-edition :is(.form,.list-row,.settings-dashboard>section,.desktop-store-main,.desktop-store-card) { background: var(--p-content); color: var(--p-ink); border-color: var(--p-line); border-radius: 12px; }
.desktop-edition .desktop-store-sidebar { background: var(--p-material); color: var(--p-ink); border-color: var(--p-line); }
.desktop-edition :is(.settings-dashboard>nav button.active,.desktop-store-sidebar button.active) { background: var(--p-selected); color: var(--p-accent); }
.desktop-edition .metric-grid article { background: var(--p-content); border-color: var(--p-line); }
.desktop-edition .metric-grid span { color: var(--p-muted); }
.desktop-edition .native-store>aside { border-color: var(--p-line); }
.desktop-edition .native-store>aside button.active { background: var(--p-selected); color: var(--p-accent); }
.desktop-edition .center-card { background: var(--p-content); color: var(--p-ink); border-color: var(--p-line); border-radius: 20px; }
.desktop-edition .center-card>button[data-center-install] { background: var(--p-selected); color: var(--p-accent); border-radius: 999px; }
.desktop-edition .center-card>button.installed { background: var(--p-secondary); color: var(--p-muted); }
.desktop-edition .center-actions button { color: var(--p-muted); border-color: var(--p-line); }
.desktop-edition :is(.hint,.desktop-content p,.desktop-content label) { color: var(--p-muted); }
body.desktop-window-surface .desktop-shell { border-radius: 0; border: 0; }
html.desktop-window-root body.desktop-edition { background: var(--p-background); }
:is(.desktop-edition,.server-edition,.windows-desktop,.library-public) dialog { background: var(--p-content); color: var(--p-ink); border: 1px solid var(--p-line); border-radius: 16px; box-shadow: var(--p-shadow); }
dialog::backdrop { background: transparent; backdrop-filter: none; }
:is(.desktop-edition,.server-edition) .software-update-progress { background: var(--p-secondary); color: var(--p-ink); border-color: var(--p-line); }
:is(.desktop-edition,.server-edition) .software-update-progress small { color: var(--p-muted); }
#status, .toast { background: var(--p-material); color: var(--p-ink); border: 1px solid var(--p-line); border-radius: 12px; box-shadow: var(--p-shadow); backdrop-filter: none; }
body.bios-console :is(h1,h2,h3), .bios-stats strong { color: var(--p-ink); }
.bios-mobile-menu { background: var(--p-material); border-color: var(--p-line); }
.bios-mobile-menu>summary { color: var(--p-ink); }
body:has(header[data-pisces-window-header]) { background: var(--p-background); color: var(--p-ink); }
header[data-pisces-window-header] button { color: var(--p-ink); background: var(--p-control); border-color: var(--p-control-line); }
.desktop-edition .method-tabs button.active { background: var(--p-selected); color: var(--p-accent); border-color: var(--p-accent); }
@media (min-width: 601px) and (max-width: 1024px) {
  .bios-sidebar, .console-sidebar, .server-sidebar { width: 210px; }
  .bios-workspace { padding-left: 210px; }
  .bios-sidebar { display: flex; }
  .bios-mobile-menu { display: none; }
  .console-sidebar~main { margin-left: 210px; padding: 26px 24px 32px; }
  .server-shell { grid-template-columns: 210px minmax(0,1fr); }
  :is(.bios-nav-group a,.console-sidebar>a,.server-sidebar button,.explorer-sidebar a) { min-height: 48px; }
  :is(.windows-desktop,.console-sidebar~main,.library-public) :is(button,.button,.button-link) { min-height: 40px; }
  .server-content { padding: 24px; }
}
@media (max-width: 600px) {
  html[data-ui=touch][data-size=phone] .desktop-header { left: 12px; right: 12px; width: auto; height: 44px; }
  html[data-ui=touch][data-size=phone] .desktop-account { position: absolute; top: -38px; left: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
  html[data-ui=touch][data-size=phone] .header-actions { width: 100%; min-width: 0; gap: 6px; overflow-x: auto; scrollbar-width: none; }
  html[data-ui=touch][data-size=phone] .header-actions>.glass-button { flex-shrink: 0; white-space: nowrap; min-height: 48px; font-size: 12px; }
  html[data-ui=touch][data-size=phone] .workspace-trigger { flex: 0 0 auto; min-width: 112px; max-width: 160px; }
  html[data-ui=touch][data-size=phone] [data-workspace-name] { min-width: 0; max-width: 100px; overflow: hidden; text-overflow: ellipsis; }
  html[data-ui=touch][data-size=phone] .clock-widget { padding-top: 62px; }
  .bios-workspace { padding-left: 0; padding-top: 62px; }
  .bios-console .topbar { height: 62px; padding: 0 16px; }
  .bios-sidebar { width: min(310px, 88vw); top: 62px; background: var(--p-content); }
  .bios-console :is(main.bios-home,main.bios-tool-page,main.narrow,.admin-shell,.update-shell,.dashboard) { padding: 24px 16px; }
  .bios-console .bios-nav-group a { min-height: 48px; }
  .bios-mobile-menu>summary { min-height: 48px; }
  body:has(>.console-sidebar)>header { height: 62px; padding: 0 16px; gap: 8px; }
  body:has(>.console-sidebar)>header>span { display: none; }
  body:has(>.console-sidebar)>header nav { gap: 8px; font-size: 12px; }
  .console-sidebar { position: sticky; inset: auto; width: 100%; margin-top: 62px; padding: 8px; display: flex; flex-direction: row; gap: 4px; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--p-line); }
  .console-sidebar>small, .console-sidebar .console-account { display: none; }
  .console-sidebar>a { flex-shrink: 0; min-height: 48px; padding: 8px 12px; margin: 0; font-size: 13px; }
  .console-sidebar~main { margin: 0; padding: 24px 16px; }
  .console-sidebar~main .card { padding: 18px; overflow-x: auto; }
  .console-sidebar~main .grid, .console-sidebar~main .grid.three { grid-template-columns: 1fr; }
  :is(.windows-desktop,.console-sidebar~main,.library-public) :is(button,.button,.button-link) { min-height: 48px; }
  :is(.windows-desktop,.console-sidebar~main,.library-public) :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]) { font-size: 16px; min-height: 48px; }
  .explorer-sidebar { box-sizing: border-box; width: 100%; display: flex; padding: 8px; gap: 4px; overflow-x: auto; border-right: 0; }
  .explorer-sidebar h2 { display: none; }
  .explorer-sidebar a { flex-shrink: 0; min-height: 48px; margin: 0; padding: 10px 12px; }
  .explorer-body { display: flex; flex-direction: column; min-height: 0; }
  .explorer-main { min-height: 0; flex: 1; }
  .explorer-header { padding: 16px; }
  .explorer-search { padding: 12px 16px; }
  .explorer-actions { flex-wrap: wrap; }
  .explorer-detail { min-width: 0; }
  .window .store-shell { grid-template-columns: 1fr; }
  .window .store-sidebar { padding: 8px; }
  .window .store-nav { display: flex; overflow-x: auto; }
  .window .store-nav button { min-height: 48px; flex-shrink: 0; }
  .window .sidebar-heading, .window .sidebar-footer { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0s !important; animation-duration: 0s !important; }
}
@media (prefers-reduced-transparency: reduce) {
  :root { --p-material: var(--p-content); }
  .topbar,.bios-sidebar,.server-sidebar,.console-sidebar,.window-titlebar,.taskbar .dock,.taskbar .system-tray { backdrop-filter: none; }
}
@media (prefers-contrast: more) {
  :root { --p-line: #777; --p-control-line: #777; }
  body.desktop-edition,html[data-theme="night"] { --p-line: #aaa; --p-control-line: #aaa; }
}

/* Override legacy component colors where old selectors are more specific. */
body.bios-console .bios-nav-group a { color: var(--p-ink); }
body.bios-console .bios-nav-group a.active { color: var(--p-accent); }
body.bios-console :is(table,.bios-table-scroll,.table-wrap) { background: var(--p-content); border-color: var(--p-line); }
body.bios-console th { background: var(--p-secondary); }
body.bios-console td { background: transparent; }
body.server-edition .server-sidebar button { border: 0; box-shadow: none; background: transparent; }
body.server-edition .server-sidebar button.active { background: var(--p-selected); color: var(--p-accent); }
body.server-edition .server-sidebar button:hover { background: var(--p-secondary); }
.desktop-edition .desktop-shell .native-store>aside button,
.desktop-edition .desktop-shell .settings-dashboard>nav button { background: transparent; border: 0; box-shadow: none; padding: 9px 12px; }
.desktop-edition .desktop-shell .native-store>aside button.active,
.desktop-edition .desktop-shell .settings-dashboard>nav button.active { background: var(--p-selected); color: var(--p-accent); }
.desktop-edition .desktop-shell .native-store>aside button:hover,
.desktop-edition .desktop-shell .settings-dashboard>nav button:hover { background: var(--p-secondary); }
.desktop-edition .desktop-shell .center-card>button[data-center-install] { background: var(--p-selected); color: var(--p-accent); border: 0; border-radius: 999px; }
.desktop-edition .desktop-shell .center-card>button.installed { background: var(--p-secondary); color: var(--p-muted); }
.desktop-edition .desktop-shell .launcher-search input { background: transparent; border: 0; box-shadow: none; }
:is(.server-content,.console-sidebar~main) :is(table,fieldset,.server-tool-counts>span,.metric-grid article) { background: var(--p-content); border-color: var(--p-line); color: var(--p-ink); }
@media(max-width:600px) {body:has(>.console-sidebar)>header nav { display: flex; }}

/* Unframed app artwork occupies its slot without an inherited tile or tilt. */
.desktop-edition .desktop-icon.has-image .app-icon-image, .app-art-image img { width: 100%; height: 100%; object-fit: contain; }
.desktop-edition .desktop-icon.has-image, .app-art-image { transform: none; background: transparent; border: 0; box-shadow: none; }

.desktop-edition .desktop-shell .launcher-page-dots button { min-height: 10px; height: 10px; width: 10px; border-radius: 50%; }

/* Pagination uses a small visible dot inside a larger input target. */
.desktop-edition .desktop-shell .launcher-page-dots button { display: grid; place-items: center; width: 28px; height: 36px; min-height: 36px; background: transparent !important; opacity: 1; border: 0; padding: 0; }
.desktop-edition .desktop-shell .launcher-page-dots button::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--p-muted); opacity: .45; }
.desktop-edition .desktop-shell .launcher-page-dots button.active::after { background: var(--p-ink); opacity: 1; }

/* Shared computer, tablet and phone components. Document canvases retain their own colors. */
html { scrollbar-color: var(--p-line) transparent; }
body { letter-spacing: 0; font-size: 13px; line-height: 1.4; }
:is(.bios-console,.server-edition,.desktop-edition,.console-sidebar~main,.window) :is(h1,h2,h3,p,label,small) { overflow-wrap: anywhere; }
:is(.bios-console,.server-edition,.desktop-edition,.console-sidebar~main) h1 { font-size: 28px; font-weight: 600; line-height: 1.4; letter-spacing: 0; }
:is(.bios-console,.server-edition,.desktop-edition,.console-sidebar~main) h2 { font-size: 19px; font-weight: 600; line-height: 1.4; }
:is(.bios-console,.server-edition,.desktop-edition,.console-sidebar~main,.window) p { line-height: 1.5; }
:is(.windows-desktop,.server-edition,.library-public,.console-sidebar~main,.desktop-shell,.window,.overlay-panel,dialog) :is(button,.button,.button-link):not(.launcher-tile,.pinned,[data-launcher-remove],.window-controls button,.app-art) {
  min-height: var(--p-target-height); height: auto; width: auto; max-width: 100%;
  padding: 6px 12px; border-radius: var(--p-control-radius); line-height: 20px;
  font-size: 13px; font-weight: 500; border-color: var(--p-line); box-shadow: none;
  white-space: normal; overflow-wrap: anywhere;
}
:is(.windows-desktop,.server-edition,.library-public,.console-sidebar~main,.desktop-shell,.window,.overlay-panel,dialog) :is(button,.button,.button-link):disabled { opacity: .45; cursor: default; }
:is(.windows-desktop,.server-edition,.library-public,.console-sidebar~main,.desktop-shell,.window,.overlay-panel,dialog) :is(.primary,.primary-button,[data-save]) { background: var(--p-accent); color: var(--p-button-ink); border-color: transparent; }
:is(.windows-desktop,.server-edition,.library-public,.console-sidebar~main,.desktop-shell,.window,dialog) :is(input,select,textarea):not([type='checkbox'],[type='radio'],[type='range'],[type='color'],[type='file']) {
  min-width: 0; min-height: 40px; padding: 9px 12px; border-radius: 12px;
  background: var(--p-control); border: 1px solid var(--p-control-line); color: var(--p-ink); font-size: 13px;
}
button,summary,a { touch-action: manipulation; }
button:active:not(:disabled) { filter: brightness(.96); }
button:focus-visible,a:focus-visible { outline: 2px solid var(--p-accent); outline-offset: 3px; }
/* A modal remains distinct through its edge and elevation, without dimming the host. */
dialog::backdrop,.pisces-icon-editor::backdrop,.workspace-dialog::backdrop,.template-update-dialog::backdrop {
  background: transparent !important; backdrop-filter: none !important;
}
.overlay-backdrop,.context-dismiss,.launcher-folder-backdrop,.launcher-folder-backdrop:hover {
  background: transparent !important; backdrop-filter: none !important; opacity: 1 !important;
}
.server-content[inert] { opacity: 1; }
dialog,.overlay-panel,.launcher-folder-panel { background: var(--p-background); color: var(--p-ink); border: 1px solid var(--p-line); border-radius: 24px; box-shadow: var(--p-shadow); backdrop-filter: none; }
dialog { max-width: calc(100vw - 32px); max-height: calc(100dvh - 32px); }
.window { border-radius:24px; background:var(--p-background); box-shadow:var(--p-shadow); backdrop-filter:none; }
html[data-ui=desktop] .window>:is(.window-titlebar,.window-content) { width:calc(100% + 2px); }
.window .window-titlebar,.window-titlebar { background: var(--p-background); border-color: var(--p-line); height: 40px; min-height: 40px; font-size: 11px; }
.window :is(.store-main,.settings-main,.window-content) { background: var(--p-background); }
.window :is(.store-sidebar,.settings-sidebar,.files-sidebar) { background: var(--p-secondary); }
.window :is(.store-nav button,.settings-nav button),.native-store>aside button,.settings-dashboard>nav button { border: 0; background: transparent; box-shadow: none; text-align: left; }
.window :is(.store-nav button.active,.settings-nav button.active),.native-store>aside button.active,.settings-dashboard>nav button.active { background: var(--p-selected); color: var(--p-ink); border-radius: 12px; }
.window :is(.tool-card,.settings-card,.settings-section,.mode-option,.custom-strip),.server-content .form,.console-sidebar~main .card { border-radius: 18px; background: var(--p-content); color: var(--p-ink); border-color: var(--p-line); }
.window .tool-copy p,.window .setting-help { color: var(--p-muted); }
.window .install-button { background: var(--p-secondary); color: var(--p-ink); border-radius: 12px; }
.bios-console .topbar,body:has(>.console-sidebar)>header { inset: 24px 24px auto; height: 68px; min-height: 68px; border: 1px solid var(--p-line); border-radius: 16px; background: var(--p-background); padding: 16px 20px; }
.bios-workspace { padding: 116px 24px 24px 264px; }
.bios-sidebar { inset: 116px auto 24px 24px; width: 216px; border: 1px solid var(--p-line); border-radius: 16px; background: var(--p-content); }
.bios-sidebar>nav { padding: 16px; }
.bios-nav-group { margin-bottom: 16px; }
body.bios-console .bios-nav-group a,.console-sidebar>a { min-height: 42px; border-radius: 12px; padding: 10px 12px; color: var(--p-ink); font-size: 13px; }
.bios-nav-group a>span,.console-sidebar>a .design-symbol,.server-sidebar button .design-symbol { color: inherit; }
.bios-nav-group p { font-size: 11px; font-weight: 500; }
.bios-console :is(main.bios-home,main.bios-tool-page,main.narrow,.admin-shell,.update-shell,.dashboard) { max-width: none; padding: 0; }
.bios-console :is(.bios-tool-card,.bios-action-card,.card,.bios-activity,.bios-environment) { border-radius: 16px; background: var(--p-content); padding: 24px; }
.console-sidebar { inset: 116px auto 24px 24px; width: 216px; padding: 16px; gap: 8px; border: 1px solid var(--p-line); border-radius: 16px; background: var(--p-content); }
.console-sidebar~main { margin: 116px 24px 24px 264px; padding: 0; min-width: 0; }
.console-sidebar~main .card { padding: 24px; }
.console-sidebar~main .grid { gap: 20px; }
.console-sidebar~main .grid.three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.server-shell { grid-template-columns: 212px minmax(0,1fr); }
.server-sidebar { width: 212px; padding: 16px; background: var(--p-secondary); }
.server-brand { padding: 0 0 20px; }
.server-sidebar button { min-height: 40px; padding: 8px 12px; border: 0; border-radius: 12px; background: transparent; }
.server-main>header { min-height: 40px; padding: 12px 24px; background: var(--p-background); }
.server-content { padding: 24px; }
.server-content .form { padding: 20px; }
.server-content :is(.row,.columns,.metric-grid,.list-row),.console-sidebar~main .row { min-width: 0; }
.list-row>div,.row>div,.row>label { min-width: 0; }
.server-content table,.console-sidebar~main table,.bios-console table { table-layout: auto; }
.desktop-edition .desktop-shell { background: var(--p-background); }
.desktop-edition .desktop-content { background: var(--p-background); padding: 24px; }
.desktop-edition :is(.desktop-top,.desktop-footer) { background: var(--p-background); }
.desktop-edition .launcher-library .launcher-search { min-height: 42px; height: 42px; border: 0; border-radius: 12px; background: var(--p-content); }
.desktop-edition .launcher-search input { min-height: 0; }
.desktop-edition .launcher-tile:hover { background: var(--p-secondary) !important; }
.desktop-edition .desktop-shell .launcher-page-dots button { width: 28px; height: 44px; min-height: 44px; }
.desktop-edition .desktop-shell .center-card { background: var(--p-content); padding: 18px; border: 0; border-radius: 18px; min-width: 0; }
.desktop-edition .desktop-shell .center-card>button[data-center-install] { justify-self: start; background: var(--p-secondary); color: var(--p-ink); border-radius: 12px; }
.center-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.center-card h2 { margin: 10px 0 8px; }
.center-card .center-actions { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px; }
.center-card .center-actions button { padding-inline: 8px; font-size: 11px; }
.native-store { display: grid; grid-template-columns: 212px minmax(0,1fr); gap: 24px; min-height: 0; }
.native-store>aside { background: var(--p-secondary); border: 0; padding: 16px; border-radius: 16px; }
.native-store>section { min-width: 0; }
.settings-dashboard { grid-template-columns: 192px minmax(0,1fr); gap: 24px; }
.settings-dashboard>nav { background: var(--p-secondary); padding: 12px; border-radius: 16px; }
.settings-dashboard>section { min-width: 0; }
.metric-grid article,.desktop-shell .metric-grid article { background: var(--p-content); border-color: var(--p-line); border-radius: 16px; padding: 20px; }
.metric-grid span,.desktop-shell .metric-grid span { color: var(--p-muted); }
.mode-card { border-color: var(--p-line); }
.company-tools td:last-child { min-width: 140px; }
.company-tools td a { padding: 6px 12px; border-radius: 12px; font-size: 13px; }
.pisces-appearance { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; font-size: 12px; }
.pisces-appearance select { min-height: 32px !important; width: auto; max-width: 140px; padding: 4px 10px !important; border: 1px solid var(--p-line); background: var(--p-content); color: var(--p-ink); border-radius: 12px; font: inherit; }
/* Responsive shell geometry is coordinated with the live window manager. */
:root { --pisces-dock-height: 48px; --pisces-dock-bottom: 16px; --pisces-window-gap: 20px; }
.taskbar { height: 48px; left: 16px; right: 16px; bottom: 16px; margin: auto; background: transparent; border: 0; backdrop-filter: none; }
.taskbar .dock { width: auto; max-width: calc(100vw - 32px); height: 48px; padding: 2px 8px; gap: 4px; border: 1px solid var(--p-line); border-radius: 16px; background: var(--p-secondary); backdrop-filter: none; box-shadow: none; }
.taskbar .dock-button { flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px; }
.taskbar .dock-button .app-art,.taskbar .start-button>img { width: 32px; height: 32px; }
.taskbar .dock-divider { display: none; }
.start-panel { bottom: calc(var(--pisces-dock-bottom) + var(--pisces-dock-height) + var(--pisces-window-gap)); border-radius: 24px; }
.mobile-search,.add-tool-icon { display: none !important; }
.desktop-page-dots { position: fixed; bottom: calc(var(--pisces-dock-bottom) + var(--pisces-dock-height) + 20px); left: 50%; transform: translateX(-50%); height: 44px !important; gap: 0 !important; }
.desktop-page-dots button { width: 28px !important; height: 44px !important; border: 0; border-radius: 0; background: transparent !important; display: grid; place-items: center; }
.desktop-page-dots button::after { content: ''; width: 6px; height: 6px; background: white; opacity: .4; border-radius: 50%; }
.desktop-page-dots button.active::after { opacity: 1; }
.app-open .desktop-page-dots { display: none !important; }
@media (min-width: 601px) and (max-width: 1100px) {
  :root { --p-target-height: 44px; }
  .bios-workspace { padding-left: 228px; }
  .bios-sidebar,.console-sidebar { width: 180px; }
  .console-sidebar~main { margin-left: 228px; }
  .console-sidebar~main .grid.three { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .center-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .native-store { grid-template-columns: 172px minmax(0,1fr); gap: 16px; }
  html[data-ui=touch][data-size=tablet] .taskbar { width: 404px; max-width: calc(100vw - 32px); height: 48px; bottom: calc(16px + env(safe-area-inset-bottom)); padding: 0; }
  html[data-ui=touch][data-size=tablet] .dock { width: 100%; height: 48px; padding: 2px 8px; justify-content: center; }
  html[data-ui=touch][data-size=tablet] .dock-button { width: 44px; min-width: 44px; height: 44px; }
  html[data-ui=touch][data-size=tablet] .dock-button .app-art { width: 32px; height: 32px; }
  html[data-ui=touch][data-size=tablet] #desktop { inset: 90px 32px 132px; }
  html[data-ui=touch] .clock-widget { display: none; }
  html[data-ui=touch] .desktop-icon { height: 100%; justify-content: start; padding: 12px 4px; gap: 6px; }
  html[data-ui=touch] .desktop-icon>.app-art { width: 60px; height: 60px; }
  html[data-ui=touch][data-size=tablet] .window:not(.maximized) { left: 32px !important; width: calc(100vw - 64px) !important; top: 80px !important; height: calc(100dvh - 164px - env(safe-area-inset-bottom)) !important; max-width: none; padding: 0; border: 1px solid var(--p-line); border-radius: 24px; box-shadow: var(--p-shadow); }
  html[data-ui=touch] .app-open .wallpaper::after { background: transparent; }
  html[data-ui=touch] .app-open .taskbar { display: flex; z-index: 2200; }
  html[data-ui=touch] .window .tool-card { display: grid; grid-template-columns: 44px minmax(0,1fr) auto; align-items: center; gap: 12px; min-height: 80px; padding: 12px; }
  html[data-ui=touch] .window .tool-card>.app-art { width: 44px; height: 44px; }
  html[data-ui=touch] .tool-card .install-button { width: 104px; min-height: 44px; }
  html[data-ui=touch] .theme-preview { width: 160px; height: 111px; }
}
@media (max-width: 600px) {
  :root { --p-target-height: 44px; --pisces-dock-height: 88px; --pisces-dock-bottom: 26px; }
  h1 { font-size: 24px; }
  .bios-console .topbar,body:has(>.console-sidebar)>header { inset: 12px 12px auto; height: 60px; min-height: 60px; padding: 8px 12px; gap: 8px; }
  .topbar nav { gap: 4px; }
  .topbar nav a { padding: 6px; font-size: 11px; }
  .bios-workspace { padding: 84px 16px 20px; }
  .bios-sidebar { top: 80px; left: 12px; width: min(310px,calc(100vw - 24px)); }
  .bios-mobile-menu { margin: 0 0 20px; border-radius: 12px; }
  .bios-console :is(main.bios-home,main.bios-tool-page,main.narrow,.admin-shell,.update-shell,.dashboard) { padding: 0; }
  .console-sidebar { position: relative; inset: auto; width: auto; margin: 84px 12px 0; padding: 8px; border: 1px solid var(--p-line); border-radius: 12px; }
  .console-sidebar~main { margin: 20px 16px; padding: 0; }
  .console-sidebar~main .grid,.console-sidebar~main .grid.three { grid-template-columns: minmax(0,1fr); }
  .bios-console :is(.card,.bios-tool-card,.bios-action-card),.console-sidebar~main .card { padding: 16px; }
  .server-shell { grid-template-columns: 1fr; overflow: auto; }
  .server-sidebar { width: auto; position: static; height: auto; }
  .server-content { padding: 16px; }
  .native-store,.settings-dashboard { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .native-store>aside,.settings-dashboard>nav { display: flex; flex-wrap: wrap; gap: 4px; }
  .center-grid,.metric-grid,.selection-grid { grid-template-columns: minmax(0,1fr); }
  .center-heading { flex-wrap: wrap; }
  .pisces-appearance>span { display: none; }
  html[data-ui=touch][data-size=phone] #desktop { inset: 88px 16px 178px; }
  html[data-ui=touch] .clock-widget { display: none; }
  html[data-ui=touch] .desktop-icon { height: 100%; padding: 8px 0; gap: 6px; }
  html[data-ui=touch] .desktop-icon>.app-art { width: 60px; height: 60px; }
  html[data-ui=touch][data-size=phone] .taskbar { width: calc(100vw - 32px); max-width: 358px; height: 88px; left: 16px; right: 16px; bottom: calc(26px + env(safe-area-inset-bottom)); background: transparent; padding: 0; }
  html[data-ui=touch][data-size=phone] .dock { width: 100%; height: 88px; justify-content: space-around; padding: 12px; border-radius: 28px; gap: 8px; }
  html[data-ui=touch][data-size=phone] .dock-button { flex: 0 0 64px; width: 64px; min-width: 64px; height: 64px; }
  html[data-ui=touch][data-size=phone] .dock-button .app-art { width: 60px; height: 60px; }
  html[data-ui=touch] .window .tool-card { display: grid; grid-template-columns: 40px minmax(0,1fr) auto; align-items: center; gap: 10px; min-height: 72px; padding: 10px; }
  html[data-ui=touch] .window .tool-card>.app-art { width: 40px; height: 40px; }
  html[data-ui=touch] .tool-card .install-button { width: 96px; min-height: 44px; }
  html[data-ui=touch] .tool-card .tool-copy p { display: none; }
  html[data-ui=touch] .theme-preview { width: 96px; height: 208px; }
  .theme-options { overflow-x: auto; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration: 0s !important; transition-duration: 0s !important; scroll-behavior: auto !important; } }
@media (prefers-contrast: more) { :root { --p-line: #73829a; --p-control-line: #73829a; } html[data-theme=night] { --p-line: #9daec7; --p-control-line: #9daec7; } }

/* Existing renderers consume these roles at the active theme's specificity. */
html[data-theme],html[data-ui] {
  --tool-bg:var(--p-background); --tool-panel:var(--p-secondary); --tool-field:var(--p-content);
  --tool-ink:var(--p-ink); --tool-muted:var(--p-muted); --tool-border:var(--p-line);
  --touch-surface:var(--p-background); --touch-chrome:var(--p-secondary); --touch-border:var(--p-line); --touch-ink:var(--p-ink);
  --text:var(--p-ink); --muted:var(--p-muted); --panel:var(--p-content); --line:var(--p-line); --accent:var(--p-accent);
}
html:not([data-workspace-shell]) { background:var(--p-background); }
.bios-console .topbar { width:auto; }
html[data-ui=touch] body.app-open .taskbar,html[data-ui=touch] body:has(.window.maximized) .taskbar { display:flex!important; }
.window { backdrop-filter:none; }
.desktop-edition .launcher-grid { height:100%; gap:8px; }
.desktop-edition .launcher-grid .launcher-tile { height:100%; min-height:0; padding:8px 4px; font-size:12px; gap:6px; }
.desktop-edition .launcher-grid .desktop-icon,.desktop-edition .launcher-folder-art { width:52px; height:52px; flex:none; }
.desktop-edition .launcher-pagination .launcher-add-action { font-size:12px; margin-right:auto; background:var(--p-secondary); color:var(--p-ink); }
.desktop-edition .launcher-grid .launcher-tile strong { font-size:12px; font-weight:400; line-height:16px; max-width:100%; overflow:hidden; text-overflow:ellipsis; }
.desktop-edition .desktop-shell :is(button:not(.primary):not(.pinned),input,select),.server-shell :is(input,select,textarea) { color:var(--p-ink); background:var(--p-content); border-color:var(--p-line); }
.desktop-edition .desktop-shell :is(p,label),.server-shell :is(p,label,small) { color:var(--p-muted); }
.desktop-edition .desktop-shell .center-card>button[data-center-install] { background:var(--p-secondary); color:var(--p-ink); }
.desktop-edition .desktop-shell .center-open { width:56px; height:56px; min-height:56px; padding:0; background:transparent; border:0; }
.desktop-edition .desktop-shell .center-open .desktop-icon { width:56px; height:56px; padding:0; }
.desktop-edition .desktop-shell .center-card .center-open .desktop-icon img { width:100%; height:100%; }
.preview-positioned { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); grid-template-rows:repeat(5,minmax(80px,1fr)); gap:8px; }
.preview-desktop:not(.preview-positioned) { grid-template-columns:repeat(7,minmax(0,1fr)); }
.preview-screen { min-height:520px; }
.preview-app { min-width:0; }
.preview-app>span:last-of-type { overflow-wrap:anywhere; }
#desktop-grid.desktop-grid { display:flex; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scrollbar-width:none; gap:0; }
#desktop-grid>.desktop-page { flex:0 0 100%; width:100%; height:100%; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); grid-template-rows:repeat(5,minmax(0,1fr)); grid-auto-flow:column; gap:0; scroll-snap-align:start; }
#desktop-grid .desktop-icon { min-width:0; width:100%; height:100%; justify-content:start; padding:12px 4px; }
#desktop-grid .desktop-icon>.app-art { width:60px; height:60px; }
#desktop-grid .icon-label { font-size:12px; line-height:16px; font-weight:400; }
html[data-ui=touch] #desktop-grid>.desktop-page { grid-template-columns:repeat(var(--mobile-columns,4),minmax(0,1fr)); grid-auto-flow:row; }
html[data-ui=touch] #desktop-grid .desktop-icon { grid-column:auto!important; grid-row:auto!important; padding:8px 0; gap:6px; }
html[data-ui=touch][data-size=tablet] .taskbar { width:404px; max-width:calc(100vw - 32px); height:48px; bottom:calc(16px + env(safe-area-inset-bottom)); padding:0; }
html[data-ui=touch][data-size=tablet] .dock { width:100%; height:48px; padding:2px 8px; justify-content:center; gap:4px; }
html[data-ui=touch][data-size=tablet] .dock-button { flex:0 0 44px; width:44px; min-width:44px; height:44px; }
html[data-ui=touch][data-size=tablet] .dock .start-button { display:flex; }
html[data-ui=touch][data-size=tablet] .dock-button .app-art { width:32px; height:32px; }
html[data-ui=touch][data-size=tablet] #desktop { inset:90px 32px 132px; }
html[data-ui=touch] .clock-widget { display:none; }
html[data-ui=touch][data-size=tablet] .window,html[data-ui=touch][data-size=tablet] body:has(.window.maximized) .window.maximized { left:32px!important; width:calc(100vw - 64px)!important; top:80px!important; height:calc(100dvh - 164px - env(safe-area-inset-bottom))!important; max-width:none; padding:0; border:1px solid var(--p-line); border-radius:24px; box-shadow:var(--p-shadow); }
html[data-ui=touch] .taskbar .workspace-dock { display:none; }
html[data-ui=touch] .home-indicator { display:none; }
html[data-ui=touch][data-size=phone] .dock .start-button { display:none; }
html[data-ui=touch] .app-open .taskbar { display:flex; z-index:2200; }
html[data-ui=touch][data-size=phone] .window { height:calc(100dvh - 146px - env(safe-area-inset-bottom))!important; top:12px!important; left:8px!important; width:calc(100vw - 16px)!important; border-radius:24px; padding:0; }
html[data-ui=touch] .app-open .wallpaper::after { background:transparent!important; }
html[data-ui=touch] .install-button { font-size:12px; padding:6px 10px; }
html[data-ui=touch] .install-button::before { content:none; }
.pisces-icon-editor .icon-editor-selection button { min-height:24px; width:24px; height:24px; padding:0; }
.launcher-folder-panel,.workspace-dialog,.launcher-context-menu,.preview-folder,.preview-center { background:var(--p-content); color:var(--p-ink); border-color:var(--p-line); }
@media (max-height:720px) { .desktop-edition .launcher-grid .desktop-icon,.desktop-edition .launcher-folder-art { width:40px; height:40px; } .desktop-edition .launcher-grid .launcher-tile { padding:4px 2px; gap:2px; } }
.window .settings-application { display:grid; grid-template-columns:192px minmax(0,1fr); height:100%; min-height:0; padding:0; gap:0; overflow:hidden; }
.window .settings-application>.settings-heading { grid-column:1/-1; }
.window .settings-sidebar { width:192px; padding:16px; background:var(--p-secondary); }
.window .settings-nav { display:grid; gap:8px; }
.window .settings-nav button { padding:8px 12px; font-size:12px; min-height:40px; }
.window .settings-main { padding:24px; overflow:auto; min-height:0; }
.window .settings-main>h1 { font-size:24px; margin:0 0 12px; }
.window .settings-main>.settings-section { margin:20px 0 0; padding:20px; }
.window .theme-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.window .theme-option { min-width:0; padding:0; border:0; background:transparent; text-align:left; font-size:12px; }
.window .theme-preview { width:100%; height:104px; border-radius:12px; }
.window .theme-option>span:last-child { display:flex; align-items:center; justify-content:space-between; padding:8px 0; gap:4px; }
.window .theme-option svg { width:16px; height:16px; }
.window .settings-reset-card .primary-button { width:104px; flex:none; padding-inline:8px; }
.window .tool-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.window .store-feature { display:none; }
@media(max-width:1100px){.window .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.window .settings-application{grid-template-columns:160px minmax(0,1fr)}.window .settings-sidebar{width:160px;padding:12px}.window .theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.window .theme-preview{height:111px}}
@media(max-width:600px){.window .settings-application{grid-template-columns:100px minmax(0,1fr)}.window .settings-sidebar{width:100px;padding:8px 4px}.window .settings-nav{gap:4px}.window .settings-nav button{font-size:11px;padding:6px;min-height:44px}.window .settings-main{padding:16px 12px}.window .settings-main>.settings-section{padding:12px}.window .theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.window .theme-preview{height:120px}.window .theme-option{font-size:10px}.window .tool-grid{grid-template-columns:minmax(0,1fr);gap:12px}.window .store-sidebar{width:96px}.window .store-sidebar .sidebar-heading{font-size:13px}.window .store-nav button,.window .store-nav summary{font-size:11px;padding:6px}.window .tool-card .install-button{width:84px}.window .store-content{padding:12px 8px}}

/* Figma 34:3091 / 165:24357: App Centre structure, not inherited legacy cards. */
.window .store-shell{grid-template-columns:212px minmax(0,1fr);min-height:0;overflow:hidden}
.window .store-sidebar{width:auto;min-width:0;padding:16px;background:var(--p-secondary)}
.window .store-main{min-width:0;min-height:0;padding:24px;overflow:auto}
.window .store-top{gap:16px;align-items:start;margin-bottom:20px}
.window .store-top h1{font-size:28px;letter-spacing:0}
.window .store-top p{color:var(--p-muted);font-size:13px}
.window .store-top .search-field{width:300px;max-width:45%;height:40px;padding:0 12px;flex:none;background:var(--p-content);border-color:var(--p-line)}
.window .store-top input{height:38px;min-height:0;padding:0;border:0;background:transparent}
.window .store-nav button{font-size:13px;min-height:40px;border-radius:12px;color:var(--p-ink)}
.window .store-nav button.active{background:var(--p-selected);color:var(--p-ink)}
.window .store-all,.store-mobile-category{display:none}
.window .store-main>.section-heading{margin:0 0 16px}
.window .tool-card{position:relative;display:flex;flex-direction:column;align-items:start;min-height:204px;padding:18px;gap:8px;border:0;background:var(--p-content);border-radius:18px;box-shadow:none}
.window .tool-open{width:48px;height:48px;min-height:48px;padding:0;border:0;background:transparent;flex:none}
.window .tool-open>.app-art{width:48px;height:48px}
.window .tool-copy{flex:1;min-width:0;width:100%}
.window .tool-name{padding:0;min-height:0;background:transparent;color:var(--p-ink);text-align:left;font-size:19px;font-weight:600;line-height:1.4;white-space:normal}
.window .tool-copy p{font-size:13px;line-height:1.4;color:var(--p-muted);margin-top:8px}
.window .tool-action-target{display:flex;align-items:center;min-height:32px}
.window .tool-action-target>.install-button{height:32px;min-height:32px;background:var(--p-accent);color:var(--p-on-accent);border-radius:12px;padding:0 12px;width:auto;font-size:13px}
.store-tool-menu{padding:8px;border:1px solid var(--p-line);border-radius:12px;background:var(--p-content);color:var(--p-ink);box-shadow:var(--p-shadow);z-index:6000;width:176px}
.store-tool-menu button{display:block;width:100%;text-align:left;background:transparent;padding:8px;border-radius:8px;font-size:13px}
.desktop-edition .desktop-shell:has(.native-store)>.desktop-content{padding:0}
.desktop-edition .desktop-content:has(.native-store)>.page-heading{display:none}
.desktop-edition .desktop-content .native-store{height:100%;gap:0}
.desktop-edition .desktop-content .native-store>aside{height:100%;border-radius:0;border:0;background:var(--p-secondary);padding:16px}
.desktop-edition .desktop-shell .native-store>aside button{background:transparent;border:0;color:var(--p-ink);height:40px;min-height:40px;font-size:13px;padding:8px 12px;border-radius:12px}
.desktop-edition .desktop-shell .native-store>aside button.active{background:var(--p-selected);color:var(--p-ink)}
.desktop-edition .native-store>section{padding:24px;overflow:auto;min-height:0}
.desktop-edition .center-heading h1{font-size:28px;letter-spacing:0}
.desktop-edition .center-heading input{width:300px;max-width:100%;height:40px;min-height:40px;font-size:13px;padding:0 12px}
.desktop-edition .center-heading label{display:block}
.desktop-edition .center-grid{gap:19px}
.desktop-edition .desktop-shell .center-card{gap:8px;min-height:204px;position:relative}
.desktop-edition .desktop-shell .center-card .center-open,.desktop-edition .desktop-shell .center-card .center-open .desktop-icon{width:48px;height:48px;min-height:48px}
.desktop-edition .center-card h2{font-size:19px;line-height:1.4;margin:0 0 8px}
.desktop-edition .center-card p{font-size:13px;line-height:1.4}
.desktop-edition .center-card>button[data-center-install]{height:32px;min-height:32px;font-size:13px;padding:0 12px}
.desktop-edition .center-actions{position:absolute;top:12px;right:12px;margin:0}
.center-actions summary{cursor:pointer;font-size:12px;width:32px;height:32px;display:grid;place-items:center;list-style:none}
.center-actions .center-action-menu{position:absolute;right:0;top:32px;z-index:5;width:188px;padding:8px;background:var(--p-content);border:1px solid var(--p-line);border-radius:12px;box-shadow:var(--p-shadow)}
.center-action-menu button{width:100%;text-align:left}
.server-shell button{color:var(--p-ink);background:var(--p-content);border-color:var(--p-line);min-height:32px;padding:6px 12px;font-size:13px}
.server-shell button.primary{background:var(--p-accent);color:var(--p-on-accent);font-weight:500;justify-self:start;width:max-content;max-width:100%}
.server-shell .server-sidebar button{background:transparent;border:0}
.server-shell .server-sidebar button.active,.server-shell .settings-row button.active{background:var(--p-selected);color:var(--p-ink)}
.server-shell button:hover{background:var(--p-selected);color:var(--p-ink)}
.server-shell button:disabled{opacity:.5}
.server-shell .metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
@media(max-width:1100px){
 .window .store-shell{display:flex;flex-direction:column}
 .window .store-sidebar{padding:0 24px;background:transparent;border:0;flex:none;order:0}
 .window .store-sidebar :is(.sidebar-heading,.store-categories,.library-store-link){display:none}
 .window .store-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:8px}
 .window .store-nav button,.window .store-all{display:flex;justify-content:center;text-align:center;height:34px;min-height:34px;padding:0 12px;background:var(--p-content);font-size:13px}
 .window .store-main{padding:16px 24px;flex:1;display:flex;flex-direction:column;overflow:hidden}
 .window .store-top{flex:none;margin:0 0 16px}
 .window .store-top>div,.window .store-main>.section-heading,.window .store-main>.custom-strip{display:none}
 .window .store-top .search-field{width:100%;max-width:100%}
 .window .store-mobile-category{display:block;margin:0 0 12px;width:160px;flex:none}
 .window .store-mobile-category select{height:32px;min-height:32px;font-size:12px;padding:0 8px;background:transparent;border:0;color:var(--p-muted)}
 .window .tool-grid{overflow:auto;min-height:0;padding-bottom:12px}
 .window .tool-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;min-height:80px;height:80px;padding:12px;gap:12px;border-radius:12px}
 .window .tool-open,.window .tool-open>.app-art{width:44px;height:44px;min-height:44px}
 .window .tool-name{font-size:13px;font-weight:500}
 .window .tool-copy p{display:none}
 .window .tool-action-target{height:44px}
 .window .tool-action-target>.install-button{width:96px;min-height:32px;height:32px;font-size:13px}
 html[data-ui=touch][data-size=tablet] .window,html[data-ui=touch][data-size=tablet] body:has(.window.maximized) .window.maximized{left:48px!important;width:calc(100vw - 96px)!important;top:max(80px,calc(100dvh - 768px))!important;height:min(684px,calc(100dvh - 164px))!important}
}
@media(max-width:600px){
 html[data-ui=touch][data-size=phone] .window{left:12px!important;width:calc(100vw - 24px)!important;top:68px!important;height:calc(100dvh - 202px - env(safe-area-inset-bottom))!important;border-radius:20px}
 .window .store-sidebar{padding:0 16px}
 .window .store-main{padding:16px}
 .window .store-nav{padding-top:8px}
 .window .store-nav button{font-size:13px;white-space:nowrap}
 .window .tool-grid{gap:12px;display:flex;flex-direction:column}
 .window .tool-card{flex:none;grid-template-columns:40px minmax(0,1fr) 96px;min-height:72px;height:72px;gap:12px;padding:12px}
 .window .tool-open,.window .tool-open>.app-art{width:40px;height:40px;min-height:40px}
 .window[data-window=store] .window-titlebar{height:60px;min-height:60px;padding:12px 16px 0;background:transparent;border:0}
 .window[data-window=store] .window-title{padding:0;font-size:19px;font-weight:600}
 .window[data-window=store] .window-controls button:not([data-window-action=close]){display:none}
 .window[data-window=store] .window-controls .close-window{width:60px;height:34px;min-height:34px;background:var(--p-content);border-radius:12px;font-size:13px}
 .window[data-window=store] .window-controls .close-window svg{display:none}
 .window[data-window=store] .window-controls .close-window::after{content:'Close'}
 .window .theme-preview{height:208px}
}
/* Isolate these adopted slots from higher-specificity legacy host rules. */
html[data-theme] .server-shell button:not(.primary){background:var(--p-content);color:var(--p-ink);border-color:var(--p-line)}
html[data-theme] .server-shell .server-sidebar button{background:transparent;color:var(--p-ink)}
html[data-theme] .server-shell .server-sidebar button.active{background:var(--p-selected);color:var(--p-ink)}
html[data-theme] body.desktop-edition .desktop-shell .native-store>aside button{background:transparent;color:var(--p-ink);border:0}
html[data-theme] body.desktop-edition .desktop-shell .native-store>aside button.active{background:var(--p-selected);color:var(--p-ink)}
#windows .store-main .search-field input{border:0;border-radius:0;min-height:0;height:38px;background:transparent;padding:0}
#windows .tool-card .install-button{height:32px;min-height:32px;width:96px;color:var(--p-button-ink);font-size:13px;font-weight:500;padding:0 12px}
#windows .store-mobile-category>.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bios-console .tool-stat-card strong,.bios-console .bios-stat-card strong,.bios-console .bios-stat strong{color:var(--p-ink)}
.bios-console .bios-tool-counts strong,.bios-console .bios-stats strong{color:var(--p-ink)}
@media(max-width:1100px){
 #windows .store-shell{align-items:stretch;width:100%;min-height:0;height:100%}
 #windows .store-sidebar{width:100%;min-width:0;align-self:stretch;flex:none;background:transparent}
 #windows .store-nav{width:100%;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 #windows .store-nav button{width:100%;min-width:0;height:34px;min-height:34px;white-space:nowrap;align-self:start;color:var(--p-ink);background:var(--p-content)}
 #windows .store-nav button.active{color:var(--p-ink);background:var(--p-selected)}
 #windows .store-mobile-category{position:absolute;top:80px;left:24px;margin:0;width:calc((100% - 64px)/3);height:34px}
 #windows .store-mobile-category select{opacity:0;width:100%;min-height:34px;height:34px;padding:0;border:0;background:transparent;cursor:pointer}
}
@media(max-width:600px){#windows .store-mobile-category{top:64px;left:16px;width:calc((100% - 48px)/3)}}
.icon-color-picker{width:min(848px,calc(100vw - 48px));height:min(800px,calc(100dvh - 48px))}
/* Figma computer taskbar 175:23622 and window 175:23646. */
html[data-ui=desktop] body .taskbar{left:0;right:0;bottom:0;width:100%;max-width:none;height:40px;padding:4px 12px;border:0;border-radius:0;background:var(--p-content);box-shadow:none;transform:none}
html[data-ui=desktop] body .taskbar .dock{width:550px;max-width:calc(100vw - 440px);height:32px;min-height:32px;margin:auto;padding:0;gap:16px;background:transparent;border:0;border-radius:0;box-shadow:none;justify-content:center;backdrop-filter:none}
html[data-ui=desktop] body .taskbar .dock :is(.start-button,.dock-button){width:32px;height:32px;min-height:32px;min-width:32px;padding:0;border-radius:8px}
html[data-ui=desktop] body .taskbar .dock :is(.app-art,.start-button img){width:28px;height:28px}
html[data-ui=desktop] body .system-tray{position:absolute;right:12px;bottom:4px;height:32px;max-width:220px;gap:16px;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
html[data-ui=desktop] body .tray-clock{height:32px;font-size:11px}
html[data-ui=desktop] #windows .store-top{flex-direction:column;gap:12px;margin-bottom:12px}
html[data-ui=desktop] #windows .store-top>div{height:68px}
html[data-ui=desktop] #windows .store-top .search-field{width:100%;max-width:none;height:42px}
html[data-ui=desktop] #windows .store-main>.section-heading{display:none}
html[data-ui=desktop] #windows .store-main>.custom-strip{display:none}
html[data-ui=desktop] #windows .tool-action-target>.store-touch-open{display:none}
html[data-ui=desktop] #windows .tool-action-target>.store-desktop-install{width:auto;background:var(--p-secondary);color:var(--p-ink)}
html[data-ui=touch] #windows .store-desktop-install{display:none}
html[data-ui=desktop] #windows .store-sidebar>.sidebar-heading{font-size:19px;min-height:44px;display:flex;align-items:center;gap:10px;margin:0 0 12px}
html[data-ui=desktop] #windows .store-sidebar>.sidebar-heading img{width:28px;height:28px}
html[data-ui=desktop] #windows .store-nav details>summary{font-size:11px;color:var(--p-muted);list-style:none;margin-bottom:8px;pointer-events:none}
html[data-ui=desktop] #windows .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
html[data-ui=touch][data-size=tablet] body #windows .window{left:max(48px,calc((100vw - var(--window-preferred-width,1020px))/2))!important;width:min(var(--window-preferred-width,1020px),calc(100vw - 96px))!important;height:min(var(--window-preferred-height,720px),calc(100dvh - 164px))!important;top:max(80px,calc(100dvh - var(--window-preferred-height,720px) - 84px))!important}
html[data-ui=touch][data-size=tablet] body #windows .window.maximized{left:48px!important;width:calc(100vw - 96px)!important;height:calc(100dvh - 164px)!important;top:80px!important}
html[data-ui=touch][data-size=tablet] body #windows .window-titlebar{height:60px;min-height:60px;flex:0 0 60px;background:var(--p-background);border:0}
@media(max-width:1100px){html[data-ui=touch][data-size=tablet] body #windows .window{left:48px!important;width:calc(100vw - 96px)!important;top:max(80px,calc(100dvh - 768px))!important;height:min(684px,calc(100dvh - 164px))!important}}
@media(max-width:600px){#windows .window[data-window=store] .window-titlebar{height:60px;min-height:60px;flex:0 0 60px;padding:12px 16px 0;background:transparent;border:0}#windows .store-mobile-category{top:68px}}
body>.console-sidebar~header .brand img,body>header .brand img{object-fit:contain;vertical-align:middle;margin-right:10px}
.desktop-edition .launcher-grid .launcher-tile{min-height:0;gap:4px;padding:4px 2px;overflow:hidden}
.desktop-edition .launcher-grid .desktop-icon{max-height:calc(100% - 28px);flex-shrink:1}
.desktop-edition .launcher-grid .desktop-icon img{object-fit:contain}
.desktop-edition .launcher-grid .launcher-tile strong{flex:none;max-width:100%;line-height:16px;font-size:11px}
@media(max-width:600px){#windows .window[data-window=store] .window-titlebar{height:61px;min-height:61px;flex-basis:61px}#windows .store-main{padding-top:18px}}
.app-art.app-art-image,.app-art.app-art-image>img{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html[data-ui=desktop] .desktop-header,html[data-ui=desktop] .clock-widget,html[data-ui=desktop] .desktop-caption{display:none}
html[data-ui=desktop] #desktop{inset:40px 24px 80px}
html[data-ui=desktop] #desktop-grid>.desktop-page{grid-template-columns:repeat(7,84px);grid-template-rows:repeat(5,88px);column-gap:12px;row-gap:12px;align-content:start;justify-content:start}
html[data-ui=desktop] #desktop .desktop-icon{width:84px;height:88px;padding:4px 0;gap:6px;justify-content:center}
html[data-ui=desktop] #desktop .app-art{width:48px;height:48px;flex:none}
html[data-ui=desktop] #desktop .icon-label{font-size:11px;line-height:16px;max-width:84px}
html[data-ui=desktop] .taskbar .workspace-dock{display:none}
html[data-ui=desktop] #windows .tool-name{font-size:19px;line-height:27px;font-weight:600;height:auto;min-height:27px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-ui=desktop] #windows .tool-card{height:204px;min-height:204px;padding:18px;gap:8px;align-items:start}
html[data-ui=desktop] #windows .tool-copy p{font-size:13px;line-height:18px;max-height:36px;overflow:hidden}
html[data-ui=desktop] #windows .tool-card .tool-open{align-self:start}
html[data-ui=desktop] .start-panel{width:min(1120px,calc(100vw - 48px));height:min(750px,calc(100dvh - 100px));left:50%;bottom:60px;top:auto;transform:translateX(-50%);padding:24px;border-radius:18px;display:flex;flex-direction:column;gap:12px;background:var(--p-background);color:var(--p-ink);border:1px solid var(--p-line)}
.start-panel .start-search{flex:none;display:flex;align-items:center;min-height:44px;height:44px;padding:0 16px;border-radius:22px;background:var(--p-content);border:1px solid var(--p-line);gap:10px;color:var(--p-muted)}
.start-panel .start-search input{min-width:0;min-height:0;height:40px;flex:1;padding:0;background:transparent;border:0;border-radius:0;color:var(--p-ink);font-size:13px}
.start-panel .start-heading{height:44px;min-height:44px;padding:0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.start-panel .start-heading>span{display:flex;gap:8px}
.start-panel .start-heading button{height:36px;min-height:36px;padding:0 14px;border-radius:12px;background:var(--p-secondary);color:var(--p-ink);font-size:13px}
.start-panel .start-heading .start-workspace{background:transparent;font-size:19px;font-weight:600;padding-left:0}
.start-panel .start-apps{display:grid;grid-template-columns:repeat(var(--start-columns,7),minmax(0,1fr));grid-template-rows:repeat(5,88px);align-content:start;gap:8px 15px;flex:1;min-height:0;padding:0;overflow:auto}
.start-panel .start-app{width:100%;height:88px;min-height:0;padding:0;gap:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;color:var(--p-ink);border-radius:12px}
.start-panel .start-app .app-art{width:52px;height:52px;flex:none}
.start-panel .start-app>span:last-child{font-size:11px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.start-panel .start-app:hover{background:var(--p-secondary)}
.start-panel .start-footer{height:44px;min-height:44px;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.start-panel .start-footer button{min-height:36px;height:36px;padding:0 14px;background:var(--p-secondary);color:var(--p-ink);font-size:13px;border-radius:12px}
.start-page-dots{display:flex;gap:12px;align-items:center;justify-content:center;flex:1}
.start-panel .start-page-dots button{padding:0;border:0;width:6px;height:6px;min-height:6px;border-radius:50%;background:var(--p-muted);opacity:.3}
.start-panel .start-page-dots button.active{background:var(--p-accent);opacity:1}
.start-footer-actions{display:flex;align-items:center;gap:8px}
.start-options{position:relative;color:var(--p-ink)}
.start-options summary{list-style:none;cursor:pointer;padding:0 10px;min-height:36px;display:grid;place-items:center;border-radius:12px}
.start-options>div{position:absolute;bottom:42px;right:0;display:grid;gap:4px;width:188px;padding:8px;border-radius:12px;border:1px solid var(--p-line);background:var(--p-content);box-shadow:var(--p-shadow)}
.start-options a{padding:8px 14px;font-size:13px;color:var(--p-ink)}
html[data-ui=desktop] .start-panel .start-apps{flex:none;height:min(472px,calc(100dvh - 320px));max-height:none;grid-template-rows:repeat(5,minmax(0,1fr))}
html[data-ui=desktop] .start-panel .start-footer{margin-top:auto}
html[data-workspace-shell] .start-panel .start-footer .start-page-dots button{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;background:transparent;display:grid;place-items:center;opacity:1;box-shadow:none}
html[data-workspace-shell] .start-panel .start-footer .start-page-dots button::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--p-muted);opacity:.3}
html[data-workspace-shell] .start-panel .start-footer .start-page-dots button.active::after{background:var(--p-accent);opacity:1}
html[data-workspace-shell] .store-sidebar .sidebar-heading{font-family:Inter,'Segoe UI',sans-serif;font-size:19px;font-weight:600;line-height:1.4}
html[data-workspace-shell] .start-panel .start-footer{background:transparent}
html[data-workspace-shell] .start-panel .start-heading button,html[data-workspace-shell] .start-panel .start-footer>button,html[data-workspace-shell] .start-panel .start-footer-actions>button{height:36px;min-height:36px;padding:0 14px;background:var(--p-secondary);color:var(--p-ink);border-radius:12px;font-size:13px}
html[data-workspace-shell] .start-panel .start-heading .start-workspace{padding-left:0;background:transparent;font-size:19px;font-weight:600}
html[data-workspace-shell] .start-panel .start-footer>button{width:164px}
html[data-workspace-shell] .start-panel .start-footer-actions>button{width:92px}
html[data-workspace-shell] .start-panel .start-search input:focus-visible{outline:none}
html[data-workspace-shell] .start-panel .start-search:has(input:focus-visible){outline:2px solid var(--p-accent);outline-offset:2px}

/* Current web App Centre and Appearance controls; primary actions stay outside scroll areas. */
html[data-ui-appearance=dark] {
 --p-background:#161d2a;--p-content:#222b3a;--p-secondary:#202c3e;--p-ink:#f1f5fc;--p-muted:#acbcd2;--p-line:#405069;
 --p-accent:#77b4ff;--p-selected:#2b4565;--p-danger:#ff9ba4;--p-success:#74d6a3;--p-material:#202c3e;--p-control:#222b3a;
 --p-control-line:#405069;--p-button-ink:#182336;--accent-hover:#93c4ff;color-scheme:dark;
}
html[data-ui-appearance=light] {
 --p-background:#f8fafd;--p-content:#fff;--p-secondary:#eaf0f7;--p-ink:#182336;--p-muted:#566780;--p-line:#d3dde9;
 --p-accent:#1867da;--p-selected:#d8e9ff;--p-danger:#bc3040;--p-success:#187248;--p-material:#eaf0f7;--p-control:#fff;
 --p-control-line:#d3dde9;--p-button-ink:#fff;--accent-hover:#1459bd;color-scheme:light;
}
html.workspace-optical .app-art.app-art-image>img {filter:url(#workspace-refraction)}
.workspace-optical-definition {position:absolute;pointer-events:none}
#windows .store-sidebar {display:flex;flex-direction:column;gap:6px;overflow:auto}
#windows .store-settings {height:40px;min-height:40px;padding:0 12px;background:transparent;border:0;text-align:left;font-size:13px}
#windows .store-account-footer {margin-top:auto;display:flex;flex-direction:column;gap:6px;padding-top:16px;font-size:13px}
#windows .store-account-footer small {font-size:11px;color:var(--p-muted)}
#windows .store-main {display:flex;flex-direction:column;min-height:0;overflow:hidden}
#windows .store-top {flex:none}
#windows .tool-grid,#windows #custom-editor {flex:1;min-height:0;overflow:auto;align-content:start}
#windows .store-update-footer {display:flex;gap:12px;align-items:center;flex:none;margin-top:12px;min-height:36px}
#windows .store-update-footer button {width:auto;max-width:100%;height:36px;min-height:36px;background:var(--p-content);border:0;padding:0 14px;font-size:13px;white-space:nowrap}
#windows .store-update-footer [role=status] {font-size:11px;color:var(--p-muted);overflow-wrap:anywhere}
.window .workspace-appearance-options {display:flex;flex-direction:column;gap:20px;margin-top:20px}
.window .workspace-brand-card {border:1px solid var(--p-line);background:var(--p-content);border-radius:12px;padding:16px;margin-top:20px}
.window .workspace-brand-card h2 {margin:0 0 6px;font-size:19px}
.window .workspace-brand-card p {font-size:11px;color:var(--p-muted);margin:0 0 12px}
.window .workspace-brand-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.window .workspace-brand-variant {display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--p-background);min-width:0}
.window .workspace-brand-variant.dark {background:#161d2a;color:#f1f5fc}
.window .workspace-brand-variant img {flex:none;object-fit:contain}
.window .workspace-brand-variant>div {display:flex;flex-wrap:wrap;gap:6px;min-width:0;font-size:11px}
.window .workspace-brand-variant>div>span {flex:0 0 100%}
.window .workspace-brand-variant :is(button,.workspace-brand-replace) {height:32px;min-height:32px;display:flex;align-items:center;padding:0 12px;font-size:11px;border:0;border-radius:10px;background:var(--p-secondary);color:var(--p-ink);cursor:pointer}
.window .workspace-brand-variant.dark :is(button,.workspace-brand-replace) {background:#222b3a;color:#f1f5fc}
.workspace-brand-replace input {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.window .workspace-appearance-switch {display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;min-height:44px}
.workspace-appearance-switch>span {min-width:0}
.workspace-appearance-switch small {display:block;font-size:11px;color:var(--p-muted);margin-top:4px}
.workspace-appearance-switch input[role=switch] {appearance:none;width:44px;height:26px;min-width:44px;flex:none;border:0;border-radius:13px;padding:3px;background:var(--p-line);cursor:pointer}
.workspace-appearance-switch input[role=switch]::before {content:'';display:block;width:20px;height:20px;border-radius:50%;background:white;transition:transform .15s}
.workspace-appearance-switch input[role=switch]:checked {background:var(--p-accent)}
.workspace-appearance-switch input[role=switch]:checked::before {transform:translateX(18px)}
.workspace-appearance-switch input[role=switch]:focus-visible {outline:2px solid var(--p-accent);outline-offset:3px}
.window .workspace-appearance-choice {font-size:13px;display:flex;flex-direction:column;gap:6px}
.window .workspace-appearance-choice select {height:36px;min-height:36px;background:var(--p-content)}
.window .workspace-optical-settings label:has([type=range]) {display:flex;align-items:center;gap:12px;font-size:13px}
.window .workspace-optical-settings input[type=range] {flex:1;min-width:0}
.window .workspace-appearance-options>button,.window .workspace-brand-card>button {height:34px;min-height:34px;align-self:start;padding:0 14px;border:0;background:var(--p-content);font-size:13px}
@media(min-width:1101px){
 #windows .store-sidebar .library-store-link {font-size:11px;margin:0}
 #windows .store-main {gap:0}
 #windows .tool-grid {flex:none;max-height:calc(100% - 150px);flex-shrink:1}
}
@media(max-width:1100px){
 #windows .store-sidebar :is(.store-settings,.store-account-footer,.library-store-link){display:none}
 #windows .store-update-footer button{font-size:12px}
 #windows .store-nav button[data-store-view=installed] {font-size:0}
 #windows .store-nav button[data-store-view=installed]::after {content:'Loaded';font-size:13px}
}
@media(max-width:600px){
 .window .workspace-brand-pair{grid-template-columns:1fr;gap:8px}
 .window .workspace-brand-card{padding:12px}
 .window .workspace-brand-variant{padding:8px}
 .window .workspace-brand-variant img{width:40px;height:40px}
 #windows .store-update-footer{flex-direction:column;align-items:flex-start;gap:6px}
}

/* A visible category arrow has its own target; it never covers the All tab. */
@media(max-width:1100px){
 #windows .store-mobile-category{left:calc(24px + (100% - 64px)/3 - 32px);width:32px;z-index:1}
 #windows .store-mobile-category select{opacity:1;font-size:0;width:32px;color:var(--p-ink);padding:0 4px;cursor:pointer}
 #windows .store-mobile-category select option{font-size:13px;color:var(--p-ink);background:var(--p-content)}
}
@media(max-width:600px){#windows .store-mobile-category{left:calc(16px + (100% - 48px)/3 - 32px)}}

/* Current Figma tab geometry: 231:2060, 165:23812 and 165:24654. */
#windows .settings-application { grid-template-columns:212px minmax(0,1fr); max-width:none; margin:0; }
#windows .settings-sidebar { width:212px; min-width:0; padding:16px; display:flex; flex-direction:column; gap:6px; }
#windows .settings-sidebar .settings-heading { padding:0; gap:10px; height:44px; flex:none; }
#windows .settings-sidebar .settings-heading h1 { font-size:19px; margin:0; }
#windows .settings-sidebar .settings-heading img { width:28px; height:28px; }
#windows .settings-nav { gap:6px; }
#windows .settings-nav button { height:40px; min-height:40px; font-size:13px; padding:0 12px; }
#windows .settings-main { display:flex; flex-direction:column; gap:12px; padding:24px; }
#windows .settings-main>* { flex-shrink:0; }
#windows .settings-main>h1 { font-size:28px; line-height:1.4; margin:0; }
#windows .settings-main>.setting-help { margin:0 0 12px; font-size:13px; }
#windows .settings-main>.settings-section { margin:0; padding:16px; border-radius:12px; }
#windows .settings-page-selector { display:none; }
#windows .settings-main:has([data-workspace-appearance])>.settings-section { background:transparent; border:0; padding:0; }
#windows .theme-options { display:flex; gap:16px; overflow-x:auto; }
#windows .theme-option { flex:0 0 237px; font-size:13px; text-align:center; }
#windows .theme-preview { width:237px; height:148px; }
#windows .theme-option>span:last-child { justify-content:center; padding:8px 0; }
#windows .theme-option>span:last-child { white-space:nowrap; }
#windows .theme-option>span:last-child svg { display:none; }
#windows .theme-option.selected .theme-preview { outline:2px solid var(--p-accent); outline-offset:-2px; }
#windows .settings-main select { min-height:36px; height:36px; padding:0 12px; font-size:13px; }
#windows .workspace-optical-settings strong { font-weight:400; }
#windows .workspace-appearance-options { margin:0; gap:12px; }
#windows .workspace-brand-card { margin:0; }
#windows .settings-reset-card { padding:12px; min-height:80px; gap:16px; }
#windows .settings-reset-card button { height:32px; min-height:32px; width:116px; font-size:13px; white-space:nowrap; }
#windows .settings-default-apps>label { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:48px; font-size:13px; }
#windows .settings-default-apps select { width:256px; height:36px; min-height:36px; font-size:13px; }
html[data-workspace-shell] .start-panel .start-apps .start-app { gap:10px; }
html[data-workspace-shell] .start-panel .start-apps .app-art { width:54px; height:54px; }
html[data-workspace-shell] .start-panel .start-footer .start-page-dots button::after { width:8px; height:8px; }
@media(max-width:1100px) {
 #windows .settings-application { display:flex; flex-direction:column; }
 #windows .settings-sidebar { display:none; }
 #windows .settings-main { padding:0 24px 24px; gap:12px; flex:1; min-height:0; }
 #windows .settings-main>h1,#windows .settings-main>.setting-help { display:none; }
 #windows .settings-page-selector { display:flex; flex-direction:column; gap:6px; height:62px; font-size:13px; }
 #windows .settings-page-selector select { height:36px; min-height:36px; padding:0 12px; font-size:13px; }
 #windows .theme-option { flex-basis:160px; font-size:13px; }
 #windows .theme-preview { width:160px; height:141px; }
 #windows .theme-option>span:last-child { height:24px; padding:8px 0 0; }
 #windows .window[data-window=settings] .window-titlebar { height:73px; min-height:73px; padding:24px 24px 12px; border:0; background:var(--p-background); }
 #windows .window[data-window=settings] .window-title { font-size:19px; font-weight:600; padding:0; }
 #windows .window[data-window=settings] .window-title .app-art { display:none; }
 #windows .window[data-window=settings] .window-controls button:not([data-window-action=close]) { display:none; }
 #windows .window[data-window=settings] .window-controls .close-window { width:60px; height:34px; min-height:34px; border-radius:12px; font-size:13px; background:var(--p-content); }
 #windows .window[data-window=settings] .window-controls .close-window svg { display:none; }
 #windows .window[data-window=settings] .window-controls .close-window::after { content:'Close'; }
}
@media(max-width:600px) {
 #windows .settings-main { padding:0 16px 16px; }
 #windows .window[data-window=settings] .window-titlebar { height:65px; min-height:65px; padding:16px 16px 12px; }
 #windows .theme-option { flex-basis:96px; font-size:12px; }
 #windows .theme-preview { width:96px; height:208px; }
 #windows .settings-default-apps>label { align-items:stretch; flex-direction:column; gap:6px; }
 #windows .settings-default-apps select { width:100%; }
}

/* Figma company and BIOS web frames: 1440x1000, header 1392x68, body x24/y116. */
@media(min-width:1101px) {
 body.bios-workspace { padding:116px 24px 24px 264px; }
 .bios-workspace .topbar,body:has(>.console-sidebar)>header { position:fixed; left:24px; right:24px; top:24px; height:68px; min-height:68px; padding:0 24px; border:0; border-radius:16px; background:var(--p-content); }
 .bios-workspace .bios-sidebar,.console-sidebar { position:fixed; left:24px; top:116px; bottom:24px; width:216px; padding:16px; border:0; border-radius:16px; background:var(--p-secondary); }
 .bios-workspace .bios-sidebar>nav { padding:0; }
 .bios-workspace .bios-nav-group { margin:0 0 8px; }
 .bios-workspace .bios-nav-group p { font-size:11px; font-weight:400; padding:0; }
 .bios-workspace .bios-nav-group a,.console-sidebar>a { font-size:13px; font-weight:400; line-height:18px; min-height:44px; height:44px; padding:0 12px; margin:0 0 6px; border-radius:12px; display:flex; align-items:center; }
 .bios-workspace .bios-nav-group a>span,.console-sidebar>a>.design-symbol { display:none; }
 .bios-workspace .bios-sidebar-user { padding:16px 0 0; font-size:11px; border:0; }
 .bios-workspace .bios-sidebar-user .bios-avatar { display:none; }
 .bios-workspace :is(main.bios-home,main.bios-tool-page,main.narrow,.admin-shell,.update-shell,.dashboard) { margin:0; width:100%; max-width:none; padding:0; }
 .console-sidebar { gap:6px; overflow:auto; }
 .console-sidebar~main { margin:116px 24px 24px 264px; padding:0; max-width:none; }
 .console-sidebar>small { padding:0; font-size:11px; font-weight:400; }
 .bios-workspace .logo,.console-sidebar~header .brand { font-size:19px; }
 .bios-workspace main>h1,.console-sidebar~main>h1 { font-size:28px; line-height:1.4; letter-spacing:0; margin:0 0 12px; }
 .bios-workspace main .card,.console-sidebar~main .card { padding:24px; border-radius:16px; margin:24px 0 0; }
}
.bios-console .topbar nav :is(a,button),body:has(>.console-sidebar)>header nav :is(a,button) { min-height:32px; height:32px; padding:0 12px; display:inline-flex; align-items:center; font-size:13px; }
.bios-console :is(input,select),.console-sidebar~main :is(input,select) { min-height:36px; font-size:13px; }
.bios-console :is(th,td),.console-sidebar~main :is(th,td) { padding:8px 16px; font-size:13px; }
.bios-console th,.console-sidebar~main th { height:40px; font-size:11px; font-weight:400; }
.bios-console td,.console-sidebar~main td { min-height:56px; height:56px; }
.bios-console td :is(button,.button,.button-link),.console-sidebar~main td :is(button,.button,.button-link) { height:32px; min-height:32px; padding:0 12px; font-size:13px; }

/* Administration tab geometry: current Figma navigation is 42px with an 8px gap. */
@media(min-width:1101px) {
 .bios-workspace .bios-nav-group a,.console-sidebar>a { height:42px; min-height:42px; margin:0 0 8px; }
 .bios-workspace .bios-nav-group p { height:15px; margin:0 0 8px; }
 .admin-page-column { min-height:calc(100vh - 140px); }
 .admin-page-column .admin-page-heading { min-height:76px; margin:0 0 24px; padding:0; border:0; background:transparent; }
 .admin-page-column .admin-page-heading h1 { font-size:28px; line-height:39px; margin:0 0 8px; }
 .admin-page-column .admin-page-heading p { font-size:13px; line-height:18px; margin:0; }
 .bios-workspace main.bios-home { display:flex; flex-direction:column; gap:24px; }
 .bios-workspace main.bios-home>.page-intro { margin:0; }
 .bios-workspace .bios-tool-filters { min-height:68px; margin:0 0 24px; }
}
.admin-summary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0; }
.admin-summary-grid article { min-height:162px; padding:24px; border-radius:16px; border:1px solid var(--p-line); display:flex; flex-direction:column; align-items:flex-start; gap:12px; background:var(--p-content); }
.admin-summary-grid strong { font-size:28px; line-height:39px; }
.admin-summary-grid span { font-size:13px; }
.admin-summary-grid small { font-size:11px; color:var(--p-muted); }
.admin-overview-panels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:24px 0 0; }
.bios-workspace .admin-overview-panels { margin:0; }
.admin-page-column .admin-overview-panels>.card { min-height:308px; margin:0; display:flex; flex-direction:column; gap:16px; }
.admin-page-column .admin-overview-panels h2 { font-size:19px; margin:0; line-height:27px; }
.admin-overview-panels dl { display:grid; grid-template-columns:1fr 1fr; gap:16px; font-size:13px; margin:0; }
.admin-overview-panels dt { color:var(--p-muted); }
.admin-overview-panels dd { margin:0; overflow-wrap:anywhere; }
.admin-overview-panels .row,.admin-overview-panels .button,.admin-overview-panels .button-link { margin-top:auto; }
.admin-page-column .admin-notice { padding:16px; min-height:76px; margin:24px 0 0; background:var(--p-selected); border-radius:12px; font-size:13px; }
.bios-workspace .admin-notice { margin:0; }
.admin-notice p { font-size:11px; line-height:18px; margin:8px 0 0; }
.admin-editor { margin:24px 0 0; min-width:0; }
.admin-editor>summary { min-height:32px; padding:6px 0; color:var(--p-accent); font-size:13px; cursor:pointer; }
.admin-editor:not([open])>:not(summary) { display:none; }
.admin-page-column .admin-editor>.card { margin:12px 0 0; }
.admin-table-scroll { overflow:auto; max-width:100%; }
.bios-console .admin-table-scroll table,.console-sidebar~main .admin-table-scroll table { width:100%; margin:0; }
.bios-console .admin-table-scroll th,.console-sidebar~main .admin-table-scroll th { height:39px; }
.bios-console .admin-table-scroll td,.console-sidebar~main .admin-table-scroll td { height:60px; }
.bios-console .tool-management-name .tool-management-icon { width:32px; height:32px; }
@media(max-width:1100px) { .admin-summary-grid { gap:12px; } .admin-summary-grid article { padding:16px; } .admin-overview-panels { grid-template-columns:1fr; } .admin-table-scroll table { min-width:620px; } }
@media(max-width:600px) { .admin-summary-grid { grid-template-columns:1fr; } .admin-summary-grid article { min-height:120px; } }

/* Keep wide administrative forms inside their content pane at touch widths. */
@media(max-width:1100px) {
 .bios-workspace .admin-page-column { width:100%; min-width:0; max-width:none; margin-left:0; margin-right:0; padding:0; }
 .bios-workspace .admin-page-column :is(section,form,fieldset,.card,.list-toolbar,.form-grid,.grid) { min-width:0; max-width:100%; }
 .bios-workspace .admin-page-column .list-toolbar { display:flex; flex-wrap:wrap; }
 .bios-workspace .admin-page-column .list-toolbar>label { flex:1 1 200px; min-width:0; }
 .bios-workspace .admin-page-column :is(input,select,textarea) { min-width:0; max-width:100%; }
 .bios-workspace .admin-page-column .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) { .bios-workspace .admin-page-column .form-grid { grid-template-columns:1fr; } }

/* Workspace previews retain 7x5 cells while shrinking within the editor pane. */
.admin-page-column [data-workspace-preview],.admin-page-column .preview-screen { min-width:0; max-width:100%; width:100%; }
.admin-page-column .preview-desktop.preview-positioned { grid-template-columns:repeat(7,minmax(0,1fr)); grid-auto-rows:minmax(58px,1fr); gap:6px; min-width:0; }
.admin-page-column .preview-positioned .preview-app { min-width:0; max-width:100%; padding:4px; font-size:10px; }
.admin-page-column .preview-app>span:last-of-type { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media(max-width:600px) {
 .bios-workspace .admin-page-column :is(.bios-tool-fields,.bios-tool-fields label,.bios-tool-editor),.console-sidebar~main :is(.grid,.grid label,form,fieldset) { min-width:0; }
 .console-sidebar~main .grid { grid-template-columns:1fr; }
 .admin-page-column .preview-desktop { padding:12px; }
 .admin-page-column .preview-positioned .preview-icon { width:24px; height:24px; border-radius:6px; }
 .admin-page-column .preview-taskbar { gap:6px; padding:8px; }
 .admin-page-column .preview-taskbar button { padding:4px 6px; font-size:10px; min-width:0; }
 .admin-page-column .preview-center { inset:12px 12px 64px; }
}

.admin-library-actions { display:flex; gap:12px; align-items:center; min-height:68px; margin:0 0 24px; }
.admin-library-frame { display:block; width:100%; height:530px; border:1px solid var(--p-line); border-radius:16px; background:var(--p-content); }
@media(max-width:600px) { .admin-library-actions { flex-wrap:wrap; gap:8px; } .admin-library-frame { height:640px; } }

.admin-page-column section.card.admin-company-branding { padding:16px; min-height:229px; display:flex; flex-direction:column; gap:8px; }
.admin-company-branding h2,.admin-company-branding p { margin:0; }
.admin-company-branding h2 { font-size:19px; line-height:27px; }
.admin-company-branding p { font-size:13px; line-height:18px; }
.admin-company-branding form { display:flex; flex-direction:column; gap:8px; margin:0; }
.admin-company-brand-pairs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.admin-company-brand-pair { height:96px; display:flex; align-items:center; gap:12px; padding:16px; border-radius:12px; background:#f8fafd; color:#182336; }
.admin-company-brand-pair.dark { background:#171e2b; color:#f4f7ff; }
.admin-company-brand-pair>img { width:56px; height:56px; object-fit:contain; flex:none; }
.admin-company-brand-pair>div { display:flex; flex-direction:column; gap:8px; }
.admin-brand-file { position:relative; margin:0; display:flex; align-items:center; justify-content:center; width:90px; height:36px; background:var(--p-content); border-radius:10px; cursor:pointer; overflow:hidden; font-size:13px; }
.admin-brand-file input { position:absolute; inset:0; opacity:0; width:100%; cursor:pointer; }
.admin-company-branding [data-branding-status]:empty { display:none; }
.admin-company-branding .row { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.admin-company-branding .row small { margin-right:auto; }
@media(max-width:600px) { .admin-company-brand-pairs { grid-template-columns:1fr; } }

/* Menus use the same appearance for their surface and text. */
.context-menu{background:var(--p-material);color:var(--p-ink);border-color:var(--p-line);backdrop-filter:none}.context-menu button{color:inherit;background:transparent}.context-menu button:hover,.context-menu button:focus-visible{background:var(--p-control)}.context-menu svg{color:var(--p-muted)}

.tool-name-fields{display:grid;gap:12px;min-width:0;padding:16px;border:1px solid var(--p-line);border-radius:12px}.tool-name-fields label{display:flex;flex-direction:column;gap:6px;min-width:0}.tool-name-fields input{width:100%;min-width:0}.tool-name-extra{display:grid;grid-template-columns:minmax(90px,1fr) minmax(120px,2fr) auto;gap:8px;align-items:end}.tool-name-fields small{color:var(--p-muted);line-height:1.5}.tool-name-fields [data-add-tool-name]{justify-self:start}.tool-name-fields [data-additional-tool-names]{display:grid;gap:10px}@media(max-width:600px){.tool-name-extra{grid-template-columns:minmax(0,1fr)}.tool-name-extra button{justify-self:end}}

.tool-name-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-name-fields>input,.tool-name-fields>div,.tool-name-fields>button,.tool-name-fields>small,.tool-name-fields>label:has([name="name"]){grid-column:1/-1}.tool-name-fields input{height:40px;min-width:0}.tool-name-fields>button{justify-self:start}.tool-name-fields small{color:var(--p-muted)}@media(max-width:600px){.tool-name-fields{grid-template-columns:minmax(0,1fr)}.tool-name-fields input{height:36px}}

/* Keep paired icon surfaces legible in either surrounding appearance. */
.admin-company-brand-pair .admin-brand-file{background:#e8eef5;color:#182336}
.admin-company-brand-pair.dark .admin-brand-file{background:#26374e;color:#f4f7ff}
/* Compact company header: secondary actions scroll within their own row. */
@media(max-width:600px){
 body:has(>.console-sidebar)>header{display:flex;flex-wrap:nowrap;align-items:center}
 body:has(>.console-sidebar)>header>.brand{display:flex;align-items:center;flex:0 0 auto;gap:6px;white-space:nowrap;font-size:14px}
 body:has(>.console-sidebar)>header>.brand img{width:24px;height:24px;margin:0}
 body:has(>.console-sidebar)>header>.brand small{display:none}
 body:has(>.console-sidebar)>header nav{display:flex;flex-wrap:nowrap;align-items:center;flex:1 1 auto;min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
 body:has(>.console-sidebar)>header nav>*{flex:0 0 auto}
 body:has(>.console-sidebar)>header>.portal-language{flex:0 0 88px;width:88px;max-width:88px;margin:0}
}

/* Content-owned controls, 10 October 2026: no separate title strip. */
#windows .window:not(.pisces-file-dialog) .window-titlebar{background:transparent!important;border:0!important;box-shadow:none!important;padding:6px 12px!important;height:40px!important;min-height:40px!important;flex:0 0 40px!important;gap:12px;justify-content:flex-end}
#windows .window:not(.pisces-file-dialog) .window-controls{order:2;display:flex!important;gap:4px;flex:0 0 104px;height:28px!important;margin:0!important;align-self:center}
#windows .window:not(.pisces-file-dialog) .window-controls button{display:grid!important;place-items:center;width:32px!important;min-width:32px!important;height:28px!important;min-height:28px!important;padding:0!important;border:0;border-radius:6px;background:transparent;color:var(--p-ink);font-size:0}
#windows .window:not(.pisces-file-dialog) .window-controls button svg{display:block!important;width:12px;height:12px}
#windows .window:not(.pisces-file-dialog) .window-controls button::after{content:none!important}
#windows .window:not(.pisces-file-dialog) .window-controls button:hover{background:var(--p-selected);color:var(--p-ink)}
#windows .window:not(.pisces-file-dialog) .window-controls button:focus-visible{outline:2px solid var(--p-accent);outline-offset:-2px}
#windows .window:not(.pisces-file-dialog) .window-controls .close-window:hover{background:#c42b1c;color:#fff}
#windows .window:not(.pisces-file-dialog) .window-title{padding:0}
#windows .window:not(.pisces-file-dialog) .window-toolbar-slot{min-width:0;flex:1}
#windows .seamless-frame-window .window-content>.window-titlebar{top:0;right:0;left:auto;width:128px!important;z-index:20;background:transparent!important}
#windows .seamless-frame-window .window-controls button{color:var(--frame-ink,#a4acb9)}
html[data-ui=touch] #windows .window:not(.pisces-file-dialog) .window-titlebar{height:48px!important;min-height:48px!important;flex-basis:48px!important;padding:6px 10px!important;gap:8px}
html[data-ui=touch] #windows .window:not(.pisces-file-dialog) .window-controls{height:36px!important;flex-basis:116px}
html[data-ui=touch] #windows .window:not(.pisces-file-dialog) .window-controls button{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
html[data-ui=touch] #windows .seamless-frame-window .window-content>.window-titlebar{width:136px!important}

/* Settings and App Centre keep controls in the upper-right content corner. */
#windows .window:is([data-window=settings],[data-window=store])>.window-content{position:relative}
#windows .window:is([data-window=settings],[data-window=store]) .window-titlebar{position:absolute;right:0;left:auto;top:0;width:128px!important;z-index:15}
#windows .window:is([data-window=settings],[data-window=store]) .window-toolbar-slot{display:none}
html[data-ui=desktop] #windows .window:is([data-window=settings],[data-window=store]) :is(.settings-main,.store-content){padding-top:48px}
html[data-ui=touch] #windows .window:is([data-window=settings],[data-window=store]) :is(.settings-shell,.store-shell){padding-top:48px}

/* Current PiscesOS Figma, 15 October 2026: Desktop Settings and native Server. */
:root{--p-background:#ededf2;--p-content:#fafafc;--p-secondary:#e1e4eb;--p-ink:#1c1c1e;--p-muted:#64646f;--p-line:#dadAE1;--p-accent:#087bf0;--p-selected:#087bf0;--p-control:#e0e1e8;--p-control-line:#dadae1;--p-material:#e1e4eb;--p-button-ink:#fff;--p-on-accent:#fff;--p-switch-on:#34c759;--p-switch-off:#d1d1d6;--p-switch-thumb:#fff;--p-soft-button:#e8edf5;--p-window-radius:16px;--p-control-radius:10px}
html:is([data-theme=night],[data-theme=dark]){--p-background:#2d2e35;--p-content:#3d3f48;--p-secondary:#33353e;--p-ink:#f0f0f4;--p-muted:#bdbdc8;--p-line:#51535c;--p-accent:#5aa5ff;--p-selected:#087bf0;--p-control:#444650;--p-control-line:#51535c;--p-material:#33353e;--p-switch-on:#32d15b;--p-switch-off:#39393d;--p-soft-button:#454e60}
@media(prefers-color-scheme:dark){html:not([data-theme]){--p-background:#2d2e35;--p-content:#3d3f48;--p-secondary:#33353e;--p-ink:#f0f0f4;--p-muted:#bdbdc8;--p-line:#51535c;--p-accent:#5aa5ff;--p-selected:#087bf0;--p-control:#444650;--p-control-line:#51535c;--p-material:#33353e;--p-switch-on:#32d15b;--p-switch-off:#39393d;--p-soft-button:#454e60}}
input:is([role=switch],[data-company-follow],[data-desktop-entry]){appearance:none!important;-webkit-appearance:none!important;position:relative!important;display:inline-block!important;flex:0 0 28.77px!important;width:28.77px!important;min-width:28.77px!important;height:17px!important;min-height:17px!important;max-height:17px!important;margin:0!important;padding:0!important;border:0!important;border-radius:99px!important;background:var(--p-switch-off)!important;box-shadow:none!important;vertical-align:middle;cursor:pointer;transition:background .12s}
input:is([role=switch],[data-company-follow],[data-desktop-entry]):before{content:'';position:absolute;left:1.96px;top:1.96px;width:13.08px;height:13.08px;background:#fff!important;border-radius:50%;box-shadow:0 1px 2px #0002;transition:transform .12s}
input:is([role=switch],[data-company-follow],[data-desktop-entry]):checked{background:var(--p-switch-on)!important}input:is([role=switch],[data-company-follow],[data-desktop-entry]):checked:before{transform:translateX(11.77px)}
input[role=switch]:disabled{opacity:.45;cursor:default}input[role=switch]:focus-visible{outline:2px solid var(--p-accent)!important;outline-offset:3px}input[type=checkbox]{accent-color:var(--p-switch-on)}
body.figma-settings-window,html:has(body.figma-settings-window){background:transparent!important}body.figma-settings-window #app{height:100dvh}body.figma-settings-window .desktop-shell{height:100dvh;display:block!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.figma-settings-window .desktop-shell>.desktop-content{padding:0!important;overflow:hidden!important;height:100%}body.figma-settings-window #pisces-window-controls{top:0;right:0;height:24px}body.figma-settings-window #pisces-window-controls button{width:28px;height:24px;min-height:24px;border-radius:8px;background:var(--p-secondary)}body.figma-settings-window #pisces-window-controls button:not([data-window-control=close]){display:none}
#app .figma-settings{display:grid;grid-template-columns:110px minmax(0,1fr);gap:0!important;align-items:stretch;margin:32px 0 0;height:calc(100dvh - 32px);overflow:hidden;border:0;border-radius:16px;background:var(--p-background);box-shadow:0 3px 12px #0002;font:12px/16px Inter,sans-serif;color:var(--p-ink)}
#app .figma-settings>nav{display:flex;flex-direction:column;gap:2px;position:relative;top:auto;background:var(--p-secondary);padding:12px 8px;min-width:0;overflow:hidden;border:0}.figma-settings-title{font-size:14px;line-height:20px;margin:0 0 10px 4px}
#app .figma-settings>nav>button{display:flex;align-items:center;gap:4px;padding:3px 4px;height:24px;min-height:24px;border:0;border-radius:12px;background:transparent;text-align:left;white-space:nowrap;font:10px/14px Inter,sans-serif;color:var(--p-ink)}#app .figma-settings>nav>button.active{background:var(--p-selected);color:#fff}.figma-nav-symbol{display:flex;flex:0 0 12px;width:12px;height:12px;color:var(--p-accent)}.figma-nav-symbol svg{width:12px;height:12px}.active .figma-nav-symbol{color:#fff}
#app .figma-settings .center-sidebar-footer{margin-top:auto;padding:8px 4px 0;font-size:9px;line-height:12px;color:var(--p-muted);display:block}#app .figma-settings .center-sidebar-footer small{font-size:9px;line-height:12px}
#app .figma-settings>.figma-settings-main{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0;overflow:hidden;padding:12px!important;background:var(--p-background)}#app .figma-settings-scroll{min-height:0;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--p-line) transparent}
#app .figma-settings h1{margin:0;font-size:16px;line-height:24px;font-weight:600}#app .figma-settings h2{font-size:12px;line-height:18px;margin:0 0 8px;font-weight:500}#app .figma-settings p{font-size:11px;line-height:16px;margin:0 0 10px;color:var(--p-muted)}#app .figma-settings small{color:var(--p-muted);font-size:11px;line-height:16px}
#app .figma-settings .form,#app .figma-settings .mode-card{margin:0 0 12px;padding:12px;background:var(--p-content);border:0;border-radius:12px;box-shadow:none;display:block}#app .figma-settings .form label{font-size:12px;display:flex;flex-direction:column;gap:6px;margin-bottom:10px}#app .figma-settings .form label:last-child{margin-bottom:0}
#app .figma-settings input:not([type=checkbox]),#app .figma-settings select{font:12px/16px Inter,sans-serif;color:var(--p-ink);background:var(--p-control);border:0;border-radius:10px;min-height:32px;padding:8px 10px;box-shadow:none}#app .figma-settings button:not(.figma-tool-heading){font-family:inherit;font-weight:400;box-shadow:none}
#app .figma-settings .settings-value-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;border:0;padding:4px 0}.figma-settings .settings-value-row>span:last-child{color:var(--p-muted);text-align:right}.figma-settings .settings-value-card small{display:block;margin-top:8px}.figma-settings .settings-page-heading{flex:none;margin:0 0 2px}.figma-settings .settings-page-heading p{margin:8px 0 10px}.figma-settings .settings-page-actions{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}
#app .figma-settings button:not([data-settings-tab]):not(.figma-tool-heading):not([role=tab]){border:0;border-radius:10px;background:var(--p-soft-button);color:var(--p-ink);min-height:28px;padding:5px 10px;font-size:12px;line-height:18px}#app .figma-settings button.primary{background:var(--p-selected)!important;color:#fff!important}.figma-settings .settings-company-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.figma-settings .settings-company-preview{display:flex;gap:8px;padding:8px;border-radius:10px}.figma-settings .settings-company-preview img{width:32px;height:32px}.figma-settings .settings-company-preview .row{gap:4px}.figma-settings .settings-company-preview button{padding:2px 4px!important;font-size:10px!important}
#app .figma-settings .figma-switch-row,#app .figma-settings .settings-toggle-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;margin:0;min-height:36px}.figma-settings .settings-toggle-row small{display:block}.figma-switch-row input{flex:none}
#app .figma-settings-footer{flex:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;border-top:1px solid var(--p-line);font-size:11px;color:var(--p-muted)}#app .figma-settings-footer button{min-width:128px;background:var(--p-content)!important;height:32px}
.figma-app-centre{display:flex;flex-direction:column;gap:8px;min-height:0}.figma-centre-heading{display:flex;justify-content:space-between;align-items:center;height:28px;margin-bottom:0}.figma-centre-heading button{min-width:90px}.figma-centre-tabs{display:flex;background:var(--p-control);border-radius:8px;padding:3px;gap:2px;height:30px;flex:none}.figma-centre-tabs button{flex:1;min-width:0;padding:2px 0;border:0;border-radius:6px;background:transparent;color:var(--p-muted);font-size:10px;line-height:18px}.figma-centre-tabs button[aria-selected=true]{background:var(--p-content);color:var(--p-ink);box-shadow:0 1px 2px #0001}
.figma-centre-search{height:32px;display:flex;align-items:center;gap:6px;background:var(--p-control);padding:0 10px;border-radius:9px;flex:none}.figma-centre-search svg{width:12px;height:12px;color:var(--p-muted)}#app .figma-centre-search input{flex:1;min-width:0;border:0!important;background:transparent!important;font-size:10px!important;padding:0!important;height:30px;outline:none}
.figma-centre-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.figma-tool-card{min-width:0;height:138px;padding:8px;display:flex;flex-direction:column;gap:0;border:0;border-radius:12px;background:var(--p-content)}#app .figma-tool-heading{display:flex;align-items:center;gap:6px;padding:0;height:28px;min-height:28px;background:transparent;border:0;text-align:left;color:var(--p-ink)}.figma-tool-heading .desktop-icon{width:28px!important;height:28px!important;min-width:28px;flex:0 0 28px;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}.figma-tool-heading .desktop-icon img{width:28px;height:28px;object-fit:contain}.figma-tool-heading strong{font-size:11px;line-height:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .figma-tool-card>p{flex:1;min-height:28px;margin:6px 0 2px;font-size:10px;line-height:14px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.figma-tool-placement{height:48px;flex:none}#app .figma-tool-placement .figma-switch-row{height:24px;min-height:24px;font-size:10px;line-height:14px}.figma-tool-placement .figma-switch-row:first-child{padding-top:4px}
.figma-display-preview{padding:8px;border-radius:12px;background:var(--p-content);margin-bottom:12px}.figma-preview-screen{height:194px;position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(140deg,#b6d1e8,#4e83b6)}.figma-preview-start{position:absolute;left:18%;right:18%;top:12px;bottom:32px;background:var(--p-background);border-radius:10px;padding:8px}.figma-preview-search{background:var(--p-control);border-radius:12px;padding:3px 6px;font-size:5px}.figma-preview-groups{display:flex;gap:5px;margin:8px 0}.figma-preview-groups>div{background:var(--p-secondary);padding:4px;border-radius:7px;flex:1;font-size:5px}.figma-preview-groups b{display:block;font-size:6px}.figma-preview-groups span{display:inline-block;width:14px;height:14px;margin:3px}.figma-preview-groups img{width:14px;height:14px;object-fit:contain}.figma-preview-dock{display:flex;gap:4px;position:absolute;bottom:8px;left:50%;transform:translateX(-50%);height:20px;padding:3px 6px;border:1px solid var(--p-line);border-radius:7px;background:var(--p-secondary)}.figma-preview-dock span,.figma-preview-dock img{display:block;width:14px;height:14px}.figma-preview-dock.standalone{bottom:32px}.figma-preview-rail{position:absolute;bottom:25px;left:47%;width:6%;height:2px;background:#8595a5;border-radius:2px}.figma-preview-windows{position:absolute;bottom:0;width:100%;height:18px;background:#dce8f0;display:flex;align-items:center;justify-content:center;gap:5px;color:#223;font-size:6px}.figma-preview-windows img{width:12px;height:12px}
/* Existing compact Start retains the selected scale, group layout and artwork. */
#app .desktop-start-shell .compact-recent-dock{height:40px;min-height:40px;border-radius:12px;background:var(--compact-nav);padding:5px 8px;gap:8px;box-shadow:none}#app .desktop-start-shell .compact-recent-dock button{width:28px;min-width:28px;height:28px;padding:0;background:transparent;border:0}#app .desktop-start-shell .compact-recent-dock img{width:28px;height:28px}#app .desktop-start-shell .compact-grid .desktop-icon{width:28px;height:28px}
/* Server pages keep their existing forms, event handlers and native Windows chrome. */
body.server-edition{background:var(--p-background)!important;color:var(--p-ink);font:13px/18px Inter,sans-serif}body.server-edition #app{height:100dvh}body.server-edition .server-shell{height:100dvh;display:grid;grid-template-columns:216px minmax(0,1fr);border:0;border-radius:16px;overflow:hidden;background:var(--p-background)}
body.server-edition .server-sidebar{width:216px;padding:16px;gap:4px;border:0;background:var(--p-secondary);display:flex;flex-direction:column;overflow:auto}.server-figma-identity{display:flex;align-items:center;gap:8px;height:28px;flex:none;margin:0 0 4px;font-size:15px;font-weight:600}.server-figma-identity img{width:24px;height:24px;object-fit:contain}body.server-edition .server-sidebar>button{display:flex;align-items:center;height:36px;min-height:36px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--p-ink);font-size:13px;text-align:left}body.server-edition .server-sidebar>button.active{color:#fff;background:var(--p-selected)}body.server-edition .server-sidebar select{background:var(--p-control);color:var(--p-ink);border:0;border-radius:10px;height:36px;min-height:36px;font-size:12px}.server-sidebar .server-company-name,.server-sidebar .server-nav-label{font-size:11px;line-height:15px;color:var(--p-muted)}
body.server-edition .server-main{padding:32px;display:flex;flex-direction:column;gap:24px;min-width:0;min-height:0;background:var(--p-background)}body.server-edition .server-page-heading{min-height:68px;padding:0;display:flex;gap:20px;justify-content:space-between;background:transparent;border:0}body.server-edition .server-page-heading h1{font-size:24px;line-height:32px;font-weight:600;margin:0 0 8px;color:var(--p-ink)}body.server-edition .server-page-heading p{font-size:13px;line-height:18px;color:var(--p-muted);margin:0}body.server-edition .server-content{padding:0;min-height:0;overflow:auto;scrollbar-width:thin;flex:1}body.server-edition .server-content :is(.form,.server-tab-panel,.server-notice,.server-tool-editor,.server-tab-editor){border:0;border-radius:14px;background:var(--p-content);box-shadow:none;color:var(--p-ink)}body.server-edition .server-content .form{padding:24px;margin:0 0 20px}body.server-edition .server-content h2{font-size:17px;line-height:24px;font-weight:600;margin:0 0 16px}body.server-edition .server-content p{color:var(--p-muted);line-height:18px}
body.server-edition .metric-grid{gap:16px;margin:0 0 20px}body.server-edition .metric-grid article{height:116px;padding:16px;border:0;border-radius:14px;background:var(--p-content);color:var(--p-ink)}body.server-edition .metric-grid b{font-size:28px;line-height:39px}.server-edition .metric-grid span{color:var(--p-muted)}
body.server-edition :is(input,select,textarea){background:var(--p-control);border:0;border-radius:10px;color:var(--p-ink);font:13px/18px Inter,sans-serif;padding:10px 12px}body.server-edition button{font:13px/18px Inter,sans-serif;color:var(--p-ink);border:0;border-radius:10px;min-height:32px;padding:7px 12px;background:var(--p-soft-button);box-shadow:none}body.server-edition button.primary{background:var(--p-selected);color:#fff}
body.server-edition :is(.server-tab-table-scroll,.server-tools-scroll){border:0;border-radius:14px;overflow:auto;background:var(--p-content)}body.server-edition :is(.server-tab-table,.server-tools-table){border-collapse:collapse;table-layout:fixed;width:100%;background:var(--p-content);border:0;margin:0}body.server-edition :is(.server-tab-table,.server-tools-table) th{background:var(--p-control);height:36px;padding:8px 16px;border:0;font-size:11px;font-weight:400;text-align:left;color:var(--p-muted)}body.server-edition :is(.server-tab-table,.server-tools-table) td{height:56px;box-sizing:border-box;padding:12px 16px;vertical-align:middle;text-align:left;border:0;border-bottom:1px solid color-mix(in srgb,var(--p-line) 45%,transparent);color:var(--p-ink);background:transparent}body.server-edition .server-tools-table td{height:64px}body.server-edition table tr:last-child td{border-bottom:0}.server-tools-table .tool-management-name{display:flex;align-items:center;gap:10px;min-width:0}.server-tools-table .tool-management-icon{width:32px;height:32px;flex:0 0 32px}.server-tools-table .tool-management-icon img{width:32px;height:32px;object-fit:contain}.server-tools-table .tool-management-name b{font-size:13px;font-weight:400;overflow:hidden;text-overflow:ellipsis}.server-table-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap!important;white-space:nowrap}.server-table-actions button{min-height:28px!important;padding:4px 0!important;background:transparent!important;color:var(--p-accent)!important;white-space:nowrap}.server-table-actions button:disabled{color:var(--p-muted)!important;opacity:.5}.server-table-actions .server-tool-more{margin-left:auto}.server-tab-table td button{background:transparent;color:var(--p-accent)}
@media(max-width:900px){body.server-edition .server-sidebar{width:190px;padding:12px}body.server-edition .server-shell{grid-template-columns:190px minmax(0,1fr)}body.server-edition .server-main{padding:24px}body.server-edition .server-table-actions{gap:5px}body.server-edition .server-table-actions button{font-size:11px}}
@media(max-width:540px){.figma-centre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app .figma-settings{grid-template-columns:100px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){input[role=switch],input[role=switch]:before{transition:none}}


/* Resolve legacy form and window-chrome rules at the accepted compact size. */
body.figma-settings-window #pisces-window-controls{width:28px;justify-content:flex-end}
body.figma-settings-window #pisces-window-controls button{flex:0 0 28px}
#app .figma-settings .form label{align-items:stretch;text-align:left;width:100%;max-width:none;margin-left:0;margin-right:0}
#app .figma-settings .form label>input:not([type=checkbox]),#app .figma-settings .form label>select{width:100%;max-width:none}
#app .figma-settings .form .figma-switch-row,#app .figma-settings .form .settings-toggle-row{flex-direction:row;align-items:center;justify-content:space-between;min-height:40px}
#app .figma-settings input:is([role=switch],[data-company-follow],[data-desktop-entry])::after{display:none!important}
#app .figma-settings .center-sidebar-footer span,#app .figma-settings .center-sidebar-footer small{display:block}
#app .figma-settings .settings-company-preview{padding:8px;min-height:72px}
#app .figma-settings .settings-company-preview img{width:36px;height:36px}
#app .figma-settings-scroll:has(>.figma-app-centre){display:flex;overflow:hidden}
#app .figma-app-centre{flex:1;overflow:hidden}
#app .figma-centre-grid{flex:1;overflow:auto;align-content:start;scrollbar-width:thin}
#app .figma-centre-tabs button[aria-selected=false]{background:transparent!important;color:var(--p-muted)!important;border:0!important}
#app .figma-centre-tabs button[aria-selected=true]{background:var(--p-content)!important;border:0!important}
body.server-edition .server-tools-table th:nth-child(1){width:37%}
body.server-edition .server-tools-table th:nth-child(2){width:21%}
body.server-edition .server-tools-table th:nth-child(3){width:18%}
body.server-edition .server-tools-table th:nth-child(4){width:24%}

#app .figma-settings #offline-connect>label{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,220px);flex-direction:row;align-items:center;gap:12px;min-height:44px;margin:0;text-align:left}
#app .figma-settings #offline-connect>label>input{width:100%;min-height:32px;height:32px;margin:0}
#app .figma-settings>nav>button{font-size:9px}

/* Hosted App Centre uses the same compact controls as Desktop. */
.figma-web-centre.store-shell{grid-template-columns:110px minmax(0,1fr);background:var(--p-background);color:var(--p-ink)}
.figma-web-centre .store-sidebar{background:var(--p-secondary);padding:12px 8px;font-size:10px}
.figma-web-centre .store-main{padding:12px;gap:8px;display:flex;flex-direction:column;overflow:hidden;min-height:0}
.figma-web-centre .store-main h1{font-size:16px;line-height:24px;margin:0}
.figma-web-centre .sidebar-heading{font-size:14px;line-height:20px;margin:0 0 12px}
.figma-web-centre .figma-web-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}
.figma-web-centre .tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.figma-web-centre .tool-card{padding:8px;height:138px;min-height:138px;display:flex;flex-direction:column;gap:6px;background:var(--p-content);border:0;border-radius:12px;box-shadow:none}
.figma-web-centre .tool-card header{display:flex;align-items:center;gap:6px}
.figma-web-centre .tool-open{width:28px;height:28px;min-width:28px;padding:0;border:0;background:transparent}
.figma-web-centre .tool-open :is(img,svg,.app-art){width:28px;height:28px}
.figma-web-centre .tool-name{font-size:11px;line-height:14px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent;border:0;padding:0;color:var(--p-ink)}
.figma-web-centre .tool-card>p{font-size:10px;line-height:14px;color:var(--p-muted);flex:1;min-height:28px;margin:0;overflow:hidden}
.figma-web-placement label{display:flex;align-items:center;justify-content:space-between;height:24px;font-size:10px;color:var(--p-ink)}
.figma-web-centre .store-update-footer{flex:none;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--p-line);padding-top:10px;font-size:10px}
.figma-web-centre .store-update-footer button{margin-left:auto;border:0;border-radius:10px;background:var(--p-content);color:var(--p-ink);height:32px;padding:0 16px;font-size:12px}
@media(max-width:600px){.figma-web-centre .store-sidebar{display:none}.figma-web-centre.store-shell{grid-template-columns:minmax(0,1fr)}.figma-web-centre .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.figma-web-centre .store-sidebar{display:flex;flex-direction:column;height:100%;min-height:0}
.figma-web-centre .store-account-footer{margin-top:auto;font-size:9px;line-height:12px}
.figma-web-centre .store-account-footer span,.figma-web-centre .store-account-footer small{display:block}
.figma-web-centre .store-sidebar .store-nav button{padding:4px 8px;font-size:10px;min-height:24px;border-radius:12px;white-space:nowrap}
.figma-web-centre .store-sidebar .store-nav button.active{background:var(--p-selected);color:#fff}
.figma-web-centre .tool-card{align-items:stretch;text-align:left;justify-content:flex-start}
.figma-web-centre .tool-card header{justify-content:flex-start;width:100%}
.figma-web-centre .tool-card>p{text-align:left;width:100%}
.figma-web-centre .figma-web-placement{width:100%;align-self:stretch;flex:none}
.figma-web-centre .figma-web-placement label{width:100%;display:flex;justify-content:space-between;margin:0;gap:8px}
.figma-web-centre .search-field{width:100%;max-width:none;height:32px;min-height:32px;background:var(--p-control);border:0;border-radius:9px;padding:0 10px}
.figma-web-centre .search-field input{width:100%;max-width:none;background:transparent;border:0;color:var(--p-ink);font-size:10px;outline:none}

@media(min-width:901px){
.desktop-page>.desktop-icon>.app-art{width:28px;height:28px;min-width:28px;min-height:28px}
#dock{min-height:40px;height:40px;padding:5px 8px;border-radius:12px;gap:8px}
#dock .dock-button{width:28px;height:28px;min-width:28px;min-height:28px;padding:0}
#dock .dock-button>.app-art{width:28px;height:28px}
#dock .pisces-start{width:26px;height:26px}
}

#app .figma-settings-title,#app .figma-settings-main h1{-webkit-app-region:drag}

/* Company artwork preview: trailing secondary actions on each preview surface. */
#app .figma-settings .settings-company-preview{--p-brand-action-fill:#e5e5ea;--p-brand-action-label:#1c1c1e;--p-brand-action-hover:#d9d9df;--p-brand-action-pressed:#c7c7cd;align-items:center;padding:12px;gap:12px}
#app .figma-settings .settings-company-preview.dark{--p-brand-action-fill:#3a3a3c;--p-brand-action-label:#f2f2f7;--p-brand-action-hover:#4a4a4c;--p-brand-action-pressed:#56565a}
#app .figma-settings .settings-company-preview>.settings-company-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;margin-left:auto;min-width:0}
#app .figma-settings .settings-company-preview .settings-company-actions button:is([data-company-replace],[data-company-reset]){min-width:64px;height:28px;min-height:28px;padding:0 12px!important;border:0;border-radius:8px;background:var(--p-brand-action-fill);color:var(--p-brand-action-label);font-size:12px!important;line-height:18px;box-shadow:none;white-space:nowrap}
#app .figma-settings .settings-company-preview .settings-company-actions button:is([data-company-replace],[data-company-reset]):hover{background:var(--p-brand-action-hover)}
#app .figma-settings .settings-company-preview .settings-company-actions button:is([data-company-replace],[data-company-reset]):active{background:var(--p-brand-action-pressed)}
#app .figma-settings .settings-company-preview .settings-company-actions button:focus-visible{outline:2px solid var(--p-accent);outline-offset:3px}

/* Measured Figma geometry: 956:20696, 951:18807, 508:13707 and 110:1444.
   Explicitly reset legacy layout rules; window size alone is not visual parity. */
#app .figma-settings{padding:1px;border-radius:18px}
#app .figma-settings>nav{padding:8px;gap:0}
#app .figma-settings-title{height:28px;flex:none;display:flex;align-items:center;font-size:16px;line-height:22px;font-weight:600;margin:0 0 8px}
#app .figma-settings>nav>button{flex:0 0 24px;gap:5px;padding:4px;font-size:8.5px;line-height:12px;font-weight:400}
#app .figma-settings .center-sidebar-footer{padding:0;font-size:9px;line-height:12px}
#app .figma-settings>.figma-settings-main{gap:8px}
#app .figma-settings .settings-page-heading{height:auto;min-height:0;display:flex;flex-direction:column;gap:8px;margin:0;flex:none}
#app .figma-settings .settings-page-heading h1{height:28px;display:flex;align-items:center;font-size:16px;line-height:22px;margin:0}
#app .figma-settings .settings-page-heading p{margin:0;line-height:15px;font-size:11px}
#app .figma-settings-scroll:not(:has(>.figma-app-centre)){display:flex;flex-direction:column;gap:16px}
#app .figma-settings-scroll>*{flex-shrink:0}
#app .figma-settings-group{display:flex;flex-direction:column;gap:8px;min-width:0}
#app .figma-settings .figma-settings-group>h2{font-size:12px;line-height:16px;font-weight:500;color:var(--p-muted);margin:0}
#app .figma-settings .settings-value-card{padding:0;margin:0;gap:0}
#app .figma-settings .settings-value-row{height:44px;min-height:44px;padding:0 12px;gap:8px;font-size:12px;line-height:16px;justify-content:flex-start}
#app .figma-settings .settings-value-row>span:first-child,#app .figma-settings .settings-value-row>label{flex:0 0 45%;min-width:0;width:auto;margin:0;color:var(--p-ink);font-size:12px}
#app .figma-settings .settings-value-row>span:last-child{flex:1;width:auto;font-size:12px;line-height:16px}
#app .figma-settings .settings-value-row>.row{flex:1;min-width:0;flex-wrap:nowrap}
#app .figma-settings .settings-value-row>select{width:auto;flex:1;min-width:0}
#app .figma-settings .settings-value-row>button{margin-left:auto}
#app .figma-settings .settings-value-row input{height:32px;min-height:32px;font-size:12px}
#app .figma-settings #desktop-sync-time{width:100px;padding:0 12px;background:var(--p-soft-button)}
#app .figma-settings .settings-value-card>small{margin:0;padding:8px 12px;font-size:11px}
#app .figma-settings .settings-page-actions{margin:0;min-height:32px;gap:8px;justify-content:flex-start}
#app .figma-settings .figma-sync-actions button{width:100px;height:32px}
#app .figma-settings .settings-status-note{background:transparent;padding:0;min-height:0;margin:0;font-size:11px}
#app .figma-settings-footer{height:44px;min-height:44px;padding-top:9.5px;padding-bottom:1.5px;gap:8px;border-color:color-mix(in srgb,#c3cedc 50%,transparent)}
#app .figma-settings-footer button{flex:none;width:128px;border-radius:12px!important;padding:0 14px!important}
#app .figma-centre-tabs{height:32px;padding:3px;gap:0}
#app .figma-centre-tabs button{min-height:0;height:26px;font-size:11px;line-height:15px;padding:0;border-radius:6px}
#app .figma-centre-search{border-radius:8px}
#app .figma-centre-search input{font-size:11px!important}
#app .figma-centre-grid{gap:8px 10px}
#app .figma-tool-card{padding:10px;gap:6px}
#app .figma-tool-heading{gap:8px;flex:none}
#app .figma-tool-heading strong{font-size:12px;line-height:16px;font-weight:500}
#app .figma-tool-card>p{height:30px;min-height:30px;flex:none;margin:0;font-size:11px;line-height:15.4px}
#app .figma-tool-placement .figma-switch-row{font-size:11px;line-height:15px}

#app .desktop-start-shell .compact-workspace{gap:10px}
#app .desktop-start-shell .compact-tile{padding-top:3px;font-size:12px}
#app .desktop-start-shell .compact-tile>span:last-child,#app .desktop-start-shell .compact-group-content .compact-tile>span:last-child{font-size:12px;line-height:14px;font-weight:400}
#app .desktop-start-shell .compact-group-name{top:10px}
#app .desktop-start-shell .compact-group{padding:28px 10px 15px}
#app .desktop-start-shell .compact-page-dots{height:24px}
#app .desktop-start-shell .compact-page-dots button{height:24px;padding:8px 4px}
#app .desktop-start-shell .compact-recent-dock{min-width:232px;padding:5px 11px;justify-content:flex-start}
#app .desktop-start-shell .compact-bottom{min-height:70px}
#app .desktop-start-shell .compact-more>div{width:184px;padding:8px;top:31px}
#app .desktop-start-shell .compact-more button{font-size:11px;line-height:14px;margin-bottom:4px}
#app .desktop-start-shell .compact-more button:last-child{margin-bottom:0}

body.server-edition .server-main>.server-page-heading{margin:0;padding:0;flex:0 0 68px}
body.server-edition .server-page-heading h1{margin:0;font-size:24px;line-height:32px}
body.server-edition .server-page-heading>div:first-child{gap:8px}
body.server-edition .server-tool-filters{height:62px;align-items:start}
body.server-edition .server-tool-filters label{line-height:18px}
body.server-edition .server-figma-identity{font-size:15px;font-weight:600}
body.server-edition .server-figma-identity strong{font-weight:600}
body.server-edition .server-sidebar>button{font-weight:400;flex:none}
body.server-edition .server-sidebar .server-profile-picker{background:var(--p-control);border:0;border-radius:10px}
body.server-edition .server-tools-table :is(th,td){line-height:18px}
body.server-edition .server-tools-table th:nth-child(n+2),body.server-edition .server-tools-table td:nth-child(n+2){padding-left:16px}
body.server-edition .server-overview-panel h2,body.server-edition .server-tab-panel h2{font-size:17px;line-height:24px}
#app .figma-nav-symbol img{width:12px;height:12px}
#app .figma-settings .settings-value-row>button{border:0;background:var(--p-soft-button);border-radius:12px;height:32px;min-height:32px;font-size:12px;padding:0 14px;box-shadow:none}
#app .figma-settings .settings-value-row>select{height:32px;min-height:32px;background:var(--p-soft-button);border-radius:12px;font-size:12px}
#app .figma-settings .settings-value-row>button[data-settings-tab=connection]{min-width:142px}
#app .figma-settings .settings-page-actions button{font-size:12px;height:32px;min-height:32px;padding:0 14px}
#app .figma-settings #offline-connect{padding:12px;margin:0;display:flex;flex-direction:column;gap:12px}
#app .figma-settings #offline-connect>label{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-height:0;margin:0;font-size:12px;line-height:16px;color:var(--p-ink)}
#app .figma-settings #offline-connect>label>input{height:34px;min-height:34px;width:100%;font-size:12px;border:1px solid var(--p-line);background:var(--p-soft-button);border-radius:12px}
#app .figma-settings #connection-result:empty{display:none}
#app .figma-settings .figma-fixed-actions{flex:none;height:32px;min-height:32px}
#app .figma-settings .settings-entry-card .settings-toggle-row{min-height:36px;padding:4px 12px;font-size:12px}
#app .figma-settings .settings-entry-card .settings-toggle-row span{font-size:12px;line-height:16px;color:var(--p-ink)}
#app .figma-settings .settings-entry-card .settings-toggle-row small{display:none}
#app .figma-settings .settings-value-row.pisces-appearance{display:flex;flex-direction:row;align-items:center}
#app .figma-settings .settings-company-pair{display:flex;flex-direction:column;gap:8px}
#app .figma-settings .settings-company-card{margin:0;padding:12px}
#app .desktop-start-shell .compact-grid{display:block;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--compact-line) transparent}
#app .desktop-start-shell .compact-cell,#app .desktop-start-shell .compact-group{position:absolute;margin:0}
#app .desktop-start-shell .compact-cell{justify-content:flex-start}
#app .desktop-start-shell .compact-group{padding:27.5px 9.5px 15.5px}
#app .desktop-start-shell .compact-group-content{height:auto;grid-auto-rows:52px;gap:8px;justify-content:start;align-items:start;overflow:visible}
#app .desktop-start-shell .compact-group-content .compact-tile-wrap,#app .desktop-start-shell .compact-group-content .compact-tile{width:80px;height:52px}
#app .desktop-start-shell .compact-group-content .compact-tile>span:last-child{font-size:12px;line-height:14px}
#app .desktop-start-shell .compact-folder-art{padding:3px;border:0}
#app .desktop-start-shell .compact-folder-art .desktop-icon{width:10.25px;height:10.25px}
#app .figma-display-options{display:flex;flex-direction:column;gap:8px}
#app .figma-display-options .figma-switch-row{padding:10px 12px;height:60px;min-height:60px;background:var(--p-content);border-radius:12px;color:var(--p-ink);font-size:12px;line-height:16px}
#app .figma-display-options small{display:block;margin-top:4px;font-size:11px;line-height:15px}
#app .figma-display-options input[role=switch]{width:44px!important;min-width:44px!important;flex-basis:44px!important;height:26px!important;min-height:26px!important;max-height:26px!important}
#app .figma-display-options input[role=switch]:before{left:3px;top:3px;width:20px;height:20px}
#app .figma-display-options input[role=switch]:checked:before{transform:translateX(18px)}
#app .figma-settings[data-settings-section=apps] .figma-settings-scroll{gap:8px}
#app .figma-display-preview{padding:0;margin:0;background:transparent;border-radius:0}
#app .figma-display-preview>p{font-size:11px;line-height:15px;margin:0 0 8px}
#app .figma-preview-screen{height:auto;aspect-ratio:16/9;border:1px solid var(--p-line);border-radius:8px;background:radial-gradient(ellipse at 70% 65%,#4e83b6,transparent 60%),linear-gradient(140deg,#b6d1e8,#92adca)}
#app .figma-preview-screen .figma-preview-start{position:absolute;zoom:1;width:640px;height:456px;max-width:none;left:20.61%;right:auto;top:19.79%;bottom:auto;padding:0;transform-origin:top left;border-radius:24px}
#app .figma-preview-start .desktop-content{height:100%;width:100%;padding:0;overflow:hidden}
#app .figma-preview-screen .figma-preview-windows{height:12px;background:#e9eff7;font-size:4px;gap:4px}
#app .figma-preview-windows img{width:8px;height:8px}
#app .figma-preview-screen .figma-preview-rail{bottom:14px;height:1px}
#app .figma-preview-screen .figma-preview-dock.standalone{bottom:18px;height:17px;padding:2px 5px;gap:3px;border-radius:5px}
#app .figma-preview-dock.standalone span,#app .figma-preview-dock.standalone img{width:12px;height:12px}
#app .figma-settings .settings-value-card>label.settings-value-row{display:flex;flex-direction:row;align-items:center;gap:8px;height:44px;margin:0;padding:0 12px}
#app .figma-settings .settings-value-card>label.settings-value-row select{width:55%;flex:none;margin-left:auto}
#app .figma-settings .settings-language-card{margin:0;padding:0}
#app .figma-settings .settings-language-card>label{display:flex;flex-direction:row;align-items:center;height:44px;gap:8px;padding:0 12px;margin:0;font-size:12px;color:var(--p-ink)}
#app .figma-settings .settings-language-card select{height:32px;min-height:32px;width:55%;margin-left:auto;font-size:12px;background:var(--p-soft-button)}
#app .figma-settings .settings-language-card>p{padding:12px;margin:0}
#app .figma-settings .settings-language-card>label>span{flex:1;min-width:0}
#app .figma-settings .form.settings-language-card>label>select{width:55%;flex:0 0 55%;min-width:0;max-width:none}
#app .desktop-start-shell .compact-group[data-group-rows="1"] .compact-tile>span:last-child{display:-webkit-box}
#app .desktop-start-shell .compact-group[data-group-rows="1"] .compact-tile{justify-content:flex-start}
#app .figma-settings .settings-value-row.pisces-appearance>span{display:block;position:static;clip:auto;clip-path:none;width:auto;height:auto;overflow:visible;white-space:normal}
#app .figma-settings .figma-settings-group>small{font-size:11px;line-height:15px;color:var(--p-muted)}
/* Windows reserves scrollbar width; keep the measured content width unchanged. */
#app .figma-settings-scroll,#app .figma-centre-grid,#app .desktop-start-shell .compact-grid,body.server-edition .server-content,body.server-edition .server-tools-scroll{scrollbar-width:none}
#app .figma-settings-scroll::-webkit-scrollbar,#app .figma-centre-grid::-webkit-scrollbar,#app .desktop-start-shell .compact-grid::-webkit-scrollbar,body.server-edition .server-content::-webkit-scrollbar,body.server-edition .server-tools-scroll::-webkit-scrollbar{display:none}

/* Hosted App Centre follows the same card metrics at the computer breakpoint. */
.figma-web-centre .tool-grid{gap:8px 10px}
.figma-web-centre .tool-card{padding:10px;gap:6px}
.figma-web-centre .tool-card header{height:28px;flex:none;gap:8px}
.figma-web-centre .tool-name{font-size:12px;line-height:16px;font-weight:500}
.figma-web-centre .tool-card>p{height:30px;min-height:30px;flex:none;font-size:11px;line-height:15.4px}
.figma-web-centre .figma-web-placement{height:48px;padding-top:4px}
.figma-web-centre .figma-web-placement label{height:24px;font-size:11px;line-height:15px}
.figma-web-centre .figma-web-scroll{scrollbar-width:none}
.figma-web-centre .figma-web-scroll::-webkit-scrollbar{display:none}
.figma-web-centre .store-update-footer{height:44px;min-height:44px;padding-top:9.5px;padding-bottom:1.5px;font-size:11px}
.figma-web-centre .store-update-footer button{width:128px;height:32px;border-radius:12px}
.figma-web-centre .figma-centre-tabs{height:32px;padding:3px;gap:0;flex:none}
.figma-web-centre .figma-centre-tabs button{height:26px;min-height:0;font-size:11px;line-height:15px;padding:0;border-radius:6px}
body.server-edition .server-content h2,body.server-edition .server-overview-panel h2,body.server-edition .server-tab-panel h2{font-size:19px;line-height:26.6px}
body.server-edition .server-overview-metrics>article,body.server-edition .server-overview-panel{border:0}
body.server-edition .server-overview-panel{min-height:342px}
body.server-edition .server-overview-panel .row button,body.server-edition .server-tab-panel>button,body.server-edition .server-tab-panel>.row>button{height:32px;min-height:32px;padding:0 12px;border:0;border-radius:12px;background:var(--p-soft-button);color:var(--p-ink);font-size:13px;line-height:18px}
body.server-edition .server-profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 16px}
body.server-edition .server-profile-fields label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:13px;line-height:18px}
body.server-edition .server-profile-fields :is(input,select){width:100%;height:36px;min-height:36px;padding:0 12px;border:0;border-radius:10px;background:var(--p-control);color:var(--p-ink);font-size:13px;line-height:18px}
#app .figma-settings .settings-entry-card .settings-toggle-row{height:36px}
body.server-edition .server-tab-panel>h2,body.server-edition .server-profile-fields{margin:0}
body.server-edition .server-profile-fields label{height:62px}
body.server-edition .server-tab-panel button.primary{background:var(--p-selected);color:#fff}
body.server-edition .server-page-actions [data-server-command="stop"]{color:#ff3b30}

body.server-edition .server-overview-panel .server-running:not(.stopped){color:#16814f}