.c-palette-overlay{z-index:950;padding:12vh var(--m-s-4) var(--m-s-4);background:var(--m-overlay);animation:m-pop var(--m-dur-fast) var(--m-ease);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.c-palette{background:var(--m-surface-2);border:1px solid var(--m-border-strong);border-radius:var(--m-r-lg);width:min(640px,100%);max-height:70vh;box-shadow:var(--m-shadow-3);flex-direction:column;display:flex;overflow:hidden}.c-palette-search{align-items:center;gap:var(--m-s-3);padding:var(--m-s-3) var(--m-s-4);border-bottom:1px solid var(--m-border);color:var(--m-text-subtle);display:flex}.c-palette-search input{min-width:0;font-size:var(--m-fs-lg);color:var(--m-text);background:0 0;border:0;outline:none;flex:1}.c-palette-list{padding:6px;overflow:auto}.c-palette-row{align-items:center;gap:var(--m-s-3);border-radius:var(--m-r-sm);cursor:pointer;padding:8px 10px;display:flex}.c-palette-row.is-active{background:var(--m-surface-4)}.c-palette-icon{border-radius:var(--m-r-sm);background:var(--m-surface-3);width:30px;height:30px;color:var(--m-text-muted);flex:none;place-items:center;display:grid}.c-palette-row.is-active .c-palette-icon{background:var(--m-accent-soft);color:var(--m-accent)}.c-palette-text{flex-wrap:wrap;flex:1;align-items:baseline;gap:0 8px;min-width:0;display:flex}.c-palette-title{font-weight:var(--m-fw-semibold);font-size:var(--m-fs-sm)}.c-palette-via{font-size:var(--m-fs-xs);color:var(--m-accent)}.c-palette-sub{width:100%;font-size:var(--m-fs-xs);color:var(--m-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.c-palette-cat{font-size:var(--m-fs-2xs);color:var(--m-text-subtle);text-transform:uppercase;letter-spacing:.06em}.c-palette-empty{padding:var(--m-s-6);text-align:center;color:var(--m-text-muted);font-size:var(--m-fs-sm)}.c-activity{align-items:center;gap:var(--m-s-3);height:36px;padding:0 var(--m-s-3);border-top:1px solid var(--m-border);background:var(--m-surface-1);font-size:var(--m-fs-xs);color:var(--m-text-muted);flex:none;display:flex;position:relative}.c-activity-left{align-items:center;gap:var(--m-s-3);min-width:0;display:flex}.c-activity-main{justify-content:flex-end;min-width:0;margin-left:auto;display:flex}.c-activity-idle{align-items:center;gap:6px;display:inline-flex}.c-activity-current{align-items:center;gap:var(--m-s-2);border-radius:var(--m-r-pill);background:var(--m-surface-2);max-width:520px;height:28px;color:var(--m-text);font-size:var(--m-fs-xs);cursor:pointer;border:0;padding:0 10px;display:inline-flex}.c-activity-current:hover{background:var(--m-surface-3)}.c-activity-pulse{background:var(--m-accent);width:8px;height:8px;box-shadow:0 0 0 0 var(--m-accent-glow);border-radius:50%;flex:none;animation:1.4s ease-out infinite c-pulse}@keyframes c-pulse{to{box-shadow:0 0 0 8px #0000}}.c-activity-title{font-weight:var(--m-fw-semibold);white-space:nowrap}.c-activity-detail{color:var(--m-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.c-activity-progress{flex:none;width:120px}.c-activity-count{color:var(--m-text-subtle)}.c-activity-panel{right:var(--m-s-3);z-index:800;width:min(380px,100vw - 24px);max-height:50vh;padding:var(--m-s-3);background:var(--m-surface-2);border:1px solid var(--m-border-strong);border-radius:var(--m-r-md);box-shadow:var(--m-shadow-3);color:var(--m-text);position:absolute;bottom:42px;overflow:auto}.c-activity-panel header{margin-bottom:var(--m-s-2);justify-content:space-between;display:flex}.c-activity-panel ul{gap:var(--m-s-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.c-job-head{align-items:center;gap:var(--m-s-2);margin-bottom:4px;display:flex}.c-job-title{font-weight:var(--m-fw-semibold);flex:1}.c-job-status{font-size:var(--m-fs-2xs);text-transform:uppercase;color:var(--m-text-subtle)}.c-job-status.is-done{color:var(--m-success)}.c-job-status.is-failed{color:var(--m-danger)}.c-job-detail{color:var(--m-text-muted);margin-top:2px}.c-activity-none{color:var(--m-text-muted)}.c-link{color:var(--m-accent);font-size:var(--m-fs-xs);cursor:pointer;background:0 0;border:0;padding:0}.c-sheet-overlay{z-index:960;padding:var(--m-s-4);background:var(--m-overlay);place-items:center;display:grid;position:fixed;inset:0}.c-sheet{width:min(960px,100%);max-height:80vh;padding:var(--m-s-5);background:var(--m-surface-1);border:1px solid var(--m-border-strong);border-radius:var(--m-r-lg);box-shadow:var(--m-shadow-3);overflow:auto}.c-sheet header{margin-bottom:var(--m-s-4);justify-content:space-between;align-items:baseline;display:flex}.c-sheet-hint{font-size:var(--m-fs-xs);color:var(--m-text-subtle)}.c-sheet-grid{columns:3 260px;column-gap:var(--m-s-6)}.c-sheet section{break-inside:avoid;margin-bottom:var(--m-s-4)}.c-sheet h3{font-size:var(--m-fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--m-text-subtle);margin-bottom:6px}.c-sheet ul{margin:0;padding:0;list-style:none}.c-sheet li{justify-content:space-between;gap:var(--m-s-3);font-size:var(--m-fs-sm);padding:3px 0;display:flex}:root{--m-bg:#0d0f24;--m-surface-1:#14173a;--m-surface-2:#1b1f4a;--m-surface-3:#252a5c;--m-surface-4:#30366e;--m-canvas-bg:#0a0b1c;--m-border:#a0a5e624;--m-border-strong:#a0a5e647;--m-overlay:#05061499;--m-text:#fff;--m-text-muted:#a9a8d0;--m-text-subtle:#9897c4;--m-text-on-accent:#fff;--m-accent:#ff2e63;--m-accent-hover:#ff4d7a;--m-accent-solid:#e01349;--m-accent-solid-hover:#c80f44;--m-accent-soft:#ff2e6329;--m-accent-glow:#ff2e6359;--m-success:#34d399;--m-warning:#fbbf24;--m-danger:#f87171;--m-danger-solid:#dc2626;--m-danger-solid-hover:#b91c1c;--m-info:#60a5fa;--m-focus:#ff6b8f;--m-selection:#4f7bff;--m-g-photo:linear-gradient(135deg, #4f7bff 0%, #8b5cf6 100%);--m-g-albums:linear-gradient(135deg, #2dd4bf 0%, #2563eb 100%);--m-g-video:linear-gradient(135deg, #e14bd6 0%, #7c3aed 100%);--m-g-graphics:linear-gradient(135deg, #ff8a3d 0%, #ff2e63 100%);--m-g-audio:linear-gradient(135deg, #22d3ee 0%, #0d9488 100%);--m-g-text:linear-gradient(135deg, #60a5fa 0%, #3730a3 100%);--m-g-pdf:linear-gradient(135deg, #fb7185 0%, #be123c 100%);--m-g-sheets:linear-gradient(135deg, #34d399 0%, #047857 100%);--m-g-slides:linear-gradient(135deg, #fbbf24 0%, #ea580c 100%);--m-g-3d:linear-gradient(135deg, #a78bfa 0%, #4338ca 100%);--m-g-cad:linear-gradient(135deg, #38bdf8 0%, #1e40af 100%);--m-g-home:linear-gradient(135deg, #f472b6 0%, #9333ea 100%);--m-g-mosaic:var(--m-g-home);--m-g-gaming:linear-gradient(120deg, #4c1d95 0%, #9d174d 55%, #b23a0b 100%);--m-logo-navy:#002c60;--m-logo-white:#fff;--m-logo:var(--m-logo-white);--m-g-hub-glow:radial-gradient(ellipse 70% 60% at 50% 35%, #4f7bff38 0%, #30366e59 45%, transparent 75%);--m-g-templates:linear-gradient(135deg, #22d39a 0%, #0b8bff 55%, #7b3cff 100%);--m-g-cat-food:linear-gradient(135deg, #c2410c 0%, #9f1239 100%);--m-g-cat-field:linear-gradient(135deg, #0369a1 0%, #1e3a8a 100%);--m-g-cat-forms:linear-gradient(135deg, #7e22ce 0%, #be185d 100%);--m-g-cat-retail:linear-gradient(135deg, #4338ca 0%, #0e7490 100%);--m-g-cat-custom:linear-gradient(135deg, #475569 0%, #312e81 100%);--m-font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--m-font-mono:ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;--m-fs-2xs:.6875rem;--m-fs-xs:.75rem;--m-fs-sm:.8125rem;--m-fs-md:.9375rem;--m-fs-lg:1.125rem;--m-fs-xl:1.5rem;--m-fs-2xl:2rem;--m-fw-regular:400;--m-fw-medium:500;--m-fw-semibold:600;--m-fw-bold:700;--m-fw-heavy:800;--m-s-1:4px;--m-s-2:8px;--m-s-3:12px;--m-s-4:16px;--m-s-5:20px;--m-s-6:24px;--m-s-8:32px;--m-s-10:40px;--m-s-12:48px;--m-r-xs:4px;--m-r-sm:6px;--m-r-md:10px;--m-r-lg:14px;--m-r-xl:20px;--m-r-pill:999px;--m-shadow-1:0 1px 3px #05061466;--m-shadow-2:0 8px 24px #05061473;--m-shadow-3:0 24px 64px #05061499;--m-dur-fast:.15s;--m-dur:.2s;--m-dur-slow:.25s;--m-ease:cubic-bezier(.2, .8, .2, 1);--m-control-h:calc(30px * var(--m-ui-scale));--m-control-h-sm:calc(26px * var(--m-ui-scale));--m-icon:18px;--m-ui-scale:1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--m-bg:#f4f4fb;--m-surface-1:#fff;--m-surface-2:#f0f0f8;--m-surface-3:#e4e4f2;--m-surface-4:#d6d6ea;--m-canvas-bg:#e9e9f3;--m-border:#28286e1f;--m-border-strong:#28286e3d;--m-overlay:#14143259;--m-text:#12132e;--m-text-muted:#55567e;--m-text-subtle:#606186;--m-accent:#e5194f;--m-accent-hover:#ff2e63;--m-accent-solid:#e5194f;--m-accent-solid-hover:#cc1046;--m-accent-soft:#e5194f1a;--m-accent-glow:#e5194f40;--m-success:#047857;--m-warning:#b45309;--m-danger:#dc2626;--m-danger-solid:#b91c1c;--m-danger-solid-hover:#991b1b;--m-info:#2563eb;--m-focus:#e5194f;--m-shadow-1:0 1px 3px #1e1e501a;--m-shadow-2:0 8px 24px #1e1e501f;--m-shadow-3:0 24px 64px #1e1e502e;--m-logo:var(--m-logo-navy);--m-g-hub-glow:radial-gradient(ellipse 70% 60% at 50% 35%, #4f7bff24 0%, #d6d6ea80 45%, transparent 75%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--m-bg:#f4f4fb;--m-surface-1:#fff;--m-surface-2:#f0f0f8;--m-surface-3:#e4e4f2;--m-surface-4:#d6d6ea;--m-canvas-bg:#e9e9f3;--m-border:#28286e1f;--m-border-strong:#28286e3d;--m-overlay:#14143259;--m-text:#12132e;--m-text-muted:#55567e;--m-text-subtle:#606186;--m-accent:#e5194f;--m-accent-hover:#ff2e63;--m-accent-solid:#e5194f;--m-accent-solid-hover:#cc1046;--m-accent-soft:#e5194f1a;--m-accent-glow:#e5194f40;--m-success:#047857;--m-warning:#b45309;--m-danger:#dc2626;--m-danger-solid:#b91c1c;--m-danger-solid-hover:#991b1b;--m-info:#2563eb;--m-focus:#e5194f;--m-shadow-1:0 1px 3px #1e1e501a;--m-shadow-2:0 8px 24px #1e1e501f;--m-shadow-3:0 24px 64px #1e1e502e;--m-logo:var(--m-logo-navy);--m-g-hub-glow:radial-gradient(ellipse 70% 60% at 50% 35%, #4f7bff24 0%, #d6d6ea80 45%, transparent 75%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-reduced-motion:reduce){:root{--m-dur-fast:0s;--m-dur:0s;--m-dur-slow:0s}}:root[data-motion=reduce]{--m-dur-fast:0s;--m-dur:0s;--m-dur-slow:0s}*,:before,:after{box-sizing:border-box}html{font-size:calc(16px * var(--m-ui-scale));-webkit-text-size-adjust:100%}body{font-family:var(--m-font);font-size:var(--m-fs-md);color:var(--m-text);background:var(--m-bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}*{scrollbar-width:thin;scrollbar-color:var(--m-surface-4) transparent}h1,h2,h3,h4,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--m-focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.m-btn{justify-content:center;align-items:center;gap:var(--m-s-2);height:var(--m-control-h);padding:0 var(--m-s-3);border-radius:var(--m-r-pill);font-size:var(--m-fs-sm);font-weight:var(--m-fw-semibold);white-space:nowrap;cursor:pointer;transition:background var(--m-dur-fast) var(--m-ease), box-shadow var(--m-dur) var(--m-ease), transform var(--m-dur-fast) var(--m-ease);border:1px solid #0000;display:inline-flex}.m-btn:disabled{opacity:.45;cursor:default}.m-btn:not(:disabled):active{transform:translateY(1px)}.m-btn-sm{height:var(--m-control-h-sm);padding:0 var(--m-s-3);font-size:var(--m-fs-xs)}.m-btn-lg{height:calc(40px * var(--m-ui-scale));padding:0 var(--m-s-5);font-size:var(--m-fs-md)}.m-btn-primary{background:var(--m-accent-solid);color:var(--m-text-on-accent);box-shadow:0 6px 18px var(--m-accent-glow)}.m-btn-primary:not(:disabled):hover{background:var(--m-accent-solid-hover)}.m-btn-secondary{background:var(--m-surface-3);border-color:var(--m-border)}.m-btn-secondary:not(:disabled):hover{background:var(--m-surface-4)}.m-btn-ghost{background:0 0}.m-btn-ghost:not(:disabled):hover{background:var(--m-surface-3)}.m-btn-danger{background:var(--m-danger-solid);color:#fff}.m-btn-danger:not(:disabled):hover{background:var(--m-danger-solid-hover)}.m-iconbtn{width:var(--m-control-h);height:var(--m-control-h);border-radius:var(--m-r-sm);color:var(--m-text-muted);cursor:pointer;transition:background var(--m-dur-fast) var(--m-ease), color var(--m-dur-fast) var(--m-ease);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.m-iconbtn:hover:not(:disabled){background:var(--m-surface-3);color:var(--m-text)}.m-iconbtn:disabled{opacity:.4;cursor:default}.m-iconbtn.is-pressed{background:var(--m-accent-soft);color:var(--m-accent)}.m-iconbtn-sm{width:var(--m-control-h-sm);height:var(--m-control-h-sm)}.m-iconbtn-lg{width:38px;height:calc(38px * var(--m-ui-scale));border-radius:var(--m-r-md)}.m-floating{z-index:1000;animation:m-pop var(--m-dur-fast) var(--m-ease);position:fixed;top:0;left:0}@keyframes m-pop{0%{opacity:0}}.m-tooltip{pointer-events:none;border-radius:var(--m-r-sm);background:var(--m-surface-4);border:1px solid var(--m-border);max-width:260px;box-shadow:var(--m-shadow-2);font-size:var(--m-fs-xs);z-index:1100;padding:6px 10px}.m-tooltip-row{align-items:center;gap:var(--m-s-2);display:flex}.m-tooltip-label{font-weight:var(--m-fw-semibold)}.m-tooltip-desc{color:var(--m-text-muted);margin-top:2px}.m-tooltip-preview{border-radius:var(--m-r-xs);margin-top:6px;overflow:hidden}.m-kbd{font-family:var(--m-font);font-size:var(--m-fs-2xs);font-weight:var(--m-fw-semibold);color:var(--m-text-muted);border-radius:var(--m-r-xs);border:1px solid var(--m-border-strong);background:var(--m-surface-2);white-space:nowrap;padding:1px 6px}.m-popover{background:var(--m-surface-2);border:1px solid var(--m-border-strong);border-radius:var(--m-r-md);box-shadow:var(--m-shadow-3);padding:var(--m-s-3);max-height:calc(100vh - 32px);overflow:auto}.m-menu{background:var(--m-surface-2);border:1px solid var(--m-border-strong);border-radius:var(--m-r-md);min-width:200px;box-shadow:var(--m-shadow-3);max-height:calc(100vh - 32px);padding:4px;overflow:auto}.m-menu-item{align-items:center;gap:var(--m-s-2);border-radius:var(--m-r-sm);width:100%;font-size:var(--m-fs-sm);text-align:left;cursor:pointer;background:0 0;border:0;padding:6px 8px;display:flex}.m-menu-item:hover:not(:disabled),.m-menu-item:focus-visible{background:var(--m-surface-3);outline:none}.m-menu-item:disabled{opacity:.4;cursor:default}.m-menu-item.danger{color:var(--m-danger)}.m-menu-icon{width:18px;color:var(--m-text-muted);place-items:center;display:grid}.m-menu-text{flex:1}.m-menu-sep{background:var(--m-border);height:1px;margin:4px 6px}.m-menu-label{font-size:var(--m-fs-2xs);font-weight:var(--m-fw-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--m-text-subtle);padding:6px 8px 2px}.m-contextmenu-area{display:contents}.m-slider{-webkit-user-select:none;user-select:none;flex-direction:column;gap:4px;display:flex}.m-slider.is-disabled{opacity:.5}.m-slider-head{justify-content:space-between;align-items:center;gap:var(--m-s-2);font-size:var(--m-fs-sm);display:flex}.m-slider-label{color:var(--m-text-muted);cursor:ew-resize;touch-action:none}.m-slider-label:hover{color:var(--m-text)}.m-slider-value{border-radius:var(--m-r-xs);font-size:var(--m-fs-sm);font-variant-numeric:tabular-nums;color:var(--m-text);cursor:text;background:0 0;border:0;padding:0 4px}.m-slider-value:hover{background:var(--m-surface-3)}.m-slider-input{width:64px;height:calc(22px * var(--m-ui-scale));text-align:right;border-radius:var(--m-r-xs);border:1px solid var(--m-focus);background:var(--m-surface-1);font-size:var(--m-fs-sm);padding:0 6px}.m-slider-track{background:var(--m-surface-4);cursor:pointer;touch-action:none;border-radius:3px;height:6px;margin:6px 7px;position:relative}.m-slider-track:focus-visible{outline-offset:6px}.m-slider-fill{background:var(--m-accent);border-radius:3px;position:absolute;top:0;bottom:0}.m-slider-thumb{width:14px;height:14px;box-shadow:0 0 0 1px #00000040, var(--m-shadow-1);transition:transform var(--m-dur-fast) var(--m-ease);background:#fff;border-radius:50%;margin:-7px 0 0 -7px;position:absolute;top:50%}.m-slider-track:hover .m-slider-thumb{transform:scale(1.15)}.m-field-label{font-size:var(--m-fs-xs);font-weight:var(--m-fw-semibold);color:var(--m-text-muted);margin-bottom:4px;display:block}.m-numfield{height:var(--m-control-h-sm);border-radius:var(--m-r-sm);border:1px solid var(--m-border);background:var(--m-surface-1);align-items:center;display:inline-flex;overflow:hidden}.m-numfield:focus-within{border-color:var(--m-focus)}.m-numfield-label{font-size:var(--m-fs-xs);color:var(--m-text-subtle);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;padding:0 4px 0 8px;display:inline-flex}.m-numfield-input{width:100%;min-width:0;height:100%;font-size:var(--m-fs-sm);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;padding:0 6px}.m-numfield-unit{font-size:var(--m-fs-xs);color:var(--m-text-subtle);padding-right:8px}.m-select{flex-direction:column;min-width:0;display:inline-flex}.m-select-box{align-items:center;display:flex;position:relative}.m-select select{appearance:none;width:100%;height:var(--m-control-h-sm);border-radius:var(--m-r-sm);border:1px solid var(--m-border);background:var(--m-surface-1);font-size:var(--m-fs-sm);cursor:pointer;padding:0 28px 0 10px}.m-select select:focus-visible{border-color:var(--m-focus);outline:none}.m-select-box svg{pointer-events:none;color:var(--m-text-subtle);position:absolute;right:8px}.m-select option,.m-select optgroup{background:var(--m-surface-2);color:var(--m-text)}.m-textfield{flex-direction:column;display:flex}.m-textfield-box{height:var(--m-control-h);border-radius:var(--m-r-sm);border:1px solid var(--m-border);background:var(--m-surface-1);color:var(--m-text-subtle);align-items:center;gap:8px;padding:0 10px;display:flex}.m-textfield-box:focus-within{border-color:var(--m-focus)}.m-textfield input{min-width:0;font-size:var(--m-fs-sm);color:var(--m-text);background:0 0;border:0;outline:none;flex:1}.m-switch{justify-content:space-between;align-items:center;gap:var(--m-s-3);font-size:var(--m-fs-sm);cursor:pointer;display:inline-flex;position:relative}.m-switch.is-disabled{opacity:.5}.m-switch input,.m-checkbox input{opacity:0;width:1px;height:1px;position:absolute}.m-switch-track{background:var(--m-surface-4);width:30px;height:18px;transition:background var(--m-dur-fast) var(--m-ease);border-radius:9px;flex:none;position:relative}.m-switch-thumb{width:14px;height:14px;transition:transform var(--m-dur-fast) var(--m-ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.m-switch input:checked+.m-switch-track{background:var(--m-accent)}.m-switch input:checked+.m-switch-track .m-switch-thumb{transform:translate(12px)}.m-switch input:focus-visible+.m-switch-track{outline:2px solid var(--m-focus);outline-offset:2px}.m-checkbox{align-items:center;gap:var(--m-s-2);font-size:var(--m-fs-sm);cursor:pointer;display:inline-flex;position:relative}.m-checkbox-box{border:1px solid var(--m-border-strong);background:var(--m-surface-1);color:#0000;border-radius:4px;place-items:center;width:16px;height:16px;display:grid}.m-checkbox input:checked+.m-checkbox-box{background:var(--m-accent);border-color:var(--m-accent);color:#fff}.m-checkbox input:focus-visible+.m-checkbox-box{outline:2px solid var(--m-focus);outline-offset:2px}.m-segmented{border-radius:var(--m-r-sm);background:var(--m-surface-1);border:1px solid var(--m-border);gap:2px;padding:2px;display:inline-flex}.m-segmented button{min-width:26px;height:calc(24px * var(--m-ui-scale));color:var(--m-text-muted);font-size:var(--m-fs-xs);font-weight:var(--m-fw-semibold);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.m-segmented button:hover{color:var(--m-text)}.m-segmented button.is-active{background:var(--m-surface-4);color:var(--m-text)}.m-progress{background:var(--m-surface-4);border-radius:2px;height:4px;position:relative;overflow:hidden}.m-progress-fill{background:var(--m-accent);height:100%;transition:width var(--m-dur) var(--m-ease);border-radius:2px}.m-progress-success .m-progress-fill{background:var(--m-success)}.m-progress-danger .m-progress-fill{background:var(--m-danger)}.m-progress.is-indeterminate .m-progress-fill{width:35%;animation:1.2s ease-in-out infinite m-indeterminate}@keyframes m-indeterminate{0%{transform:translate(-100%)}to{transform:translate(300%)}}.m-spinner{border:2px solid var(--m-surface-4);border-top-color:var(--m-accent);border-radius:50%;animation:.8s linear infinite m-spin;display:inline-block}@keyframes m-spin{to{transform:rotate(360deg)}}.m-dialog-overlay{z-index:900;padding:var(--m-s-4);background:var(--m-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:m-pop var(--m-dur) var(--m-ease);place-items:center;display:grid;position:fixed;inset:0}.m-dialog-overlay.is-preview{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;place-items:start end;padding-top:88px}.m-dialog-overlay.is-preview .m-dialog{pointer-events:auto}.m-dialog{background:var(--m-surface-1);border:1px solid var(--m-border-strong);border-radius:var(--m-r-lg);width:100%;max-height:calc(100vh - 32px);box-shadow:var(--m-shadow-3);flex-direction:column;display:flex;overflow:hidden}.m-dialog-sm{max-width:420px}.m-dialog-md{max-width:560px}.m-dialog-lg{max-width:820px}.m-dialog-xl{max-width:1120px}.m-dialog-head{justify-content:space-between;align-items:flex-start;gap:var(--m-s-3);padding:var(--m-s-4) var(--m-s-4) var(--m-s-3) var(--m-s-5);display:flex}.m-dialog-head h2{font-size:var(--m-fs-lg);font-weight:var(--m-fw-bold)}.m-dialog-head-actions{align-items:center;gap:var(--m-s-2);display:flex}.m-dialog-desc,.m-dialog-text{color:var(--m-text-muted);font-size:var(--m-fs-sm);margin-top:2px}.m-dialog-body{padding:0 var(--m-s-5) var(--m-s-4);overflow:auto}.m-dialog-foot{justify-content:flex-end;gap:var(--m-s-2);padding:var(--m-s-3) var(--m-s-5);border-top:1px solid var(--m-border);background:var(--m-surface-2);display:flex}.m-tabs{border-bottom:1px solid var(--m-border);gap:2px;display:flex}.m-tab{color:var(--m-text-muted);font-size:var(--m-fs-sm);font-weight:var(--m-fw-semibold);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:8px 10px;display:inline-flex}.m-tab:hover{color:var(--m-text)}.m-tab[aria-selected=true]{color:var(--m-text);border-bottom-color:var(--m-accent)}.m-tabs.is-compact .m-tab{padding:8px}.m-toaster{right:var(--m-s-4);z-index:1200;gap:var(--m-s-2);flex-direction:column;width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:72px}.m-toast{align-items:flex-start;gap:var(--m-s-3);padding:var(--m-s-3);border-radius:var(--m-r-md);background:var(--m-surface-3);border:1px solid var(--m-border-strong);box-shadow:var(--m-shadow-3);animation:m-toast-in var(--m-dur) var(--m-ease);font-size:var(--m-fs-sm);display:flex}@keyframes m-toast-in{0%{opacity:0;transform:translateY(8px)}}.m-toast-icon{color:var(--m-info);place-items:center;padding-top:1px;display:grid}.m-toast-success .m-toast-icon{color:var(--m-success)}.m-toast-warning .m-toast-icon{color:var(--m-warning)}.m-toast-error .m-toast-icon{color:var(--m-danger)}.m-toast-body{flex:1;min-width:0}.m-toast-body p{color:var(--m-text-muted);margin-top:2px}.m-colorpicker{gap:var(--m-s-3);flex-direction:column;width:232px;display:flex}.m-cp-sv{border-radius:var(--m-r-sm);cursor:crosshair;touch-action:none;height:150px;position:relative}.m-cp-dot{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 1px #0006}.m-cp-hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;height:12px;position:relative}.m-cp-hue-thumb{pointer-events:none;border:2px solid #fff;border-radius:3px;width:8px;height:16px;margin-left:-4px;position:absolute;top:-2px;box-shadow:0 0 0 1px #0006}.m-cp-row{align-items:center;gap:var(--m-s-2);display:flex}.m-cp-preview{width:26px;height:calc(26px * var(--m-ui-scale));border-radius:var(--m-r-sm);border:1px solid var(--m-border-strong);flex:none}.m-cp-hex{min-width:0;height:calc(26px * var(--m-ui-scale));border-radius:var(--m-r-sm);border:1px solid var(--m-border);background:var(--m-surface-1);font-family:var(--m-font-mono);font-size:var(--m-fs-sm);flex:1;padding:0 8px}.m-cp-swatches{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.m-cp-swatch{aspect-ratio:1;border:1px solid var(--m-border-strong);cursor:pointer;border-radius:4px;padding:0}.m-cp-swatch.is-current{box-shadow:0 0 0 2px var(--m-surface-1), 0 0 0 3px var(--m-accent)}.m-cp-add{color:var(--m-text-muted);background:0 0;border-style:dashed;place-items:center;display:grid}.m-cp-add:hover{color:var(--m-text);border-color:var(--m-accent)}.m-cp-palette{flex-direction:column;gap:4px;display:flex}.m-cp-palette-label{font-size:var(--m-fs-2xs);font-weight:var(--m-fw-semibold);color:var(--m-text-subtle);text-transform:uppercase;letter-spacing:.06em}.m-panel{border-bottom:1px solid var(--m-border)}.m-panel-head{justify-content:space-between;align-items:center;gap:var(--m-s-2);min-height:calc(36px * var(--m-ui-scale));padding:4px var(--m-s-2) 4px var(--m-s-3);display:flex}.m-panel-head h3{font-size:var(--m-fs-xs);font-weight:var(--m-fw-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--m-text-muted)}.m-panel-toggle{color:var(--m-text-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.m-panel-actions{align-items:center;gap:2px;display:flex}.m-panel-body{padding:0 var(--m-s-3) var(--m-s-3)}.m-empty{text-align:center;align-items:center;gap:var(--m-s-2);padding:var(--m-s-8) var(--m-s-4);color:var(--m-text-muted);flex-direction:column;display:flex}.m-empty-icon{border-radius:var(--m-r-lg);background:var(--m-surface-2);width:56px;height:56px;color:var(--m-text-subtle);margin-bottom:var(--m-s-2);place-items:center;display:grid}.m-empty h3{color:var(--m-text);font-size:var(--m-fs-md)}.m-empty p{font-size:var(--m-fs-sm);max-width:36ch}.m-empty-actions{gap:var(--m-s-2);margin-top:var(--m-s-3);display:flex}html,body,#root{height:100%}body{overflow:hidden}.app-loading{place-content:center;justify-items:center;gap:var(--m-s-3);height:100%;color:var(--m-text-muted);display:grid}.app-notfound{place-items:center;height:100%;display:grid}.shell{max-width:640px;height:100%;margin:0 auto;padding:64px 16px;overflow:auto}.shell-brand{margin-bottom:var(--m-s-6);align-items:center;gap:12px;display:flex}.shell-brand h1{letter-spacing:-.02em;font-size:2rem}.shell-sub{color:var(--m-text-muted);margin:8px 0 24px}.shell-ok{color:var(--m-success);font-weight:600}.shell-alert{color:var(--m-accent);font-weight:600}.caps{border:1px solid var(--m-border);background:var(--m-surface-1);border-radius:14px;margin:16px 0 0;padding:0;list-style:none}.caps li{border-top:1px solid var(--m-border);align-items:center;gap:12px;padding:12px 16px;display:flex}.caps li:first-child{border-top:0}.caps .dot{background:var(--m-text-muted);border-radius:50%;flex:none;width:10px;height:10px}.caps li.ok .dot{background:var(--m-success)}.caps li.missing .dot{background:var(--m-accent)}.caps .state{color:var(--m-text-muted);margin-left:auto;font-size:.875rem}.h-shell{grid-template-rows:1fr auto;grid-template-columns:248px 1fr;height:100%;display:grid}.h-activity{grid-column:1/-1}.h-sidebar{gap:var(--m-s-2);padding:var(--m-s-4) var(--m-s-3);background:var(--m-surface-1);border-right:1px solid var(--m-border);flex-direction:column;display:flex;overflow:auto}.h-brand{font-weight:var(--m-fw-heavy);letter-spacing:-.02em;align-items:center;gap:10px;padding:4px 8px 12px;font-size:1.15rem;text-decoration:none;display:inline-flex}.h-new-btn{margin:0 4px var(--m-s-3)}.h-nav{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.h-nav-item{align-items:center;gap:var(--m-s-3);border-radius:var(--m-r-sm);color:var(--m-text-muted);font-size:var(--m-fs-sm);font-weight:var(--m-fw-medium);padding:8px 10px;text-decoration:none;display:flex;position:relative}.h-nav-item:hover{background:var(--m-surface-2);color:var(--m-text)}.h-nav-item[aria-current=page]{background:var(--m-surface-3);color:var(--m-text)}.h-nav-item[aria-current=page]:before{content:"";background:var(--m-accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-12px}.h-nav-count{font-size:var(--m-fs-2xs);border-radius:var(--m-r-pill);background:var(--m-surface-4);margin-left:auto;padding:0 6px}.h-nav-project span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.h-nav-dot{border-radius:4px;flex:none;width:12px;height:12px}.h-sidebar-heading{margin:var(--m-s-4) 10px 4px;font-size:var(--m-fs-2xs);font-weight:var(--m-fw-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--m-text-subtle)}.h-storage{padding:var(--m-s-3);border-radius:var(--m-r-md);background:var(--m-surface-2);border:1px solid var(--m-border);font-size:var(--m-fs-xs);color:var(--m-text-muted);flex-direction:column;gap:6px;margin-top:auto;display:flex}.h-storage-head{color:var(--m-text);font-weight:var(--m-fw-semibold);align-items:center;gap:6px;display:flex}.h-storage-note{color:var(--m-text-subtle);font-size:var(--m-fs-2xs)}.h-main{background:radial-gradient(60% 40% at 85% 0%, #7c3aed24, transparent 70%), radial-gradient(40% 30% at 30% 0%, #4f7bff1a, transparent 70%), var(--m-bg);flex-direction:column;min-width:0;display:flex;overflow:auto}:root[data-theme=light] .h-main{background:radial-gradient(60% 40% at 85% 0%, #7c3aed12, transparent 70%), var(--m-bg)}.h-topbar{z-index:10;align-items:center;gap:var(--m-s-3);padding:var(--m-s-3) var(--m-s-8);background:color-mix(in srgb, var(--m-bg) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;position:sticky;top:0}.h-search{align-items:center;gap:var(--m-s-3);max-width:560px;height:38px;padding:0 var(--m-s-3);border-radius:var(--m-r-pill);border:1px solid var(--m-border);background:var(--m-surface-1);color:var(--m-text-subtle);font-size:var(--m-fs-sm);cursor:pointer;text-align:left;flex:1;display:flex}.h-search span{flex:1}.h-search:hover{border-color:var(--m-border-strong)}.h-topbar>:last-child{margin-left:auto}.h-content{padding:var(--m-s-4) var(--m-s-8) var(--m-s-12);width:100%;max-width:1400px}.h-hero h1{font-size:var(--m-fs-2xl);font-weight:var(--m-fw-heavy);letter-spacing:-.02em}.h-hero>p{color:var(--m-text-muted);margin-top:4px}.h-quick{gap:var(--m-s-2);margin-top:var(--m-s-5);flex-wrap:wrap;display:flex}.h-quick-item{align-items:center;gap:var(--m-s-2);border-radius:var(--m-r-pill);border:1px solid var(--m-border);background:var(--m-surface-1);font-size:var(--m-fs-sm);font-weight:var(--m-fw-semibold);cursor:pointer;transition:transform var(--m-dur-fast) var(--m-ease), border-color var(--m-dur-fast) var(--m-ease);padding:6px 14px 6px 6px;display:inline-flex}.h-quick-item:hover:not(:disabled){border-color:var(--m-border-strong);transform:translateY(-1px)}.h-quick-item:disabled{opacity:.55;cursor:default}.h-quick-icon{color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.h-cats{flex-wrap:wrap;gap:6px;display:flex}.h-cat{border-radius:var(--m-r-pill);border:1px solid var(--m-border);background:var(--m-surface-1);height:32px;color:var(--m-text-muted);font-size:var(--m-fs-sm);font-weight:var(--m-fw-semibold);cursor:pointer;transition:color var(--m-dur-fast) var(--m-ease), border-color var(--m-dur-fast) var(--m-ease), background var(--m-dur-fast) var(--m-ease);align-items:center;gap:6px;padding:0 12px 0 10px;display:inline-flex}.h-cat:hover{color:var(--m-text);border-color:var(--m-border-strong)}.h-cat.is-active{color:var(--m-text);border-color:var(--m-accent);background:var(--m-accent-soft)}.h-cat.is-active svg{color:var(--m-accent)}.h-soon{font-size:var(--m-fs-2xs);color:var(--m-text-subtle)}.h-section{margin-top:var(--m-s-10)}.h-section-head{justify-content:space-between;align-items:center;gap:var(--m-s-3);margin-bottom:var(--m-s-4);flex-wrap:wrap;display:flex}.h-section-head h2{font-size:var(--m-fs-lg);font-weight:var(--m-fw-bold)}.h-section-head h1{font-size:var(--m-fs-xl);font-weight:var(--m-fw-heavy)}.h-filters{gap:var(--m-s-3);flex-wrap:wrap;align-items:center;display:flex}.h-lede{color:var(--m-text-muted);margin:-8px 0 var(--m-s-5);font-size:var(--m-fs-sm)}.h-group-title{font-size:var(--m-fs-sm);color:var(--m-text-muted);margin:var(--m-s-5) 0 var(--m-s-3)}.h-apps{gap:var(--m-s-4);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.h-app{align-items:flex-start;gap:var(--m-s-4);min-height:170px;padding:var(--m-s-5);border-radius:var(--m-r-xl);color:#fff;text-align:left;cursor:pointer;box-shadow:var(--m-shadow-2);transition:transform var(--m-dur) var(--m-ease), box-shadow var(--m-dur) var(--m-ease);border:0;flex-direction:column;display:flex;position:relative;overflow:hidden}.h-app:after{content:"";pointer-events:none;background:radial-gradient(70% 90% at 90% 0,#ffffff40,#0000 60%);position:absolute;inset:0}.h-app:hover{box-shadow:var(--m-shadow-3);transform:translateY(-3px)}.h-app.is-soon{filter:saturate(.55)brightness(.85)}.h-app-icon{border-radius:var(--m-r-lg);background:#ffffff2e;place-items:center;width:52px;height:52px;display:grid}.h-app-text{flex-direction:column;gap:2px;display:flex}.h-app-text strong{font-size:var(--m-fs-lg)}.h-app-text span{font-size:var(--m-fs-sm);opacity:.85}.h-app-badge{top:var(--m-s-4);right:var(--m-s-4);z-index:1;font-size:var(--m-fs-2xs);font-weight:var(--m-fw-bold);border-radius:var(--m-r-pill);background:#0a0a1e4d;padding:3px 10px;position:absolute}.h-app:not(.is-soon) .h-app-badge{color:#1a1446;background:#fff}.h-projects{gap:var(--m-s-4);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.h-project{border-radius:var(--m-r-lg);background:var(--m-surface-1);border:1px solid var(--m-border);transition:transform var(--m-dur) var(--m-ease), box-shadow var(--m-dur) var(--m-ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.h-project:hover{box-shadow:var(--m-shadow-2);transform:translateY(-2px)}.h-project.is-trashed{opacity:.8}.h-project-thumb{aspect-ratio:4/3;cursor:pointer;background:conic-gradient(var(--m-surface-3) 25%, var(--m-surface-2) 0 50%, var(--m-surface-3) 0 75%, var(--m-surface-2) 0) 0 0 / 16px 16px;border:0;padding:0;position:relative;overflow:hidden}.h-project-thumb:disabled{cursor:default}.h-project-thumb img{object-fit:contain;width:100%;height:100%;display:block}.h-project-placeholder{color:#ffffffd9;place-items:center;width:100%;height:100%;display:grid}.h-project-pin{color:#fff;background:#0a0a1e8c;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:8px;left:8px}.h-project-meta{min-width:0;padding:10px 40px 12px 12px}.h-project-name{font-size:var(--m-fs-sm);font-weight:var(--m-fw-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.h-project-rename{border-radius:var(--m-r-xs);border:1px solid var(--m-focus);background:var(--m-surface-2);width:100%;height:22px;font-size:var(--m-fs-sm);font-weight:var(--m-fw-semibold);padding:0 4px}.h-project-sub{font-size:var(--m-fs-xs);color:var(--m-text-subtle);white-space:nowrap;gap:8px;margin-top:2px;display:flex;overflow:hidden}.h-project-app{color:var(--m-text-muted)}.h-project-more{position:absolute;bottom:12px;right:8px}.h-templates{gap:var(--m-s-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.h-template{padding:var(--m-s-3);border-radius:var(--m-r-lg);border:1px solid var(--m-border);background:var(--m-surface-1);cursor:pointer;text-align:left;transition:border-color var(--m-dur-fast) var(--m-ease);flex-direction:column;align-items:flex-start;gap:2px;display:flex}.h-template:hover{border-color:var(--m-accent)}.h-template-art{aspect-ratio:4/3;border-radius:var(--m-r-md);background:var(--m-surface-2);place-items:center;width:100%;margin-bottom:8px;display:grid}.h-preset-art{color:#fff;transition:transform var(--m-dur-fast) var(--m-ease);border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 16px #05061459}.h-preset-art:after{content:"";background:radial-gradient(70% 90% at 80% 10%,#ffffff4d,#0000 60%);position:absolute;inset:0}.h-preset-art svg{z-index:1;filter:drop-shadow(0 2px 6px #00000040);position:relative}.h-template:hover .h-preset-art,.h-new-preset:hover .h-preset-art{transform:scale(1.05)rotate(-2deg)}.h-template-name{font-size:var(--m-fs-sm);font-weight:var(--m-fw-semibold)}.h-template-size{font-size:var(--m-fs-xs);color:var(--m-text-subtle)}.h-new{gap:var(--m-s-5);grid-template-columns:1fr 280px;display:grid}.h-new-presets{gap:var(--m-s-4);flex-direction:column;max-height:440px;padding:2px 6px 2px 2px;display:flex;overflow:auto}.h-new-group-title{margin-bottom:var(--m-s-2);font-size:var(--m-fs-2xs);font-weight:var(--m-fw-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--m-text-subtle);align-items:center;gap:6px;display:flex}.h-new-grid{gap:var(--m-s-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.h-new-preset{border-radius:var(--m-r-md);border:1px solid var(--m-border);background:var(--m-surface-1);min-width:0;color:var(--m-text);text-align:left;cursor:pointer;transition:border-color var(--m-dur-fast) var(--m-ease), background var(--m-dur-fast) var(--m-ease);flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px 10px;display:flex}.h-new-preset:hover{border-color:var(--m-border-strong);background:var(--m-surface-2)}.h-new-preset.is-active{border-color:var(--m-accent);background:var(--m-accent-soft);box-shadow:0 0 0 1px var(--m-accent)}.h-new-shape{border-radius:var(--m-r-sm);background:var(--m-surface-2);place-items:center;width:100%;height:64px;margin-bottom:6px;display:grid}.h-new-preset.is-active .h-new-shape{background:0 0}.h-new-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--m-fs-xs);font-weight:var(--m-fw-semibold);overflow:hidden}.h-new-size{font-size:var(--m-fs-2xs);color:var(--m-text-subtle);font-variant-numeric:tabular-nums}.h-new-form{gap:var(--m-s-4);padding:var(--m-s-4);border-radius:var(--m-r-lg);border:1px solid var(--m-border);background:var(--m-surface-1);flex-direction:column;align-self:start;display:flex}.h-new-preview{border-radius:var(--m-r-md);background:radial-gradient(80% 90% at 50% 0%, var(--m-accent-soft), transparent 70%), var(--m-surface-2);place-items:center;height:136px;display:grid}.h-new-summary{margin-top:calc(-1 * var(--m-s-2));font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;display:flex}.h-new-summary strong{font-size:var(--m-fs-md);font-weight:var(--m-fw-bold)}.h-new-summary span{font-size:var(--m-fs-xs);color:var(--m-text-subtle)}.h-new-field{flex-direction:column;gap:6px;display:flex}.h-new-form .m-numfield{width:100%}.h-new-row{align-items:center;gap:var(--m-s-1);grid-template-columns:1fr auto 1fr;display:grid}.h-new-res{grid-template-columns:1fr auto auto;align-items:center;gap:6px;display:grid}.h-new-chip,.h-new-bg{border-radius:var(--m-r-pill);border:1px solid var(--m-border);background:var(--m-surface-2);height:30px;color:var(--m-text-muted);font-size:var(--m-fs-xs);font-weight:var(--m-fw-semibold);cursor:pointer;transition:color var(--m-dur-fast) var(--m-ease), border-color var(--m-dur-fast) var(--m-ease), background var(--m-dur-fast) var(--m-ease);justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.h-new-chip:hover,.h-new-bg:hover{color:var(--m-text);border-color:var(--m-border-strong)}.h-new-chip.is-active,.h-new-bg.is-active{color:var(--m-text);border-color:var(--m-accent);background:var(--m-accent-soft)}.h-new-bgs{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.h-new-bg{padding:0 8px 0 6px}.h-new-swatch{border:1px solid var(--m-border-strong);border-radius:50%;flex:none;width:16px;height:16px}.h-new-swatch.is-white{background:#fff}.h-new-swatch.is-black{background:#0d0d14}.h-new-swatch.is-transparent{background:repeating-conic-gradient(#c9c9d6 0 25%, #fff 0 50%) 0 0 / 8px 8px}.h-new-note{font-size:var(--m-fs-xs);color:var(--m-text-subtle);align-items:center;gap:6px;display:flex}.h-drop{z-index:700;background:var(--m-overlay);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.h-drop>div{align-items:center;gap:var(--m-s-3);padding:var(--m-s-10) var(--m-s-12);border-radius:var(--m-r-xl);border:2px dashed var(--m-accent);background:var(--m-surface-1);font-weight:var(--m-fw-semibold);flex-direction:column;display:flex}@media (max-width:860px){.h-shell{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.h-sidebar{padding:var(--m-s-2) var(--m-s-3);border-right:0;border-bottom:1px solid var(--m-border);flex-flow:wrap;align-items:center}.h-sidebar .h-nav{flex-flow:wrap}.h-sidebar .h-nav-item span:not(.h-nav-count),.h-sidebar-heading,.h-sidebar .h-nav:nth-of-type(2),.h-storage{display:none}.h-brand{padding:0 8px 0 0}.h-new-btn{order:3;margin:0 0 0 auto}.h-topbar,.h-content{padding-left:var(--m-s-4);padding-right:var(--m-s-4)}.h-new{grid-template-columns:1fr}}.h-muted{font-size:var(--m-fs-xs);color:var(--m-text-subtle)}.h-library-body{margin-top:var(--m-s-5)}.h-lib-group+.h-lib-group{margin-top:var(--m-s-8)}.h-lib-group-head{justify-content:space-between;align-items:center;gap:var(--m-s-3);margin-bottom:var(--m-s-3);display:flex}.h-lib-group-head .h-lib-group-title{margin-bottom:0}.h-lib-group-title{align-items:center;gap:var(--m-s-2);margin-bottom:var(--m-s-3);font-size:var(--m-fs-md);font-weight:var(--m-fw-bold);display:flex}.h-lib-app-icon{color:#fff;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.h-lib-count{border-radius:var(--m-r-pill);background:var(--m-surface-3);min-width:22px;color:var(--m-text-muted);font-size:var(--m-fs-2xs);font-weight:var(--m-fw-semibold);text-align:center;padding:1px 7px}.h-lib-filters{margin-bottom:var(--m-s-4)}.h-hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.h-lib-remove{opacity:0;transition:opacity var(--m-dur-fast) var(--m-ease)}.h-swatch:hover .h-lib-remove,.h-font:hover .h-lib-remove,.h-lib-remove:focus-visible{opacity:1}.h-swatches{gap:var(--m-s-3);grid-template-columns:repeat(auto-fill,minmax(104px,1fr));display:grid}.h-swatch{flex-direction:column;gap:6px;display:flex;position:relative}.h-swatch .h-lib-remove{position:absolute;top:4px;right:4px}.h-swatch-chip{aspect-ratio:4/3;border-radius:var(--m-r-md);border:1px solid var(--m-border-strong);box-shadow:var(--m-shadow-1);cursor:copy;transition:transform var(--m-dur-fast) var(--m-ease)}.h-swatch-chip:hover{transform:translateY(-2px)}.h-swatch-name{font-size:var(--m-fs-xs);font-weight:var(--m-fw-semibold);font-variant-numeric:tabular-nums}.h-fonts{gap:var(--m-s-3);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.h-font{align-items:center;gap:var(--m-s-3);padding:var(--m-s-3);border-radius:var(--m-r-lg);border:1px solid var(--m-border);background:var(--m-surface-1);display:flex}.h-font-sample{border-radius:var(--m-r-md);background:var(--m-g-text);color:#fff;flex:none;place-items:center;width:56px;height:56px;font-size:26px;display:grid}.h-font-body{flex-direction:column;flex:1;min-width:0;display:flex}.h-font-name{font-weight:var(--m-fw-semibold)}.h-font-pangram{text-overflow:ellipsis;white-space:nowrap;color:var(--m-text-muted);overflow:hidden}.h-files{gap:var(--m-s-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.h-file{border-radius:var(--m-r-lg);border:1px solid var(--m-border);background:var(--m-surface-1);transition:border-color var(--m-dur-fast) var(--m-ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.h-file:hover{border-color:var(--m-border-strong)}.h-file-art{aspect-ratio:4/3;padding:var(--m-s-3);background:repeating-conic-gradient(var(--m-surface-2) 0 25%, var(--m-surface-3) 0 50%) 0 0 / 16px 16px;place-items:center;display:grid;position:relative}.h-file-art img{object-fit:contain;max-width:100%;max-height:100%;box-shadow:var(--m-shadow-1);border-radius:4px}.h-file-badge{border-radius:var(--m-r-md);background:var(--m-g-photo);color:#fff;width:64%;height:72%;font-size:var(--m-fs-xs);font-weight:var(--m-fw-bold);place-items:center;gap:4px;display:grid;box-shadow:0 6px 16px #05061459}.h-file-format{border-radius:var(--m-r-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:var(--m-fs-2xs);font-weight:var(--m-fw-bold);letter-spacing:.04em;background:#0a0a1e99;padding:2px 8px;position:absolute;top:8px;left:8px}.h-file-body{padding:var(--m-s-3) var(--m-s-3) var(--m-s-3);flex-direction:column;gap:1px;min-width:0;display:flex}.h-file-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--m-fs-sm);font-weight:var(--m-fw-semibold);overflow:hidden}.h-file-actions{border-radius:var(--m-r-md);background:var(--m-surface-1);box-shadow:var(--m-shadow-1);opacity:0;transition:opacity var(--m-dur-fast) var(--m-ease);gap:2px;padding:2px;display:flex;position:absolute;top:6px;right:6px}.h-file:hover .h-file-actions,.h-file:focus-within .h-file-actions{opacity:1}@media (hover:none){.h-file-actions,.h-lib-remove{opacity:1}}.h-export{gap:var(--m-s-4);flex-direction:column;display:flex}.h-export-formats{flex-wrap:wrap;gap:6px;display:flex}.h-new-save{align-items:flex-start;gap:var(--m-s-2);flex-direction:column;display:flex}.h-presets{gap:var(--m-s-2);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0;padding:0;list-style:none;display:grid}.h-preset{align-items:center;gap:var(--m-s-3);border-radius:var(--m-r-md);border:1px solid var(--m-border);background:var(--m-surface-1);padding:8px 8px 8px 10px;display:flex}.h-preset-icon{background:var(--m-g-albums);color:#fff;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.h-preset-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--m-fw-semibold);font-size:var(--m-fs-sm);flex:1;overflow:hidden}