.home{background:var(--bg-app);min-height:100%;display:flex}.home__main{flex-direction:column;flex:560px;gap:28px;min-width:0;padding:24px 32px 40px;display:flex}.home__toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.home__toolbar-gap{flex:1}.sidebar{border-right:1px solid var(--border-divider);background:var(--bg-chrome);flex-direction:column;flex:0 0 240px;align-self:flex-start;gap:4px;width:240px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__brand{justify-content:space-between;align-items:center;padding:4px 10px 18px;display:flex}.sidebar__logo{color:inherit;align-items:center;gap:10px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.sidebar__logo:hover{color:inherit}.sidebar__nav{flex-direction:column;gap:4px;display:flex}.sidebar__fold{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex}.sidebar__caption{min-height:24px;font:600 10px var(--font-ui);letter-spacing:.08em;color:var(--text-faint);box-sizing:content-box;justify-content:space-between;align-items:center;padding:16px 4px 2px 10px;display:flex}.sidebar__projects{flex-direction:column;gap:4px;display:flex}.sidebar__note{color:var(--text-faint);padding:2px 10px 8px;font-size:12px}.sidebar__spacer{flex:1;min-height:12px}.sidebar__account{align-items:center;gap:10px;min-width:0;padding:10px 4px 0;display:flex}.sidebar__account-compact{display:none}.sidebar__user{text-overflow:ellipsis;white-space:nowrap;color:var(--text-tertiary);font-size:12px;overflow:hidden}.nav{width:100%;height:36px;color:var(--text-tertiary);font:500 13px var(--font-ui);text-align:left;background:0 0;border:0;border-radius:8px;flex:none;align-items:center;gap:10px;padding:0 10px;text-decoration:none;display:flex}.nav:hover:not(:disabled),.nav.active{background:var(--bg-hover);color:var(--text-primary)}.nav:disabled{color:var(--text-off)}.nav__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav svg{flex:none}.swatch{border-radius:2px;flex:none;width:8px;height:8px;display:inline-block}.avatar{border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.user-trigger{background:0 0;border:0;border-radius:50%;padding:0;display:flex}.meter{background:var(--border-card);border-radius:2px;height:4px;overflow:hidden}.meter__fill{background:var(--accent);border-radius:2px;height:100%}.meter__fill--warn{background:var(--amber)}.storage{border:1px solid var(--border-card);background:var(--bg-card);border-radius:10px;min-height:56px;padding:12px;font-size:12px}.storage--loading{opacity:.5}.storage__row{justify-content:space-between;gap:8px;margin-bottom:8px;display:flex}.storage__label{color:var(--text-secondary)}.storage__value{color:var(--text-muted);white-space:nowrap}.search{background:var(--bg-card);border:1px solid var(--border-field);max-width:520px;height:40px;color:var(--text-muted);border-radius:10px;flex:320px;align-items:center;gap:10px;padding:0 12px;display:flex}.search:focus-within{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.search input{min-width:0;color:var(--text-primary);font:400 13px var(--font-ui);background:0 0;border:0;outline:0;flex:1}.search input::placeholder{color:var(--text-muted)}.search input::-webkit-search-cancel-button{display:none}.section-title{margin:0;font-size:15px;font-weight:600}.section-title--spaced{margin-bottom:12px}.section-title--swatch{align-items:center;gap:10px;display:flex}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:28px;margin-bottom:12px;display:flex}.section-note{color:var(--text-faint);font-size:12px}.filter-tabs{gap:4px;display:flex}.filter-tab{height:28px;color:var(--text-muted);font:500 12px var(--font-ui);background:0 0;border:0;border-radius:6px;padding:0 10px}.filter-tab:hover{color:var(--text-primary)}.filter-tab[aria-selected=true]{background:var(--bg-selected);color:var(--text-primary)}.grid{display:grid}.grid--templates{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.grid--drawings{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.card{background:var(--bg-card);border:1px solid var(--border-card);color:inherit;border-radius:12px;flex-direction:column;text-decoration:none;display:flex}.card:hover{border-color:var(--border-card-hover)}.template-card{text-align:left;flex-direction:row;align-items:center;gap:12px;min-height:70px;padding:14px}.template-card:disabled{opacity:.6}.template-card--skeleton{opacity:.5}.template-card__badge{background:var(--bg-hover);border:1px solid var(--border-field);width:40px;height:40px;font:500 11px var(--font-mono);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.template-card__text{flex-direction:column;gap:2px;min-width:0;display:flex}.template-card__name{font-weight:500}.template-card__sub{color:var(--text-faint);font-size:11px}.drawing-card{position:relative}.card__link{color:inherit;border-radius:12px 12px 0 0;flex-direction:column;text-decoration:none;display:flex}.card__link:hover{color:inherit}.card__thumb{background:var(--bg-canvas);border-bottom:1px solid var(--border-card);border-radius:11px 11px 0 0;justify-content:center;align-items:center;height:150px;display:flex;position:relative;overflow:hidden}.card__img{object-fit:contain;width:100%;height:100%;display:block}.card__placeholder{color:var(--text-off);font:500 11px var(--font-mono);flex-direction:column;align-items:center;gap:6px;display:flex}.card__kind{background:var(--bg-float);border:1px solid var(--border-float);font:500 10px var(--font-mono);color:var(--text-tertiary);border-radius:4px;padding:2px 6px;position:absolute;top:8px;left:8px}.card__name{white-space:nowrap;text-overflow:ellipsis;padding:12px 14px 0;font-weight:500;overflow:hidden}.card__foot{align-items:center;gap:6px;min-height:36px;padding:3px 8px 8px 14px;display:flex}.card__meta{min-width:0;color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.icon-btn--small{width:26px;height:26px}.icon-btn--tiny{border-radius:6px;width:22px;height:22px}.state{text-align:center;color:var(--text-muted);border:1px solid var(--border-card);background:var(--bg-card);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:40px 24px;display:flex}.state__title{color:var(--text-primary);font-weight:500}.state .btn{margin-top:8px}.state__inline{color:var(--danger);text-align:center;margin-top:8px;font-size:12px}.load-more{justify-content:center;margin-top:16px;display:flex}.skeleton-card{overflow:hidden}.skeleton-card__thumb{background:var(--bg-canvas);border-bottom:1px solid var(--border-card);height:150px}.skeleton-card__line{background:var(--border-card);border-radius:4px;width:60%;height:10px;margin:18px 14px 26px}.dropzone{border:1.5px dashed var(--border-kbd);color:var(--text-muted);text-align:center;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:28px;display:flex}.dropzone b{color:var(--text-secondary);font-weight:500}.drop-overlay{z-index:50;pointer-events:none;background:#0b0d10c7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.drop-overlay__box{border:2px dashed var(--accent);background:var(--bg-float);text-align:center;color:var(--accent-text);border-radius:14px;flex-direction:column;align-items:center;gap:12px;padding:40px 56px;font-weight:500;display:flex}.uploads{z-index:30;background:var(--bg-float);border:1px solid var(--border-float);width:min(360px,100vw - 32px);max-height:50vh;box-shadow:var(--shadow-suggest);border-radius:12px;position:fixed;bottom:20px;right:20px;overflow:auto}.uploads__head{border-bottom:1px solid var(--border-card);justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;font-weight:500;display:flex}.uploads ul{margin:0;padding:4px 0;list-style:none}.uploads__item{flex-direction:column;gap:4px;padding:8px 14px;display:flex}.uploads__row{align-items:center;gap:8px;min-height:22px;font-size:12px;display:flex}.uploads__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.uploads__status{color:var(--text-faint);font-size:11px}.uploads__status--error{color:var(--danger)}.link-btn{color:var(--accent-text);background:0 0;border:0;padding:0;font-size:12px}.link-btn:hover{color:var(--accent-text-hover)}@media (max-width:760px){.home{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--border-divider);flex:none;width:100%;height:auto;padding:10px 12px 6px;position:static;overflow:visible}.sidebar__brand{padding:0 2px 8px}.sidebar__account-compact{display:block}.sidebar__nav{scrollbar-width:none;flex-direction:row;margin:0 -12px;padding:0 12px 2px;overflow-x:auto}.sidebar__nav .nav{white-space:nowrap;width:auto;position:relative}.sidebar__nav .nav__label{overflow:visible}.sidebar__fold{flex:none;margin-top:6px}.sidebar__spacer,.sidebar__account{display:none}.sidebar__caption{padding:2px 2px 0}.sidebar__note{padding:0 2px 8px}.sidebar__projects{scrollbar-width:none;flex-direction:row;margin:0 -12px;padding:0 12px;overflow-x:auto}.sidebar__projects .nav{white-space:nowrap;width:auto}.sidebar__projects .nav__label{overflow:visible}.storage{min-height:0;margin:6px 0 4px;padding:8px 10px}.home__main{flex:auto;gap:22px;padding:16px 16px 32px}.search{flex-basis:100%;max-width:none}.search .kbd,.home__toolbar-gap{display:none}.home__toolbar .btn{flex:140px}.grid--drawings{grid-template-columns:1fr}.grid--templates{grid-template-columns:repeat(2,minmax(0,1fr))}.uploads{bottom:16px;right:16px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-canvas:#0b0d10;--bg-app:#0e1014;--bg-field:#0f1217;--bg-chrome:#111318;--bg-input:#12151b;--bg-card:#14171d;--bg-float:#161a21;--bg-hover:#1a1e25;--bg-selected:#1c2028;--bg-segment-on:#20252e;--bg-accent-subtle:#1a2638;--bg-accent-option:#1c2636;--bg-chip-hover:#16202f;--border-divider:#1f232b;--border-card:#22262f;--border-field:#262b35;--border-float:#2a2f3a;--border-kbd:#2f3541;--border-card-hover:#3a4252;--border-accent:#2b4366;--border-focus:#3a5a8c;--text-primary:#e6e8ec;--text-chip:#d5dae1;--text-secondary:#c3cad4;--text-tertiary:#a3acb9;--text-muted:#8c95a3;--text-faint:#7d8693;--text-off:#6b7380;--text-disabled:#4a5260;--accent:#5b9bff;--on-accent:#0b0d10;--bg-paper-space:#1a1d23;--accent-text:#8ab6ff;--accent-text-hover:#b5d0ff;--focus-ring:0 0 0 3px #5b9bff26;--amber:#f5a524;--amber-text:#f5c872;--success:#4ade80;--success-text:#7fd3a0;--danger:#f2877f;--teal:#4fb7a5;--teal-text:#6fd1bf;--grid-minor:#141821;--grid-major:#1c212b;--font-ui:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--shadow-toolbar:0 8px 24px #0006;--shadow-suggest:0 16px 40px #00000080}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-app);color:var(--text-primary);font:400 13px var(--font-ui);margin:0}a{color:var(--accent-text)}a:hover{color:var(--accent-text-hover)}h1,h2,h3,p{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled,[aria-disabled=true]{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kbd{font:500 10px/1 var(--font-mono);color:var(--text-tertiary);border:1px solid var(--border-kbd);background:var(--bg-input);white-space:nowrap;border-radius:4px;padding:3px 5px}.logo{background:var(--accent);border-radius:8px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.logo--small{border-radius:7px;width:26px;height:26px}.icon-btn{width:32px;height:32px;color:var(--text-tertiary);background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover:not(:disabled):not([aria-disabled=true]){background:var(--bg-selected);color:var(--text-primary)}.icon-btn:disabled,.icon-btn[aria-disabled=true]{color:var(--text-disabled)}.btn{border:1px solid var(--border-float);background:var(--bg-card);height:40px;color:var(--text-primary);font:500 13px var(--font-ui);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--border-card-hover);color:var(--text-primary)}.btn:disabled{opacity:.5}.btn--primary{background:var(--accent);color:var(--on-accent);border:0;font-weight:600}.btn--primary:hover:not(:disabled){background:var(--accent-text);color:var(--on-accent)}.btn--small{border-radius:8px;height:32px;padding:0 12px;font-size:12px}.btn--danger{color:var(--danger)}.soon{font:500 10px var(--font-ui);color:var(--text-faint);border:1px solid var(--border-field);white-space:nowrap;border-radius:4px;padding:1px 5px}.soon:first-letter{text-transform:uppercase}.menu-wrap{display:inline-flex;position:relative}.menu{z-index:40;background:var(--bg-float);border:1px solid var(--border-float);min-width:200px;max-height:70vh;box-shadow:var(--shadow-suggest);border-radius:10px;padding:4px;position:absolute;overflow:auto}.menu--right{right:0}.menu--up{bottom:calc(100% + 6px)}.menu--down{top:calc(100% + 6px)}.menu__item{width:100%;min-height:30px;color:var(--text-secondary);font:400 12px var(--font-ui);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:4px 10px;display:flex}.menu__item:hover,.menu__item:focus-visible{background:var(--bg-accent-option);color:var(--text-primary);outline:none}.menu__item[aria-disabled=true]{color:var(--text-off)}.menu__item--danger{color:var(--danger)}.menu__sep{background:var(--border-card);height:1px;margin:4px 6px}.menu__hint{color:var(--text-faint);font:400 11px var(--font-ui)}dialog.dialog{border:1px solid var(--border-float);background:var(--bg-float);width:min(420px,100vw - 32px);color:var(--text-primary);box-shadow:var(--shadow-suggest);border-radius:14px;padding:20px}dialog::backdrop{background:#05060899}.dialog h2{margin-bottom:14px;font-size:15px;font-weight:600}.dialog__field{color:var(--text-muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.dialog__input{border:1px solid var(--border-field);background:var(--bg-field);height:40px;color:var(--text-primary);font:400 13px var(--font-ui);border-radius:10px;padding:0 12px}.dialog__input:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring);outline:0}.dialog__error{color:var(--danger);margin-top:8px;font-size:12px}.dialog__actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.toasts{z-index:60;flex-direction:column;align-items:center;gap:8px;width:min(520px,100vw - 32px);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-float);border:1px solid var(--border-float);max-width:100%;box-shadow:var(--shadow-toolbar);color:var(--text-secondary);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.toast--error{border-color:var(--danger)}.toast__action{color:var(--accent-text);background:0 0;border:0;padding:0;font-weight:500}.splash{text-align:center;min-height:100%;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.splash h1{color:var(--text-primary);font-size:15px;font-weight:600}.spinner{border:2px solid var(--border-float);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}