:root{--bg:#fff;--surface:#fff;--sidebar-bg:#f8f9fa;--surface-raised:#f4f4f5;--text:#1a1a1a;--text-dim:#5f5f5f;--text-muted:#737373;--text-inverse:#fff;--primary:#1565c0;--primary-hover:#0d47a1;--primary-soft:#e3f2fd;--accent:#00838f;--success:#0e7a38;--success-soft:#e8f5e9;--warning:#92660a;--warning-soft:#fff8e1;--error:#b91c1c;--error-soft:#ffebee;--border:#e4e4e7;--border-strong:#d4d4d8;--hover:#f4f4f5;--active:#e4e4e7;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--leading-tight:1.25;--leading-normal:1.5;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--ease:cubic-bezier(.4,0,.2,1);--dur-fast:.15s;--dur-normal:.2s;--z-base:0;--z-sticky:20;--z-panel:30;--z-popover:100;--z-modal:1000;--sidebar-w:240px;--header-h:56px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--weight-regular);color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--dur-normal) var(--ease),color var(--dur-normal) var(--ease)}[data-theme=dark]{--bg:#121212;--surface:#1e1e1e;--sidebar-bg:#1a1a1a;--surface-raised:#27272a;--text:#e4e4e7;--text-dim:#a1a1aa;--text-muted:#71717a;--text-inverse:#121212;--primary:#4fa8ff;--primary-hover:#7bc0ff;--primary-soft:#4fa8ff1f;--accent:#5bc0be;--success:#4ec87e;--success-soft:#4ec87e1f;--warning:#e8a838;--warning-soft:#e8a8381f;--error:#e85454;--error-soft:#e854541f;--border:#3f3f46;--border-strong:#52525b;--hover:#27272a;--active:#3f3f46;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 8px #0006}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121212;--surface:#1e1e1e;--sidebar-bg:#1a1a1a;--surface-raised:#27272a;--text:#e4e4e7;--text-dim:#a1a1aa;--text-muted:#71717a;--text-inverse:#121212;--primary:#4fa8ff;--primary-hover:#7bc0ff;--primary-soft:#4fa8ff1f;--accent:#5bc0be;--success:#4ec87e;--success-soft:#4ec87e1f;--warning:#e8a838;--warning-soft:#e8a8381f;--error:#e85454;--error-soft:#e854541f;--border:#3f3f46;--border-strong:#52525b;--hover:#27272a;--active:#3f3f46;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 8px #0006}}*,:after,:before{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{width:100%}button{cursor:pointer}button,input,select,textarea{font:inherit}a{color:var(--primary);text-decoration:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes home-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.login-shell{background:var(--bg);min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.login-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(420px,100%);padding:var(--space-8);box-shadow:var(--shadow-md)}.login-head{margin-bottom:var(--space-6);text-align:center}.login-head h1{margin:0 0 var(--space-2);color:var(--primary);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.login-head p{color:var(--text-dim);font-size:var(--text-sm);margin:0}.login-form{gap:var(--space-4);display:grid}.login-form label{margin-bottom:var(--space-1);color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium);display:block}.login-form input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:var(--text-base);transition:border-color var(--dur-fast) var(--ease);display:block}.login-form input::placeholder{color:var(--text-muted)}.login-form input:focus{border-color:var(--primary);outline:2px solid var(--primary);outline-offset:-2px}.login-error{padding:var(--space-3) var(--space-4);border:1px solid var(--error);background:var(--error-soft);color:var(--error);font-size:var(--text-sm)}.login-error,.login-submit{border-radius:var(--radius-sm)}.login-submit{background:var(--primary);height:44px;color:var(--text-inverse);font-size:var(--text-base);font-weight:var(--weight-semibold);transition:background var(--dur-fast) var(--ease);border:0}.login-submit:hover:not(:disabled){background:var(--primary-hover)}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-toggle{margin-top:var(--space-4);text-align:center}.login-toggle button{color:var(--primary);font-size:var(--text-sm);font-weight:var(--weight-medium);background:0 0;border:0}.login-toggle button:hover{text-decoration:underline}.home-shell{background:var(--bg);min-height:100vh;color:var(--text)}.home-sidebar{z-index:var(--z-panel);width:var(--sidebar-w);padding:var(--space-4);background:var(--sidebar-bg);border-right:1px solid var(--border);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.home-brand{margin:0 0 var(--space-6);color:var(--primary);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.02em;cursor:pointer;text-align:left;padding:0 var(--space-3);background:0 0;border:0;justify-content:flex-start;align-items:center;line-height:1}.home-brand,.home-nav{width:100%;display:flex}.home-nav{gap:var(--space-1);flex-direction:column;flex:1 1}.home-nav-item{align-items:center;gap:var(--space-3);width:100%;height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-dim);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);background:0 0;border:0;display:flex}.home-nav-item:hover{background:var(--hover);color:var(--text)}.home-nav-item.active{background:var(--active);color:var(--text);font-weight:var(--weight-semibold)}.home-nav-icon{justify-content:center;align-items:center;width:20px;display:flex}.home-nav-label{text-align:left;flex:1 1}.home-sidebar-recent{padding:var(--space-2) 0;gap:var(--space-1);flex-direction:column;flex:1 1;display:flex;overflow-y:auto}.home-sidebar-recent-label{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.home-sidebar-recent-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-dim);font-size:var(--text-sm);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);background:0 0;border:0;min-width:0;display:flex}.home-sidebar-recent-item:hover{background:var(--hover);color:var(--text)}.home-sidebar-recent-item span{text-overflow:ellipsis;white-space:nowrap;flex:1 1;min-width:0;overflow:hidden}.home-sidebar-recent-item svg{flex-shrink:0}.home-sidebar-bottom{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border);flex-direction:column;display:flex}.home-sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);display:flex}.home-sidebar-user:hover{background:var(--hover)}.home-user-avatar{border-radius:var(--radius-full);background:var(--primary-soft);width:32px;height:32px;color:var(--primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);place-items:center;display:grid}.home-user-name{font-size:var(--text-sm);color:var(--text);font-weight:var(--weight-medium);flex:1 1}.home-user-logout{color:var(--text-muted);border-radius:var(--radius-sm);width:28px;height:28px;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);background:0 0;border:0;place-items:center;display:grid}.home-user-logout:hover{background:var(--error-soft);color:var(--error)}.home-sidebar-user-wrap{position:relative}.home-sidebar-user-wrap .home-sidebar-user{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease);background:0 0;border:0;display:flex}.home-sidebar-user-wrap .home-sidebar-user:hover{background:var(--hover)}.home-user-chevron{color:var(--text-muted);transition:transform var(--dur-fast) var(--ease);margin-left:auto}.home-user-chevron.open{transform:rotate(180deg)}.home-user-menu{bottom:calc(100% + var(--space-2));border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:200px;padding:var(--space-1);box-shadow:var(--shadow-md);z-index:var(--z-popover);flex-direction:column;gap:2px;display:flex;position:absolute;left:0}.home-user-menu-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-sm);text-align:left;transition:background var(--dur-fast) var(--ease);background:0 0;border:0;display:flex;position:relative}.home-user-menu-row>svg:first-child{color:var(--text-dim);flex-shrink:0}.home-user-menu-row>span{flex:1 1}.home-user-menu-row:hover{background:var(--hover)}.home-user-menu-row-caret{color:var(--text-muted);margin-left:auto}.home-user-menu-has-sub>.home-user-submenu{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:150px;padding:var(--space-1);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),visibility var(--dur-fast);flex-direction:column;gap:2px;display:flex;position:absolute;top:0;left:calc(100% + 6px);transform:translate(-4px)}.home-user-menu-has-sub>.home-user-submenu:before{content:"";width:6px;position:absolute;top:0;bottom:0;left:-6px}.home-user-menu-has-sub:hover>.home-user-submenu{opacity:1;visibility:visible;transform:translate(0)}.home-user-submenu-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-dim);font-size:var(--text-sm);text-align:left;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);background:0 0;border:0;display:flex}.home-user-submenu-item:hover{background:var(--hover);color:var(--text)}.home-user-submenu-item.active{background:var(--primary-soft);color:var(--primary)}.home-main{min-height:100vh;padding-left:var(--sidebar-w)}.home-topbar{top:var(--space-4);right:var(--space-6);z-index:var(--z-sticky);align-items:center;gap:var(--space-3);display:flex;position:fixed}.home-balance,.home-icon-pill,.home-pill{border:1px solid var(--border);border-radius:var(--radius-md);height:36px;color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium);background:var(--surface)}.home-pill{padding:0 var(--space-4);cursor:pointer}.home-pill:hover{background:var(--hover)}.home-pill.pink{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.home-icon-pill{cursor:pointer;place-items:center;width:36px;display:grid;position:relative}.home-balance{align-items:center;gap:var(--space-2);padding:0 var(--space-3);display:flex}.home-coin{border-radius:var(--radius-full);background:var(--warning);width:24px;height:24px;color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--weight-bold);place-items:center;display:grid}.home-upgrade{border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-dim);font-size:var(--text-xs);padding:2px 8px}.home-hero{min-height:calc(100vh - var(--header-h));padding:var(--space-8) var(--space-6);flex-direction:column;justify-content:center;align-items:center;max-width:800px;margin:0 auto;display:flex}.home-brand-large{font-size:56px;font-weight:var(--weight-bold);color:var(--text);letter-spacing:-.02em;margin-bottom:var(--space-8)}.home-greeting{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.home-greeting h1{color:var(--text);font-size:var(--text-2xl);font-weight:var(--weight-bold);margin:0}.greeting-afternoon h1,.greeting-evening h1,.greeting-morning h1,.greeting-noon h1{color:var(--text)}.home-mascot{border-radius:var(--radius-md);background:var(--primary);width:40px;height:40px;color:var(--text-inverse);font-weight:var(--weight-bold);font-size:var(--text-lg);place-items:center;display:grid}.home-prompt{width:100%;max-width:720px}.home-project-library,.home-projects{max-width:1200px;padding:var(--space-6) var(--space-6);margin:0 auto}.home-projects-head{margin:0 var(--space-3) var(--space-4);justify-content:flex-end;display:flex}.home-all{color:var(--primary);font-size:var(--text-sm);font-weight:var(--weight-medium);background:0 0;border:0}.home-all:hover{text-decoration:underline}.home-card-row{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.home-create-card,.home-project-card,.home-skeleton-card{border-radius:var(--radius-md);aspect-ratio:1.72}.home-create-card{border:1px dashed var(--border-strong);background:var(--surface);color:var(--text-dim);min-height:160px;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);flex-direction:column;justify-content:center;align-items:center;display:flex}.home-create-card:hover{border-color:var(--primary);color:var(--primary)}.home-create-plus{margin-bottom:var(--space-3);font-size:32px;line-height:1}.home-project-card{border:1px solid var(--border);background:var(--surface);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);position:relative;overflow:hidden}.home-project-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.home-project-card.favorited{border-color:var(--success)}.home-skeleton-card{background:var(--surface-raised);min-height:160px;animation:home-pulse 1.4s ease-in-out infinite}.home-card-hit,.home-card-image,.home-card-mark,.home-card-shade,.home-card-tone{position:absolute;inset:0}.home-card-hit{z-index:10;background:0 0;border:0}.home-card-image{object-fit:cover;width:100%;height:100%}.home-card-tone{background:var(--surface-raised)}.home-card-shade{background:linear-gradient(#0000 40%,#0000008c)}.home-card-mark{display:none}.home-card-copy{right:var(--space-4);bottom:var(--space-4);left:var(--space-4);z-index:12;position:absolute}.home-card-copy h3{color:#fff;font-size:var(--text-base);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.home-card-copy p{margin:var(--space-1) 0 0;color:#ffffffbf;font-size:var(--text-sm)}.home-card-title-input{border:1px solid var(--primary);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);padding:var(--space-1) var(--space-2);display:block}.home-card-actions{top:var(--space-3);right:var(--space-3);z-index:20;gap:var(--space-2);opacity:0;transition:opacity var(--dur-fast) var(--ease);display:flex;position:absolute}.home-card-actions.recycle,.home-project-card.favorited .home-card-actions,.home-project-card:hover .home-card-actions{opacity:1}.home-card-action{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:30px;height:30px;color:var(--text);transition:background var(--dur-fast) var(--ease);place-items:center;display:grid}.home-card-action:hover{background:var(--hover)}.home-card-action.danger{color:var(--error)}.home-card-action.danger:hover{background:var(--error-soft)}.home-card-action.favorite{color:var(--text-muted)}.home-card-action.favorite.active{background:var(--success-soft);color:var(--success);border-color:var(--success)}.home-card-action.restore{color:var(--success)}.home-library-head{min-height:48px;margin:0 var(--space-3) var(--space-6);align-items:center;display:flex}.home-library-head h1{color:var(--text);font-size:var(--text-2xl);font-weight:var(--weight-bold);margin:0}.home-library-tools{justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.home-library-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.home-library-filters button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);height:34px;color:var(--text-dim);padding:0 var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--dur-fast) var(--ease)}.home-library-filters button:hover{border-color:var(--border-strong);color:var(--text)}.home-library-filters button.active{background:var(--text);color:var(--text-inverse);border-color:var(--text)}.home-project-search{align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:220px;height:34px;padding:0 var(--space-3);color:var(--text-muted);display:flex}.home-project-search input{min-width:0;color:var(--text);font-size:var(--text-sm);background:0 0;border:0;outline:none;flex:1 1}.home-project-search input::placeholder{color:var(--text-muted)}.home-empty-state{padding:var(--space-8);text-align:center;color:var(--text-dim);font-size:var(--text-base)}.home-favorite-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);height:34px;color:var(--text-dim);padding:0 var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--dur-fast) var(--ease)}.home-favorite-toggle:hover{border-color:var(--border-strong);color:var(--text)}.home-favorite-toggle.active{background:var(--warning-soft);color:var(--warning);border-color:var(--warning)}.home-asset-library{max-width:1200px;padding:var(--space-6);margin:0 auto}.home-asset-row{gap:var(--space-4);margin:0 var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.home-asset-create-card{justify-content:center;align-items:center;gap:var(--space-3);aspect-ratio:1;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text-dim);transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);flex-direction:column;display:flex}.home-asset-create-card:hover{border-color:var(--primary);color:var(--primary)}.home-asset-create-card span{border-radius:var(--radius-sm);background:var(--surface-raised);width:40px;height:40px;color:var(--text);place-items:center;font-size:24px;display:grid}.home-asset-create-card strong{font-size:var(--text-sm);font-weight:var(--weight-medium)}.home-asset-card{gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-3);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);flex-direction:column;display:flex;position:relative}.home-asset-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.home-asset-card.featured{border-color:var(--primary)}.home-asset-portrait{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);place-items:center;width:100%;display:grid;overflow:hidden}.home-asset-portrait img{object-fit:cover;width:100%;height:100%}.home-asset-portrait span{width:100%;height:100%;color:var(--primary);font-size:var(--text-2xl);font-weight:var(--weight-bold);place-items:center;display:grid}.home-asset-title{color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;margin:0;padding-right:26px;overflow:hidden}.home-asset-menu-btn{border-radius:var(--radius-sm);border:1px solid #0000;background:0 0;width:26px;height:26px;color:var(--text-muted);cursor:pointer;position:absolute;top:6px;right:6px;z-index:2;place-items:center;display:grid}.home-asset-card:hover .home-asset-menu-btn{border-color:var(--border);background:var(--surface);color:var(--text)}.home-asset-menu-btn:hover,.home-asset-menu-btn[aria-expanded=true]{border-color:var(--border-strong);background:var(--surface-raised);color:var(--text)}.asset-card-menu{z-index:calc(var(--z-modal) + 2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:168px;padding:var(--space-1);box-shadow:var(--shadow-md);flex-direction:column;gap:2px;display:flex;position:fixed}.asset-card-menu button{border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:var(--space-2);display:flex}.asset-card-menu button:hover{background:var(--hover)}.asset-card-menu button.danger{color:var(--danger,#e5484d)}.asset-card-menu button.danger:hover{background:color-mix(in srgb,var(--danger,#e5484d) 10%,transparent)}.asset-card-menu-confirm{padding:var(--space-3);color:var(--text);font-size:var(--text-sm);display:flex;flex-direction:column;gap:var(--space-3)}.asset-card-menu-confirm-actions{gap:var(--space-2);display:flex}.asset-card-menu-confirm-actions button{border-radius:var(--radius-sm);height:28px;padding:0 var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);justify-content:center;display:inline-flex}.asset-card-menu-confirm-actions button.danger{border:1px solid var(--error);background:var(--error-soft);color:var(--error)}.asset-card-menu-confirm-actions button:not(.danger){border:1px solid var(--border);background:var(--surface);color:var(--text-dim)}.asset-card-menu-confirm-actions button:hover{border-color:var(--border-strong);color:var(--text)}.asset-card-menu-confirm-actions button.danger:hover{border-color:var(--error);color:var(--error)}.asset-detail-overlay{z-index:var(--z-modal);background:rgba(0,0,0,.45);backdrop-filter:blur(2px);padding:var(--space-6);place-items:center;position:fixed;inset:0;display:grid;-webkit-backdrop-filter:blur(2px)}.asset-detail-modal{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(640px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);flex-direction:column;gap:var(--space-4);padding:var(--space-5);position:relative;overflow-y:auto;display:flex}.asset-detail-close{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text-muted);cursor:pointer;position:absolute;top:12px;right:12px;z-index:2;place-items:center;display:grid}.asset-detail-close:hover{border-color:var(--border-strong);color:var(--text)}.asset-detail-preview{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);width:min(320px,100%);aspect-ratio:1;margin:0 auto;place-items:center;overflow:hidden;display:grid}.asset-detail-preview img{object-fit:cover;width:100%;height:100%}.asset-detail-preview-empty{width:100%;height:100%;color:var(--primary);font-size:var(--text-3xl);font-weight:var(--weight-bold);place-items:center;display:grid}.asset-detail-body{gap:var(--space-3);min-width:0;display:flex;flex-direction:column}.asset-detail-title-row{align-items:center;gap:var(--space-2);min-width:0;display:flex}.asset-detail-title{margin:0;overflow-wrap:anywhere}.asset-detail-title,.asset-detail-title-input{color:var(--text);font-size:var(--text-lg);font-weight:var(--weight-bold);min-width:0;flex:1 1}.asset-detail-title-input{border:1px solid var(--primary);border-radius:var(--radius-sm);background:var(--surface-raised);height:34px;padding:0 var(--space-3);outline:0}.asset-detail-title-actions{gap:var(--space-1);flex:none;display:flex}.asset-detail-edit-btn,.asset-detail-fav-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:30px;height:30px;color:var(--text-muted);cursor:pointer;place-items:center;display:grid}.asset-detail-edit-btn:hover,.asset-detail-fav-btn:hover{border-color:var(--border-strong);color:var(--text)}.asset-detail-fav-btn.active{background:var(--warning-soft);color:var(--warning);border-color:var(--warning)}.asset-detail-tags{gap:var(--space-2);display:flex}.asset-detail-tag{border:1px solid var(--border);border-radius:999px;background:var(--surface-raised);padding:2px var(--space-3);color:var(--text-dim);font-size:var(--text-xs)}.asset-detail-tag.fav{border-color:var(--warning);background:var(--warning-soft);color:var(--warning)}.asset-detail-fields{border-top:1px solid var(--border);padding-top:var(--space-3);margin:0}.asset-detail-field,.asset-detail-fields{gap:var(--space-3);flex-direction:column;display:flex}.asset-detail-field{font-size:var(--text-sm)}.asset-detail-field dt{color:var(--text-dim);font-size:var(--text-xs);flex:none;font-weight:var(--weight-medium)}.asset-detail-field dd{color:var(--text);margin:0;min-width:0;overflow-wrap:anywhere}.asset-detail-field dd.pre{white-space:pre-wrap;font-family:var(--font-mono,monospace);font-size:var(--text-xs);line-height:1.6}.asset-detail-field dd.url{color:var(--primary);font-size:var(--text-xs);overflow-wrap:anywhere}.home-asset-actions{align-items:center;gap:var(--space-3);display:flex}.home-library-tools.asset-tools{margin-bottom:var(--space-6)}.home-style-library{max-width:1200px;padding:var(--space-6);margin:0 auto}.style-library-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-6)}.style-library-head{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-6);display:flex}.style-library-head h1{margin:0 0 var(--space-4);color:var(--text);font-size:var(--text-xl);font-weight:var(--weight-bold)}.style-library-tabs{gap:var(--space-2);display:flex}.style-library-tabs button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);height:34px;color:var(--text-dim);padding:0 var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium)}.style-library-tabs button:hover{border-color:var(--border-strong);color:var(--text)}.style-library-tabs button.active{background:var(--text);color:var(--text-inverse);border-color:var(--text)}.style-library-search{align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);height:34px;padding:0 var(--space-3);display:flex}.style-library-search input{color:var(--text);font-size:var(--text-sm);background:0 0;border:0;outline:none;width:180px}.style-library-search input::placeholder{color:var(--text-muted)}.style-category-row{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.style-category-row button{border-radius:var(--radius-sm);color:var(--text-dim);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);background:0 0;border:0}.style-category-row button:hover{background:var(--hover);color:var(--text)}.style-category-row button.active{background:var(--text);color:var(--text-inverse)}.style-card-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.style-upload-card{justify-content:center;align-items:center;gap:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text-dim);cursor:pointer;min-height:180px;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);flex-direction:column;display:flex}.style-upload-card:hover{border-color:var(--primary);color:var(--primary)}.style-template-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);position:relative;overflow:hidden}.style-template-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.style-new-badge{top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--primary);color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-sm);position:absolute}.style-template-art{aspect-ratio:1;background:var(--surface-raised);place-items:center;display:grid;overflow:hidden}.style-template-art img{object-fit:cover;width:100%;height:100%}.style-template-art>span{color:var(--text-muted);font-size:var(--text-2xl)}.style-template-shade{display:none}.style-template-card strong{padding:var(--space-2) var(--space-3);color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium);display:block}.recycle-library{max-width:1200px;padding:var(--space-6);margin:0 auto}.recycle-library-head{margin-bottom:var(--space-6);align-items:center;display:flex}.recycle-library-head h1{color:var(--text);font-size:var(--text-2xl);font-weight:var(--weight-bold);margin:0}.recycle-library-tools{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.recycle-tabs{gap:var(--space-2);display:flex}.recycle-tabs button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);height:34px;color:var(--text-dim);padding:0 var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium)}.recycle-tabs button:hover{border-color:var(--border-strong);color:var(--text)}.recycle-tabs button.active{background:var(--text);color:var(--text-inverse);border-color:var(--text)}.recycle-search{align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:220px;height:34px;padding:0 var(--space-3);display:flex}.recycle-search input{min-width:0;color:var(--text);font-size:var(--text-sm);background:0 0;border:0;outline:none;flex:1 1}.recycle-search input::placeholder{color:var(--text-muted)}.recycle-warning{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--warning);border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--warning);font-size:var(--text-sm)}.recycle-card-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.recycle-card{min-height:160px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--dur-fast) var(--ease);flex-direction:column;justify-content:flex-end;display:flex;position:relative}.recycle-card:hover{border-color:var(--border-strong)}.recycle-card.skeleton{background:var(--surface-raised);animation:home-pulse 1.4s ease-in-out infinite}.recycle-more{top:var(--space-3);right:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);position:absolute}.recycle-card-mark{color:var(--surface-raised);pointer-events:none;place-items:center;font-size:28px;display:grid;position:absolute;inset:0}.recycle-card-copy{z-index:2;position:relative}.recycle-card-copy strong{color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recycle-card-copy span{margin-top:var(--space-1);color:var(--text-dim);font-size:var(--text-sm)}.recycle-card-actions{right:var(--space-3);bottom:var(--space-3);z-index:4;gap:var(--space-2);opacity:0;transition:opacity var(--dur-fast) var(--ease);display:flex;position:absolute}.recycle-card:hover .recycle-card-actions{opacity:1}.recycle-delete,.recycle-restore{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);height:30px;color:var(--text);padding:0 var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium)}.recycle-restore:hover{background:var(--success-soft);color:var(--success);border-color:var(--success)}.recycle-delete{color:var(--error)}.recycle-delete:hover{background:var(--error-soft);border-color:var(--error)}.home-upload-btn{border:1px solid var(--primary);border-radius:var(--radius-sm);background:var(--primary-soft,color-mix(in srgb,var(--primary) 10%,transparent));height:34px;color:var(--primary);padding:0 var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.home-upload-btn:hover{background:color-mix(in srgb,var(--primary) 16%,transparent)}.home-upload-btn:disabled{cursor:not-allowed;opacity:.6}.home-asset-card.audio-card .home-asset-portrait{cursor:pointer;position:relative}.home-asset-portrait.audio{background:var(--surface-raised);place-items:center;display:grid}.home-asset-audio-icon{color:var(--text-muted);place-items:center;display:grid}.home-asset-audio-play{border-radius:var(--radius-full);background:var(--primary);color:#fff;width:44px;height:44px;box-shadow:var(--shadow-md);cursor:pointer;place-items:center;position:absolute;z-index:1;inset:0;margin:auto;display:grid}.home-asset-card.playing .home-asset-audio-play{background:var(--danger,#e5484d)}.asset-detail-preview.audio{width:min(480px,100%);aspect-ratio:auto;padding:var(--space-6);gap:var(--space-4);grid-auto-rows:auto;place-items:center;display:grid}.asset-detail-audio-icon{color:var(--text-muted);place-items:center;display:grid}.asset-detail-audio{width:100%;max-width:400px}.asset-new-overlay{z-index:var(--z-modal);background:rgba(0,0,0,.45);backdrop-filter:blur(2px);padding:var(--space-6);place-items:center;position:fixed;inset:0;display:grid;-webkit-backdrop-filter:blur(2px)}.asset-new-modal{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(520px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);flex-direction:column;gap:var(--space-4);padding:var(--space-5);position:relative;overflow-y:auto;display:flex}.asset-new-title{color:var(--text);font-size:var(--text-lg);font-weight:var(--weight-bold);margin:0;padding-right:34px}.asset-new-body{gap:var(--space-4);flex-direction:column;display:flex}.asset-new-dropzone{border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);width:100%;min-height:150px;color:var(--text-dim);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5);transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);display:flex}.asset-new-dropzone:hover{border-color:var(--primary);color:var(--primary)}.asset-new-dropzone strong{font-size:var(--text-base);color:var(--text);font-weight:var(--weight-medium)}.asset-new-dropzone-hint{color:var(--text-muted);font-size:var(--text-xs);align-items:center;gap:4px;display:inline-flex}.asset-new-dropzone-types{color:var(--text-dim);font-size:var(--text-xs)}.asset-new-file{gap:var(--space-3);flex-direction:column;align-items:center;display:flex}.asset-new-file-preview{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);max-width:280px;max-height:200px;object-fit:contain;display:block}.asset-new-file-audio{width:100%;max-width:380px}.asset-new-file-meta{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);width:100%;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);display:flex}.asset-new-file-meta svg{color:var(--primary);flex:none}.asset-new-file-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text);min-width:0;flex:1 1;overflow:hidden}.asset-new-file-size{color:var(--text-dim);font-size:var(--text-xs);flex:none}.asset-new-file-meta button{border:0;background:0 0;color:var(--text-muted);cursor:pointer;font-size:var(--text-xs);padding:0 0 0 var(--space-2);flex:none}.asset-new-file-meta button:hover{color:var(--primary)}.asset-new-section{gap:var(--space-2);flex-direction:column;display:flex}.asset-new-label{color:var(--text-dim);font-size:var(--text-xs);font-weight:var(--weight-medium)}.asset-new-categories{gap:var(--space-2);flex-wrap:wrap;display:flex}.asset-new-categories button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);height:30px;color:var(--text-dim);padding:0 var(--space-4);font-size:var(--text-sm);cursor:pointer;font-weight:var(--weight-medium)}.asset-new-categories button:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.asset-new-categories button.active{border-color:var(--primary);background:var(--primary-soft,color-mix(in srgb,var(--primary) 10%,transparent));color:var(--primary)}.asset-new-categories button:disabled{cursor:not-allowed;opacity:.45}.asset-new-tip{color:var(--primary);font-size:var(--text-xs)}.asset-new-title-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);height:34px;padding:0 var(--space-3);color:var(--text);font-size:var(--text-sm);width:100%;outline:0}.asset-new-title-input:focus{border-color:var(--primary)}.asset-new-foot{justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-1);display:flex}