:root{--color-app-bg: #f8fafd;--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-muted: #f5f6f8;--color-surface-hover: #eef0f3;--color-border: #e1e4e8;--color-border-strong: #c9ced6;--color-text: #1c2024;--color-text-muted: #5c6470;--color-text-inverse: #ffffff;--color-search-bg: #e9eef6;--color-nav-active-bg: #c2e7ff;--color-nav-active-text: #001d35;--color-tile-bg: #f0f4f9;--color-brand: #2f5bea;--color-brand-hover: #2449c4;--color-brand-weak: #eef2fe;--color-royal: #1638c0;--color-sun: #ffba00;--color-sun-text: #1a1400;--color-brand-grey: #5a6070;--color-brand-name-on-band: #e8eaed;--color-band-text: #ffffff;--color-band-text-muted: rgba(255, 255, 255, .8);--color-band-hover: rgba(255, 255, 255, .16);--color-band-field: rgba(255, 255, 255, .18);--color-band-divider: rgba(255, 255, 255, .35);--color-band-light-text-muted: rgba(28, 32, 36, .72);--color-band-light-hover: rgba(28, 32, 36, .08);--color-band-light-field: rgba(28, 32, 36, .07);--color-band-light-divider: rgba(28, 32, 36, .25);--color-band-light-outline: rgba(28, 32, 36, .35);--color-band-light-brand-name: var(--color-brand-grey);--color-band-context: rgba(255, 255, 255, .22);--color-band-current: rgba(255, 255, 255, .24);--color-band-outline: rgba(255, 255, 255, .55);--color-band-pressed-docs: #dbe4fd;--color-band-weak-docs: #eef2fe;--color-band-pressed-calc: #d7efdc;--color-band-weak-calc: #e8f5ec;--color-band-pressed-presentation: #fff0b3;--color-band-weak-presentation: #fff8db;--color-app-docs: #2f5bea;--color-app-calc: #188038;--color-app-drive: #7c3aed;--color-app-admin: #5f6b7a;--color-app-account: #0f766e;--color-app-presentation: #ffe066;--color-app-presentation-ink: #a16207;--color-file-word: #2f5bea;--color-file-excel: #188038;--color-file-slides: #e8710a;--color-file-pdf: #c4302b;--color-danger: #c4302b;--color-danger-weak: #fdeceb;--color-success: #1f7a4d;--color-warning: #a35f00;--color-focus: #2f5bea;--color-find-match: #ffe39b;--color-find-current: #ff9632;--color-caret-1: #d93025;--color-caret-2: #1a73e8;--color-caret-3: #188038;--color-caret-4: #a142f4;--color-caret-5: #e8710a;--color-caret-6: #007b83;--color-backdrop: rgba(20, 24, 30, .4);--color-shadow: rgba(20, 24, 30, .12);--color-preview-bg: #000000;--color-preview-hover: rgba(255, 255, 255, .12);--color-preview-border: rgba(255, 255, 255, .5);--color-table-border: #a7adb6;--color-comment-mark: #fef7e0;--font-display: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 22px;--font-size-page-title: 18px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--line-height: 1.45;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-round: 999px;--topbar-height: 48px;--band-hold: 22px;--band-inset: 10px;--shadow-held: 0 6px 18px var(--color-shadow);--sidenav-width: 256px;--control-height: 34px;--shadow-popover: 0 6px 24px var(--color-shadow);--shadow-raised: 0 1px 3px var(--color-shadow), 0 4px 8px var(--color-shadow);--shadow-preview-page: 0 2px 8px rgba(0, 0, 0, .6);--color-folder-image-mountains: linear-gradient(135deg, #3a6ea5, #b8d0e8);--color-folder-image-sea: linear-gradient(135deg, #0f7ea0, #6fd0e8);--color-folder-image-forest: linear-gradient(135deg, #2c7a3f, #9ad18f);--color-folder-image-desert: linear-gradient(135deg, #c98a3d, #f0d2a0);--color-folder-image-arctic: linear-gradient(135deg, #7cc4e0, #e8f6fc);--color-folder-image-city: linear-gradient(135deg, #5c6470, #c9ced6);--color-folder-image-field: linear-gradient(135deg, #8ab83f, #e8e2a0);--color-folder-image-night: linear-gradient(135deg, #232a55, #7c86c9)}@media(max-width:768px){:root{--control-height: 44px;--topbar-height: 56px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--color-app-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height)}a{color:var(--color-brand)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/poppins-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/poppins-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}.shell{min-height:100vh;display:flex;flex-direction:column}.band-docs{--color-band: var(--color-app-docs);--band-pressed: var(--color-band-pressed-docs);--band-weak: var(--color-band-weak-docs)}.band-calc{--color-band: var(--color-app-calc);--band-pressed: var(--color-band-pressed-calc);--band-weak: var(--color-band-weak-calc)}.band-drive{--color-band: var(--color-app-drive)}.band-admin{--color-band: var(--color-app-admin)}.band-account{--color-band: var(--color-app-account)}.band-docs,.band-calc,.band-drive,.band-admin,.band-account,.band-presentation{--band-mark: var(--color-sun);--band-ink: var(--color-band)}.band-presentation{--color-band: var(--color-app-presentation);--band-mark: var(--color-royal);--band-ink: var(--color-app-presentation-ink);--band-pressed: var(--color-band-pressed-presentation);--band-weak: var(--color-band-weak-presentation);--color-band-text: var(--color-text);--color-band-text-muted: var(--color-band-light-text-muted);--color-band-hover: var(--color-band-light-hover);--color-band-field: var(--color-band-light-field);--color-band-divider: var(--color-band-light-divider);--color-band-outline: var(--color-band-light-outline);--color-band-context: var(--color-band-light-hover);--color-band-current: var(--color-band-light-field);--color-brand-name-on-band: var(--color-band-light-brand-name)}.topbar{height:var(--topbar-height);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-3) 0 0;background:var(--color-band)}.topbar-home{display:flex;flex:none;align-items:center;align-self:stretch;color:var(--color-band-text);text-decoration:none;white-space:nowrap}.topbar-brand{display:flex;align-items:center;gap:var(--space-3);width:var(--sidenav-width);padding-left:var(--space-4)}.brand-disc{display:inline-flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-round);background:var(--color-surface)}.brand-symbol{display:block;width:25px;height:25px}.brand-name{color:var(--color-brand-name-on-band);font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);letter-spacing:.01em}.topbar-app{display:inline-flex;align-items:center;gap:var(--space-3);padding-left:var(--band-inset);font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}.topbar-app .brand-disc .icon{color:var(--band-ink)}.topbar-title{display:flex;flex:0 1 auto;align-items:center;gap:var(--space-2);min-width:0}.topbar-title:before{content:"";flex:none;width:1px;height:24px;margin-right:var(--space-2);background:var(--color-band-divider)}.topbar-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-band-text);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}input.topbar-file-name{height:var(--control-height);max-width:320px;padding:0 var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;field-sizing:content}input.topbar-file-name:not([readonly]):hover{border-color:var(--color-band-outline)}input.topbar-file-name:not([readonly]):focus{outline:none;background:var(--color-surface);color:var(--color-text)}.topbar-file-state{flex:none;color:var(--color-band-text-muted);font-size:var(--font-size-md);white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.topbar-actions .btn-primary{border-color:var(--color-surface);background:var(--color-surface);color:var(--band-ink)}.topbar-actions .btn-primary:hover{border-color:var(--color-surface-hover);background:var(--color-surface-hover)}.topbar .topbar-menu-button{display:none}.topbar .btn-ghost{border-radius:var(--radius-round);color:var(--color-band-text)}.topbar .btn-ghost:hover{background:var(--color-band-hover)}.topbar :focus-visible{outline-color:var(--color-band-text)}.topbar .avatar{box-shadow:0 0 0 2px var(--color-band-text)}.topbar-search-area{flex:1;display:flex;justify-content:center;min-width:0}.topbar-search{position:relative;display:flex;align-items:center;gap:var(--space-2);width:100%;height:var(--control-height);padding:0 var(--space-4);border-radius:var(--radius-round);background:var(--color-band-field);color:var(--color-band-text)}.topbar-search:focus-within{background:var(--color-surface);color:var(--color-text-muted);box-shadow:var(--shadow-popover)}.topbar-search-input{flex:1;min-width:0;border:0;background:transparent;color:var(--color-band-text);font:inherit}.topbar-search-input::placeholder{color:var(--color-band-text-muted)}.topbar-search:focus-within .topbar-search-input{color:var(--color-text)}.topbar-search:focus-within .topbar-search-input::placeholder{color:var(--color-text-muted)}.search-suggest-wrapper{position:relative;width:100%;max-width:560px}.search-suggest-list{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;z-index:40;margin:0;padding:var(--space-2);list-style:none;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-popover)}.search-suggest-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer}.search-suggest-item.active,.search-suggest-item:hover{background:var(--color-surface-hover)}.search-suggest-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.search-suggest-hint{flex:none;color:var(--color-text-muted);font-size:var(--font-size-sm)}@media(max-width:700px){.search-suggest-list{top:calc(100% + var(--space-1))}}.topbar-search-input:focus{outline:none}.topbar-end{display:flex;align-items:center;gap:var(--space-2)}.shell-hold{flex:none;height:var(--band-hold);background:var(--color-band)}.shell-commandbar{position:relative;z-index:1;margin:calc(var(--space-1) - var(--band-hold)) var(--band-inset) 0;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-held)}.command-bar{display:flex;align-items:center;gap:var(--space-2);min-height:46px;padding:var(--space-1) var(--space-2)}.command-bar-start,.command-bar-end{display:flex;align-items:center;gap:2px;min-width:0}.command-bar-start{flex:1}.command-bar .btn{border-radius:var(--radius-md)}.command-bar .command{padding:0 var(--space-3);font-weight:var(--font-weight-normal)}.command-bar .command .icon{color:var(--color-band, var(--color-brand))}.command-bar .btn[aria-pressed=true]{position:relative;background:transparent;color:var(--color-text)}.command-bar .btn[aria-pressed=true]:after{content:"";position:absolute;right:30%;bottom:3px;left:30%;height:3px;border-radius:var(--radius-round);background:var(--color-sun)}.command-count{padding:0 var(--space-1) 0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm);white-space:nowrap}@media(max-width:700px){.command-bar .command{width:var(--control-height);padding:0}.command-label{display:none}}.avatar-stack{display:inline-flex;align-items:center;padding-left:2px}.avatar-stack .avatar{width:24px;height:24px;margin-right:-4px;font-size:10px;box-shadow:0 0 0 2px var(--color-surface)}.shell-body{flex:1;display:flex;min-height:0}.sidenav{flex:none;width:var(--sidenav-width);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-right:1px solid var(--color-border);background:var(--color-app-bg)}.sidenav-primary{margin-bottom:var(--space-3)}.sidenav-footer{margin-top:auto;padding:var(--space-4) var(--space-3) 0}.sidenav-section{margin-top:var(--space-4)}.sidenav-link{position:relative;display:flex;align-items:center;gap:var(--space-4);height:32px;padding:0 var(--space-4) 0 var(--space-5);border-radius:var(--radius-round);color:var(--color-text);text-decoration:none;white-space:nowrap}.sidenav-link:hover{background:var(--color-surface-hover)}.sidenav-link.active{background:var(--color-brand-weak);font-weight:var(--font-weight-bold)}.sidenav-link.active:before{content:"";position:absolute;top:50%;left:var(--space-3);width:6px;height:6px;margin-top:-3px;border-radius:var(--radius-round);background:var(--color-sun)}.sidenav-link.active .icon{color:var(--band-ink)}.sidenav-backdrop{display:none}.shell-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--color-surface)}.shell-page{flex:1;min-width:0;padding:var(--space-5)}.popover-anchor{position:relative}.popover{z-index:20;min-width:220px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-popover)}.popover-floating{position:fixed;overflow-y:auto}.popover-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2)}.popover-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font:inherit;text-align:left;text-decoration:none;cursor:pointer}.popover-item:hover{background:var(--color-surface-hover)}.popover-item-icon{width:20px;height:20px;flex:none}.popover-item.active{color:var(--color-brand);font-weight:var(--font-weight-medium)}.app-list{display:flex;flex-direction:column;min-width:200px;max-height:70vh;overflow-y:auto}.app-colour-docs,.item-name .icon.app-colour-docs{color:var(--color-app-docs)}.app-colour-calc,.item-name .icon.app-colour-calc{color:var(--color-app-calc)}.app-colour-drive,.item-name .icon.app-colour-drive{color:var(--color-app-drive)}.app-colour-admin,.item-name .icon.app-colour-admin{color:var(--color-app-admin)}.app-colour-account,.item-name .icon.app-colour-account{color:var(--color-app-account)}.file-colour-word,.item-name .icon.file-colour-word{color:var(--color-file-word)}.file-colour-excel,.item-name .icon.file-colour-excel{color:var(--color-file-excel)}.file-colour-slides,.item-name .icon.file-colour-slides{color:var(--color-file-slides)}.file-colour-pdf,.item-name .icon.file-colour-pdf{color:var(--color-file-pdf)}.app-row{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none;transition:background-color .12s ease}.app-row+.app-row{border-top:1px solid var(--color-border)}.app-row:hover{background:var(--color-surface-hover)}.app-row.active{background:var(--color-brand-weak);color:var(--color-brand)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-round);background:var(--color-brand);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);object-fit:cover}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--font-size-sm)}.narrow-only{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer}.btn:hover{background:var(--color-surface-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-text-inverse)}.btn-primary:hover{border-color:var(--color-brand-hover);background:var(--color-brand-hover)}.btn-danger{border-color:var(--color-danger);color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-weak)}.btn-ghost{border-color:transparent;background:transparent}.btn-text{border-color:transparent;background:transparent;color:var(--color-brand)}.btn-icon{width:var(--control-height);padding:0}.btn[aria-pressed=true]{background:var(--color-nav-active-bg);color:var(--color-nav-active-text)}.drive-file-list{display:flex;flex-direction:column;margin-top:var(--space-2)}.drive-file-row{justify-content:flex-start;width:100%;white-space:normal}.drive-file-back{margin-top:var(--space-1)}.select{height:var(--control-height);max-width:100%;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}.select:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field-label{font-weight:var(--font-weight-medium)}.field-input{height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}.field-input:focus{border-color:var(--color-brand);outline:none}.field-input:disabled{background:var(--color-surface-muted);color:var(--color-text-muted);cursor:not-allowed}.field-hint{color:var(--color-text-muted);font-size:var(--font-size-sm)}.field-error{color:var(--color-danger);font-size:var(--font-size-sm)}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox-input{width:18px;height:18px;accent-color:var(--color-brand)}.radio{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.radio-input{width:18px;height:18px;accent-color:var(--color-brand)}.card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.page-title{margin:0;font-family:var(--font-display);font-size:var(--font-size-page-title);font-weight:var(--font-weight-medium)}.page-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.page-missing{display:flex;flex-direction:column;gap:var(--space-3)}.page-missing h1{margin:0;font-family:var(--font-display);font-size:var(--font-size-page-title);font-weight:var(--font-weight-medium)}.page-alone{padding:var(--space-5)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--space-3);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle}.table th{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.table tbody tr:hover{background:var(--color-surface-muted)}.cell-nowrap{white-space:nowrap}.table-sort{display:inline-flex;align-items:center;gap:var(--space-1);min-height:20px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.table-sort-text{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.table-sort:hover .table-sort-text,.table-sort:focus-visible .table-sort-text{color:var(--color-brand);text-decoration:underline}.dialog-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop)}.dialog{width:100%;max-width:480px;max-height:calc(100vh - 2 * var(--space-4));overflow:auto;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-popover)}.dialog.dialog-wide{max-width:640px}.dialog-submit{display:none}.dialog-title{margin:0;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.dialog-body{padding:var(--space-5)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.shortcuts-tables{display:flex;flex-direction:column;gap:var(--space-5)}.shortcuts-label{margin:0 0 var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.btn-fab{height:max(40px,var(--control-height));padding:0 var(--space-5) 0 var(--space-4);border-color:transparent;border-radius:var(--radius-round);background:var(--color-sun);color:var(--color-sun-text);font-weight:var(--font-weight-bold)}.btn-fab:hover{background:var(--color-sun);box-shadow:var(--shadow-raised)}.view-toggle{display:inline-flex;gap:2px}.view-toggle-item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--control-height);height:var(--control-height);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text);font:inherit;cursor:pointer}.view-toggle-item:hover{background:var(--color-surface-hover)}.view-toggle-item.active:after{content:"";position:absolute;right:30%;bottom:3px;left:30%;height:3px;border-radius:var(--radius-round);background:var(--color-sun)}.segmented{display:inline-flex;border:1px solid var(--color-border-strong);border-radius:var(--radius-round);overflow:hidden}.segmented-item{display:inline-flex;align-items:center;gap:var(--space-1);height:32px;padding:0 var(--space-3);border:0;background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer}.segmented-item+.segmented-item{border-left:1px solid var(--color-border-strong)}.segmented-item.active{background:var(--color-nav-active-bg);color:var(--color-nav-active-text)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.tile{display:flex;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-2) var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-tile-bg);color:var(--color-text);text-decoration:none}.tile:hover{background:var(--color-surface-hover)}.tile-text{flex:1;min-width:0}.tile-title,.tile-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-title{font-weight:var(--font-weight-medium)}.tile-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm)}.meter{display:block;width:100%;height:4px;border:0;border-radius:var(--radius-round);background:var(--color-border);appearance:none}.meter::-webkit-progress-bar{border-radius:var(--radius-round);background:var(--color-border)}.meter::-webkit-progress-value{border-radius:var(--radius-round);background:var(--color-brand)}.meter::-moz-progress-bar{border-radius:var(--radius-round);background:var(--color-brand)}.meter-label{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm)}.icon{width:20px;height:20px;flex:none}.icon-lg{width:32px;height:32px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);text-align:center}.empty-state-compact{margin:var(--space-3) 0;color:var(--color-text-muted)}.empty-state .icon{color:var(--color-text-muted);width:48px;height:48px}.empty-state h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);color:var(--color-text)}.empty-state p{margin:0;color:var(--color-text-muted)}.item-name{display:flex;align-items:center;gap:var(--space-2)}.item-name .icon{color:var(--color-text-muted)}.item-name .item-name-icon{width:24px;height:24px;border-radius:var(--radius-sm);object-fit:cover;flex:none}[data-folder-image]{background:var(--color-surface-muted)}[data-folder-image=mountains]{background:var(--color-folder-image-mountains)}[data-folder-image=sea]{background:var(--color-folder-image-sea)}[data-folder-image=forest]{background:var(--color-folder-image-forest)}[data-folder-image=desert]{background:var(--color-folder-image-desert)}[data-folder-image=arctic]{background:var(--color-folder-image-arctic)}[data-folder-image=city]{background:var(--color-folder-image-city)}[data-folder-image=field]{background:var(--color-folder-image-field)}[data-folder-image=night]{background:var(--color-folder-image-night)}.item-link{color:var(--color-text);text-decoration:none}button.item-link{padding:0;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer}.item-link:hover,.item-link:focus-visible{text-decoration:underline}.snackbar{position:fixed;bottom:var(--space-5);left:var(--space-5);z-index:40;display:flex;align-items:center;gap:var(--space-2);max-width:calc(100vw - 2 * var(--space-5));padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-popover)}.snackbar-text{flex:1;min-width:0}@media(max-width:768px){.snackbar{bottom:0;left:0;max-width:100%;border-radius:0}.col-wide-only{display:none}.narrow-only{display:block}.page-header{flex-wrap:wrap}.topbar{gap:var(--space-2);padding:0 var(--space-2)}.topbar .topbar-menu-button{display:inline-flex}.topbar-brand{width:auto;padding-left:0}.brand-name,.topbar-app{display:none}.topbar-title:before{display:none}.topbar-search{padding:0 var(--space-3)}.sidenav{position:fixed;top:var(--topbar-height);bottom:0;left:0;z-index:30;transform:translate(-100%);visibility:hidden;transition:transform .15s ease,visibility .15s}.sidenav.open{transform:none;visibility:visible;box-shadow:var(--shadow-popover)}.sidenav-backdrop{display:block;position:fixed;inset:var(--topbar-height) 0 0 0;z-index:25;background:var(--color-backdrop)}.shell-page{padding:var(--space-4)}.sidenav-link,.view-toggle-item{height:44px}}.menubar{display:flex;flex-wrap:wrap}.menubar-menu{position:relative}.menubar-button{padding:2px 7px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-md);cursor:pointer}.menubar-button:hover,.menubar-button.menubar-open{background:var(--color-surface-hover)}.menubar-list{position:absolute;top:100%;left:0;z-index:20;min-width:260px;padding:var(--space-1) 0;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-popover)}.menubar-point{position:fixed;top:0;left:0}.menubar-sub{position:relative}.menubar-sub>.menubar-list{top:calc(-1 * var(--space-1));left:100%}.menubar-sub-under>.menubar-list{position:static;box-shadow:none}.menubar-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:6px var(--space-4) 6px var(--space-2);border:0;background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-md);text-align:left;cursor:pointer}.menubar-item:hover,.menubar-item[aria-expanded=true]{background:var(--color-surface-hover)}.menubar-item:disabled{opacity:.4;cursor:default}.menubar-check{display:inline-flex;flex:none;align-items:center;justify-content:center;width:20px}.menubar-label{flex:1}.menubar-keys{color:var(--color-text-muted);font-size:var(--font-size-sm)}.menubar-sep{height:1px;margin:var(--space-1) 0;background:var(--color-border)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin:0 var(--space-4) var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-xl);background:var(--color-search-bg)}.toolbar-sep{width:1px;height:20px;margin:0 var(--space-1);background:var(--color-border-strong)}.toolbar-tools{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:2px;min-width:0}.toolbar-select{border-color:transparent;background:transparent}.toolbar-select:hover{background:var(--color-surface-hover)}.toolbar-select-small{width:76px}.toolbar-select-medium{width:128px}.toolbar-select-large{width:136px}.toolbar-size{display:inline-flex;align-items:center}.toolbar-size-input{width:38px;height:26px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;text-align:center}@media(max-width:640px){.toolbar-select-medium{width:92px}.toolbar-select-large{width:88px}}@media(max-width:480px){.toolbar{margin-right:var(--space-2);margin-left:var(--space-2)}}@media print{.toolbar{display:none}}.band{position:relative;z-index:10}.band-tabrow{display:flex;align-items:flex-start;gap:var(--space-2);padding:0 var(--band-inset) calc(var(--band-hold) + var(--space-1));background:var(--color-band);color:var(--color-band-text)}.band-tabs{display:flex;flex:1;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}.band-tab{position:relative;flex:none;height:38px;padding:0 var(--space-3);border:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:transparent;color:var(--color-band-text-muted);font:inherit;font-size:var(--font-size-md);white-space:nowrap;cursor:pointer}.band-tab:hover{background:var(--color-band-hover);color:var(--color-band-text)}.band-tab:focus-visible{outline:2px solid var(--color-band-text);outline-offset:-2px}.band-tab-file,.band-tab[aria-selected=true]{color:var(--color-band-text);font-weight:var(--font-weight-bold)}.band-tab[aria-selected=true]:after{content:"";position:absolute;bottom:var(--space-1);left:50%;width:22px;height:4px;margin-left:-11px;border-radius:var(--radius-round);background:var(--band-mark)}.band-tab-context{margin-left:var(--space-1);background:var(--color-band-context);color:var(--color-band-text)}.band-tabrow-end{display:flex;flex:none;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.band-tabrow-end .btn{height:30px;padding:0 var(--space-3);border-color:var(--color-band-outline);border-radius:var(--radius-round);background:transparent;color:var(--color-band-text);font-size:var(--font-size-sm)}.band-tabrow-end .btn-icon{width:30px;padding:0}.band-tabrow-end .btn:hover,.band-tabrow-end .btn[aria-pressed=true],.band-tabrow-end .btn[aria-expanded=true]{background:var(--color-band-hover);color:var(--color-band-text)}.band-tabrow-end .btn .icon{width:16px;height:16px}.band-tabrow-end :focus-visible{outline-color:var(--color-band-text)}.band-card{display:flex;align-items:stretch;margin:calc(-1 * var(--band-hold)) var(--band-inset) 0;padding:6px var(--space-1) 0;border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-held)}.band-card-over{position:absolute;right:0;left:0}.band-groups{display:flex;flex:1;align-items:stretch;min-width:0}.band-groups-folded{flex-wrap:wrap}.band-group{position:relative;display:flex;flex:none;flex-direction:column;padding:0 var(--space-2)}.band-group-body{display:flex;flex:1;align-items:flex-start;gap:var(--space-1);min-height:76px}.band-group-foot{position:relative;padding:2px 20px var(--space-1);text-align:center}.band-group-label{color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap}.band-dialog{position:absolute;right:0;bottom:var(--space-1);display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer}.band-dialog .icon{width:12px;height:12px}.band-button{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-xs);line-height:1.2;white-space:nowrap;cursor:pointer}.band-button:disabled,.band-arrow:disabled,.band-tile:disabled{opacity:.4;cursor:default}.band-button:not([aria-pressed=true]):hover:not(:disabled),.band-arrow:hover:not(:disabled),.band-dialog:hover,.band-tile:hover:not(:disabled),.band-gallery-more:hover,.band-fold:hover,.band-fold[aria-expanded=true],.band-pin:hover{background:var(--color-surface-hover);color:var(--color-text)}.band-button[aria-pressed=true]{background:var(--band-pressed);color:var(--band-ink);box-shadow:inset 0 -3px 0 var(--band-mark)}.band-big{flex-direction:column;width:64px;min-height:76px;padding:6px 2px var(--space-1);text-align:center;white-space:normal}.band-big .icon{width:30px;height:30px}.band-big .band-caret{width:12px;height:12px;margin-top:-4px}.band-small{height:24px;padding:0 var(--space-2) 0 var(--space-1)}.band-icon{justify-content:center;width:28px;height:28px;padding:0}.band-small .icon,.band-icon .icon{width:18px;height:18px}.band-caret,.band-arrow .icon,.band-gallery-more .icon{width:12px;height:12px}.band-menu.band-icon{width:auto;padding:0 2px 0 var(--space-1);gap:0}.band-split{display:inline-flex;align-items:stretch;border-radius:var(--radius-md)}.band-split:hover{box-shadow:inset 0 0 0 1px var(--color-border-strong)}.band-split>.popover-anchor{display:flex}.band-split>.band-button{border-radius:var(--radius-md) 0 0 var(--radius-md)}.band-arrow{display:grid;place-items:center;width:14px;padding:0;border:0;border-radius:0 var(--radius-md) var(--radius-md) 0;background:transparent;color:var(--color-text);cursor:pointer}.band-split-big{flex-direction:column}.band-split-big>.band-button{min-height:60px;border-radius:var(--radius-md) var(--radius-md) 0 0}.band-split-big .band-arrow{width:100%;height:16px;border-radius:0 0 var(--radius-md) var(--radius-md)}.band-card .toolbar-select{height:28px;border-color:var(--color-border-strong);background:var(--color-surface);font-size:var(--font-size-sm)}.band-card .toolbar-select-small{width:60px}.band-card .toolbar-select-medium{width:108px}.band-control{display:inline-flex;align-items:center}.band-column{display:flex;flex-direction:column;gap:2px}.band-row{display:flex;align-items:center;gap:2px}.band-gallery{display:flex;align-items:stretch;gap:var(--space-1);padding:3px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.band-gallery>.popover-anchor{display:flex}.band-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-width:60px;max-width:88px;height:62px;padding:0 6px;overflow:hidden;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font:inherit;text-align:center;cursor:pointer}.band-tile-sample{line-height:1}.band-tile-sample-small{font-size:var(--font-size-md)}.band-tile-sample-medium{font-size:var(--font-size-lg)}.band-tile-sample-large{font-size:var(--font-size-2xl)}.band-tile-label{max-width:100%;overflow:hidden;color:var(--color-text-muted);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.band-gallery-more{display:grid;place-items:center;width:20px;padding:0;border:0;border-left:1px solid var(--color-border);border-radius:0;background:transparent;color:var(--color-text-muted);cursor:pointer}.band-tile[aria-pressed=true]{border-color:var(--band-ink);background:var(--band-weak)}.band-group-folded{padding:0 var(--space-1)}.band-fold{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:72px;min-height:76px;margin-bottom:var(--space-1);padding:var(--space-1);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-xs);line-height:1.2;text-align:center;cursor:pointer}.band-fold .icon:first-child{width:26px;height:26px}.band-fold-panel{position:absolute;top:100%;left:0;z-index:20;display:flex;padding:var(--space-2) var(--space-1) 0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-popover)}.band-pin{display:grid;flex:none;align-self:flex-end;place-items:center;width:24px;height:24px;margin:0 2px var(--space-1);padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer}.band-pin .icon{width:16px;height:16px}.band-file{position:fixed;right:0;bottom:0;left:0;display:grid;grid-template-columns:240px minmax(0,1fr);background:var(--color-surface)}.band-file-nav{display:flex;flex-direction:column;gap:2px;padding:0 0 var(--space-4);overflow-y:auto;background:var(--color-band);color:var(--color-band-text)}.band-file-back,.band-file-entry{position:relative;display:flex;flex:none;align-items:center;gap:var(--space-3);margin:0 var(--space-2);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-5);border:0;border-radius:var(--radius-round);background:transparent;color:inherit;font:inherit;text-align:left;white-space:nowrap;cursor:pointer}.band-file-back{margin-bottom:var(--space-2)}.band-file-back:hover,.band-file-entry:hover:not(:disabled){background:var(--color-band-hover)}.band-file-entry:disabled{opacity:.5;cursor:default}.band-file-entry[aria-current=page]{background:var(--color-band-current);font-weight:var(--font-weight-bold)}.band-file-entry[aria-current=page]:before{content:"";position:absolute;top:50%;left:10px;width:6px;height:6px;margin-top:-3px;border-radius:var(--radius-round);background:var(--band-mark)}.band-file-nav :focus-visible{outline-color:var(--color-band-text);outline-offset:-2px}.band-file-sep{flex:none;height:1px;margin:var(--space-2) var(--space-5);background:var(--color-band-divider)}.band-file-main{padding:var(--space-5) var(--space-6);overflow-y:auto}.band-file-title{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:var(--font-size-page-title);font-weight:var(--font-weight-medium)}@media(max-width:640px){.band-file{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.band-file-nav{flex-direction:row;padding:0 0 var(--space-2);overflow-x:auto}.band-file-back{margin-bottom:0}.band-file-sep{display:none}.band-file-main{padding:var(--space-4)}}@media print{.band{display:none}}.home-inner{max-width:880px;margin:0 auto;padding:var(--space-4)}.home-start{background:var(--color-surface-muted)}.home-section-title{margin:0 0 var(--space-3);color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.home-section-next{margin-top:var(--space-5)}.home-tile-row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.home-file-input{display:none}.start-tile{display:inline-flex;flex-direction:column;gap:var(--space-2);padding:0;border:0;background:transparent;color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.start-tile:disabled{cursor:progress}.start-tile-sheet{display:grid;place-items:center;width:140px;height:180px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.start-tile:hover .start-tile-sheet,.start-tile:focus-visible .start-tile-sheet{border-color:var(--color-brand)}.start-tile-label{font-weight:var(--font-weight-medium)}.home-search{display:flex;align-items:center;gap:var(--space-2);width:100%;max-width:640px;height:44px;margin-bottom:var(--space-4);padding:0 var(--space-3);border-radius:var(--radius-round);background:var(--color-search-bg);color:var(--color-text-muted)}.home-search:focus-within{background:var(--color-surface);box-shadow:var(--shadow-popover)}.home-search-input{flex:1;min-width:0;border:0;background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-lg)}.home-search-input:focus{outline:none}
