:root{font-family:Inter,Segoe UI,sans-serif;color:#111827;background:#f7f7f7;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{position:relative;background:#f7f7f7}button,input,select,textarea{font:inherit}button{cursor:pointer}button{transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease,opacity .16s ease}button:not(:disabled):hover{filter:brightness(.97)}button:not(:disabled):active{transform:translateY(1px) scale(.985);filter:brightness(.92)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #8bb5ff;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{min-height:100vh;display:flex;flex-direction:column}.login-panel{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#eff6ff,#f6f7fb)}.login-card{width:min(420px,calc(100vw - 32px));background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:32px;box-shadow:0 20px 40px #2563eb14}.login-card h1{margin:0 0 24px;line-height:1.2}.login-brand{display:flex;align-items:center;gap:14px;color:#202124!important;white-space:nowrap}.login-brand img{display:block;width:112px;height:60px;object-fit:contain}.login-brand span{font-size:25px;letter-spacing:-.04em}.login-card label{display:grid;gap:8px;margin-bottom:16px;color:#374151;font-weight:600}.login-card input,.toolbar-search input,textarea,select{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;background:#fff;color:#111827}.login-card button,.topbar-actions button,.pagination button,.file-upload{border:none;background:#2563eb;color:#fff;padding:10px 14px;border-radius:10px;font-weight:600}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-bottom:1px solid #e5e7eb;padding:14px 20px;position:sticky;top:0;z-index:10}.brand{font-size:1.3rem;font-weight:700;color:#111827}.toolbar-search{flex:1;max-width:520px}.topbar-actions{display:flex;align-items:center;gap:10px}.sidebar{width:260px;background:#fff;border-right:1px solid #e5e7eb;padding:16px}.nav-group{margin-bottom:18px}.nav-group h3{margin:0 0 12px;font-size:.82rem;color:#6b7280;text-transform:uppercase}.category-row{width:100%;text-align:left;border:none;background:transparent;padding:8px 10px;border-radius:8px;color:#374151;margin-bottom:4px}.category-row.active{background:#e0edff;color:#1d4ed8;font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #d1d5db;background:#fff;border-radius:999px;padding:6px 10px;color:#374151}.chip.active{background:#2563eb;border-color:#2563eb;color:#fff}.tag-pill{display:inline-block;margin:6px 6px 0 0;font-size:.75rem;padding:3px 8px;background:#eff6ff;border-radius:999px;color:#1d4ed8}.content-area{flex:1;padding:20px}.workspace-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:20px;min-height:calc(100vh - 95px)}.material-list-panel,.info-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.actions{display:flex;gap:10px;align-items:center}.file-upload{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.file-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:14px}.material-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:.2s ease}.material-card:hover{transform:translateY(-2px);border-color:#93c5fd}.preview{height:130px;background:linear-gradient(135deg,#eef2ff,#e0f2fe);display:grid;place-items:center;padding:12px}.preview svg{width:78px;height:78px}.card-body{padding:12px}.card-body h4{margin:0 0 8px;font-size:1rem}.meta{color:#6b7280;font-size:.8rem;margin-bottom:6px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{font-size:.72rem;background:#eef2ff;color:#1d4ed8;border-radius:999px;padding:3px 7px}.info-panel textarea{min-height:180px;margin-bottom:10px}.detail-card{margin-top:12px;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.detail-card pre{white-space:pre-wrap;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:12px;font-size:.8rem;color:#1f2937}.empty-state{color:#6b7280;padding:24px 16px}.status{margin-top:10px;font-size:.8rem;color:#1f2937}.admin-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;margin-bottom:20px}.admin-panel h3,.admin-panel h4{margin-top:0}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:16px 0}.stat-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px}.stat-box span{color:#6b7280;font-size:.76rem}.stat-box strong{font-size:1.4rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.admin-form{display:flex;flex-direction:column;gap:10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.admin-form input,.admin-form select{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px}.admin-list ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}.admin-list li{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px}.muted{color:#6b7280}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.stacked-block{display:grid;gap:8px}.mini-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;background:#f8fafc}.inline-form{display:flex;gap:8px;margin-bottom:10px}.inline-form input{flex:1}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.mini-chip{border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:4px 8px}.sub-panel{margin-top:18px;padding-top:18px;border-top:1px solid #e5e7eb}.editor-block{display:grid;gap:10px;margin:12px 0}.editor-block input,.editor-block textarea,.editor-block select{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px}.recent-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.recent-list li{display:flex;justify-content:space-between;gap:8px;border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px;background:#f8fafc}@media (max-width: 900px){.workspace-grid{grid-template-columns:1fr}.sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb}.topbar{flex-wrap:wrap}}:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#202124;background:transparent}body{background:transparent}.app-shell{position:relative;isolation:isolate;background:transparent}.app-shell{height:100vh;min-height:620px;overflow:hidden}.topbar{height:68px;min-height:68px;padding:0 28px;gap:32px;background:#ffffffa8;box-shadow:0 1px #ffffffbd,0 8px 30px #526c9510;-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3)}.brand{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.2;white-space:nowrap}.brand>span:last-child{display:grid;gap:4px}.brand small{font-size:9px;color:#9aa0a6;letter-spacing:1.5px;font-weight:600}.brand>img{display:block;width:58px;height:32px;object-fit:contain}.toolbar-search{max-width:560px;position:relative}.toolbar-search input{height:40px;border:1px solid #e7e9ed;border-radius:8px;background:#f7f8fa;padding:8px 52px 8px 38px;font-size:13px}.toolbar-search input:focus{outline:2px solid #c9dcff;border-color:#8db5ff;background:#fff}.search-symbol{position:absolute;left:13px;top:7px;color:#89909c;font-size:22px;line-height:1}.toolbar-search kbd{position:absolute;right:10px;top:11px;color:#969ba5;font-size:10px}.type-switcher{display:flex;align-items:center;gap:3px;flex:0 1 auto;min-width:0}.type-switcher a{flex:0 0 auto;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:#69717d;font-size:12px;text-decoration:none;white-space:nowrap}.type-switcher a:hover{background:#f5f7fa}.type-switcher a.active{background:#edf4ff;color:#1765ee;font-weight:600}.topbar-actions{gap:12px}.topbar-actions .quiet-button{background:transparent;color:#464b54;padding:8px 10px;font-size:13px}.topbar-actions .quiet-button:hover{background:#f4f6f9}.topbar-actions .avatar-button{width:34px;height:34px;padding:0;border-radius:50%;background:#e8efff;color:#246bfe}.studio-layout{display:flex;flex:1;min-height:0}.sidebar{width:228px;flex:0 0 228px;overflow-y:auto;padding:22px 14px;border-right:1px solid #ffffffa6;background:#ffffff64;-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2)}.nav-group{margin-bottom:27px}.nav-group h3{display:flex;align-items:center;justify-content:space-between;margin:0 8px 10px;color:#8a9099;font-size:11px;letter-spacing:.04em;text-transform:none}.nav-group h3 span{color:#a1a6ae;font-size:10px;font-weight:400}.category-row{display:flex;justify-content:space-between;align-items:center;margin:1px 0;padding:8px 10px;color:#535861;border-radius:6px;font-size:12px}.category-row:hover{background:#f6f7f9}.category-row.active{background:#edf4ff;color:#1765ee;font-weight:600}.category-item{position:relative}.category-item>.category-row{padding-right:52px}.category-rename-input{width:100%;min-width:0;margin:2px 0;padding:7px 9px;border:1px solid #91b7fa;border-radius:6px;font-size:12px}.row-management{display:inline-flex;align-items:center;gap:2px;opacity:0;transition:opacity .15s ease}.category-item:hover .row-management,.category-row:focus-within .row-management,.collection-row:hover .row-management,.collection-row:focus-within .row-management{opacity:1}.category-item .row-management{position:absolute;top:4px;right:5px;height:28px}.row-management button,.row-management [role=button]{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 4px;border:0;border-radius:4px;background:transparent;color:#7b8491;font-size:12px;cursor:pointer}.row-management button:hover,.row-management [role=button]:hover{background:#e8edf5;color:#245fce}.sidebar-add{width:22px;height:22px;padding:0;border:1px solid #e6e9ef;border-radius:5px;background:#fff;color:#556070}.collection-create{display:flex;gap:5px;margin:0 4px 8px}.collection-create input{min-width:0;width:1%;flex:1;padding:6px 7px;border:1px solid #e4e7eb;border-radius:5px;font-size:10px}.collection-create button{padding:4px 7px;border:0;border-radius:5px;background:#246bfe;color:#fff;font-size:10px}.collection-row{padding:2px 5px}.collection-row.active{background:#edf4ff;border-color:#cfe0ff}.collection-select{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;padding:4px 3px;border:0;background:transparent;color:#555d69;text-align:left;font-size:11px}.collection-select span{padding-left:8px;color:#9ba2ad;font-size:10px}.collection-row .row-management{opacity:0}.managed-options{display:grid;gap:5px;padding-top:6px}.managed-option{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #e7eaf0;border-radius:6px;background:#fff}.managed-option>span{display:grid;flex:1;min-width:0;font-size:11px}.managed-option small{color:#979eaa;font-size:9px}.managed-option button{padding:4px 7px;border:1px solid #e7eaf0;border-radius:4px;background:#fff;color:#586171;font-size:10px}.managed-option button:last-child{color:#c43d43}.sidebar-tags{display:flex;flex-wrap:wrap;gap:6px;padding:2px 7px}.sidebar-tags span{color:#707782;background:#f4f5f7;border-radius:4px;padding:4px 6px;font-size:10px}.content-area{min-width:0;min-height:0;overflow:auto;flex:1;padding:0;background:#ffffff20}.workspace-grid{display:block;min-height:100%}.workspace-grid.has-selection{display:grid;grid-template-columns:minmax(480px,1fr) 340px}.material-list-panel{min-width:0;border:0;border-radius:0;padding:0 34px 26px;background:transparent}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 0 27px}.eyebrow{color:#999faa;font-size:9px;letter-spacing:.15em;font-weight:700}.library-heading h1{margin:8px 0 5px;font-size:27px;letter-spacing:-.04em}.library-heading p{margin:0;color:#8b9099;font-size:12px}.library-heading-actions{display:flex;gap:8px;align-items:center}.file-upload{border-radius:6px;padding:9px 12px;background:#246bfe;font-size:11px}.outline-button{padding:8px 12px;background:#fff;border:1px solid #e2e5e9;border-radius:6px;color:#555b65;font-size:11px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:49px;border-bottom:1px solid #ffffffa6}.toolbar-filters{display:flex;height:49px;gap:22px}.filter-tab{position:relative;border:0;background:transparent;color:#7f858e;font-size:12px}.filter-tab.active{color:#246bfe;font-weight:600}.filter-tab.active:after{position:absolute;content:"";height:2px;bottom:0;left:0;right:0;background:#246bfe}.result-count{color:#989da6;font-size:11px}.panel-header{margin:0;padding:17px 0 14px}.panel-header strong{font-size:12px}.panel-header .actions{gap:8px}.panel-header select{width:auto;padding:6px 28px 6px 9px;border-color:#e7e9ed;border-radius:5px;color:#606671;font-size:10px}.layout-density{display:inline-flex;align-items:center;gap:5px;color:#858b95;white-space:nowrap;font-size:10px}.layout-density select{width:auto;min-width:65px;padding:6px 22px 6px 8px;border-color:#e7e9ed;border-radius:5px;color:#606671;font-size:10px}.bulk-toolbar{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:#66738a;font-size:11px}.bulk-toolbar label{display:inline-flex;align-items:center;gap:6px}.bulk-toolbar input{accent-color:#467ee8}.bulk-toolbar button{padding:6px 10px;border:1px solid #edc6c6;border-radius:6px;background:#fff8f8;color:#b43d45;font-size:10px}.bulk-toolbar span{margin-left:auto;color:#8b96a8}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.cards-grid.masonry-grid{display:grid;grid-auto-flow:row;grid-auto-rows:8px;gap:10px;align-items:start}.masonry-grid .material-card{grid-row:span var(--masonry-span, 1);align-self:start;width:100%;margin:0}.material-card{--pointer-x: 50%;--pointer-y: 50%;position:relative;isolation:isolate;overflow:visible;border:1px solid #dfe8f7a8;border-radius:12px;cursor:pointer;background:#ffffffb8;-webkit-backdrop-filter:blur(16px) saturate(1.25);backdrop-filter:blur(16px) saturate(1.25);box-shadow:0 5px 18px #253b5b0c,inset 0 1px #ffffffb8;transform:perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transform-style:preserve-3d;transition:transform .24s cubic-bezier(.2,.75,.25,1),box-shadow .22s ease,border-color .22s ease;will-change:transform}.material-card:before,.material-card:after{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;content:"";opacity:0;transition:opacity .2s ease}.material-card:before{background:radial-gradient(230px circle at var(--pointer-x) var(--pointer-y),#9fc6ff42,#cbdcff12 42%,transparent 72%)}.material-card:after{border:1px solid transparent;background:radial-gradient(120px circle at var(--pointer-x) var(--pointer-y),#75aaff 0,#a9c9ff88 30%,transparent 76%) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.material-card:hover,.material-card:focus-within,.material-card.selected{z-index:4;border-color:#a8c7f6a6;box-shadow:0 12px 28px #254a801a,inset 0 1px #ffffffd9}.material-card:hover:before,.material-card:hover:after,.material-card:focus-within:before,.material-card:focus-within:after,.material-card.selected:before,.material-card.selected:after{opacity:1}.material-card>.preview,.material-card>.card-body{position:relative;z-index:1}.material-card[draggable=true]{cursor:grab}.material-card[draggable=true]:active{cursor:grabbing}.material-card.bulk-selected{border-color:#5990ef;box-shadow:0 0 0 2px #5990ef30,0 8px 22px #254a8017}.material-card.dragging{opacity:.48}.preview{position:relative;height:104px;background:#f7faff72;padding:14px}.material-card>.preview{border-radius:6px 6px 0 0}.icon-art{display:grid;width:100%;height:100%;place-items:center}.icon-art svg{display:block;max-width:54px;max-height:54px;width:46px;height:46px}.preview.component-preview,.preview.layout-preview{height:auto;min-height:104px}.icon-art.component-art,.icon-art.layout-art{height:auto;min-width:0;min-height:0}.icon-art.component-art svg,.icon-art.layout-art svg{width:100%;height:auto;max-width:none;max-height:none}.favorite-toggle{position:absolute;z-index:7;top:9px;right:9px;display:grid;width:31px;height:31px;place-items:center;padding:0;border:1px solid #ffffffc9;border-radius:50%;background:#ffffffb8;color:#727f93;box-shadow:0 3px 10px #172b4d16;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.favorite-toggle svg{width:17px;height:17px;overflow:visible}.favorite-toggle path{fill:transparent;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;transition:fill .16s ease,stroke .16s ease,transform .16s ease}.favorite-toggle:hover,.favorite-toggle.active{color:#e7a923}.favorite-toggle.active path{fill:currentColor}.favorite-toggle:active path{transform:scale(.86)}.material-card:hover .favorite-toggle,.material-card:focus-within .favorite-toggle,.favorite-toggle.active{opacity:1;pointer-events:auto}.card-actions{position:absolute;z-index:8;right:9px;bottom:8px}.card-menu-trigger{display:grid;width:29px;height:27px;place-items:center;padding:0 0 8px;border:1px solid #ffffffc9;border-radius:8px;background:#fffffff0;color:#535a65;box-shadow:0 2px 8px #172b4d16;font-size:19px;line-height:1;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.material-card:hover .card-menu-trigger,.material-card:focus-within .card-menu-trigger,.card-actions.open .card-menu-trigger{opacity:1;pointer-events:auto}.card-action-menu{position:absolute;right:0;bottom:33px;display:grid;width:174px;padding:5px;border:1px solid #e6e8ec;border-radius:9px;background:#fffffff2;box-shadow:0 8px 24px #10182824;color:#3e444e;font-size:11px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card-action-menu button,.favorite-menu summary{display:flex;width:100%;min-height:29px;align-items:center;gap:8px;padding:6px 9px;border:0;border-radius:4px;background:transparent;color:inherit;text-align:left;font-size:11px;cursor:pointer;list-style:none}.card-action-menu button:hover,.favorite-menu summary:hover{background:#f3f5f8}.favorite-menu summary::-webkit-details-marker{display:none}.favorite-menu summary:after{content:"›";margin-left:auto;color:#98a0aa;font-size:15px}.favorite-menu[open] summary{color:#2563eb}.favorite-options{display:grid;max-height:150px;overflow-y:auto;padding:2px 0 4px 10px}.card-action-menu .favorite-options button{min-height:26px;color:#606976;font-size:10px}.card-action-menu .favorite-options button:disabled{color:#99a0aa}.card-menu-divider{height:1px;margin:4px;background:#e8eaee}.card-body{padding:9px 10px 12px}.card-body h4{overflow:hidden;margin:0 0 3px;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600}.card-tags{display:flex;flex-wrap:wrap;gap:4px}.card-tags span{max-width:100%;overflow:hidden;padding:2px 6px;border:1px solid #dce6f344;border-radius:999px;background:#edf3fc91;color:#77849a;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.4}.pagination{padding:15px 0}.pagination button{border:1px solid #e5e7eb;border-radius:5px;background:#fff;color:#555b65;font-size:11px}.pagination button:disabled{opacity:.45;cursor:default}.info-panel{display:none}.has-selection .info-panel{display:block;min-width:0;overflow-y:auto;border:0;border-left:1px solid #ffffffa6;border-radius:0;padding:22px 20px;background:#ffffff72;-webkit-backdrop-filter:blur(22px) saturate(1.18);backdrop-filter:blur(22px) saturate(1.18)}.customizer-head{display:flex;justify-content:space-between;align-items:flex-start}.customizer-head h2{margin:5px 0 0;font-size:17px}.customizer-name{display:flex;align-items:center;gap:7px;min-height:34px;margin-top:14px}.customizer-name strong{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.customizer-name button{padding:5px 8px;border:1px solid #e6e9ee;border-radius:5px;background:#fff;color:#606976;font-size:10px}.customizer-name input{flex:1;min-width:0;padding:7px 8px;border:1px solid #dce1e8;border-radius:5px;font-size:11px}.customizer-name .delete-material{margin-left:auto;color:#c43d43}.customizer-name .name-cancel{color:#707782}.close-customizer{border:0;background:transparent;color:#858b95;font-size:22px}.custom-preview{display:grid;min-height:180px;place-items:center;align-content:center;gap:10px;margin:10px 0 18px;border:1px solid #eff0f2;border-radius:8px;background-color:#fafbfc;background-image:linear-gradient(45deg,#f1f2f4 25%,transparent 25%),linear-gradient(-45deg,#f1f2f4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f1f2f4 75%),linear-gradient(-45deg,transparent 75%,#f1f2f4 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.custom-preview>div{display:grid;min-height:76px;place-items:center}.custom-preview svg{width:128px;height:128px;max-width:100%;max-height:150px;overflow:visible}.custom-preview.document-preview{min-height:120px;padding:12px}.custom-preview.document-preview>div{display:block;width:100%;min-height:0}.custom-preview.document-preview svg{display:block;width:100%;height:auto;max-height:280px}.collection-attach{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.collection-attach button{padding:5px 8px;border:1px solid #dbe5f5;border-radius:5px;background:#f7faff;color:#42618e;font-size:10px}.custom-section{padding:14px 0;border-bottom:1px solid #f0f1f3}.line-style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.line-style-option{display:grid;height:36px;place-items:center;padding:5px;border:1px solid #d8dce3;border-radius:5px;background:#fff;color:#424853}.line-style-option svg{width:29px;height:22px}.line-style-option.active{border-color:#00b894;background:#effbf8;color:#00a783}.reset-customizer{width:100%;margin:14px 0 2px;padding:9px 12px;border:1px solid #d8dce3;border-radius:5px;background:#fff;color:#333944;font-size:11px}.reset-customizer:hover{border-color:#00b894;color:#008f72}.editor-save{width:100%;padding:8px 10px;border:1px solid #dce4f0;border-radius:6px;background:#f8fbff;color:#245fce;font-size:10px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-title strong,.custom-section>strong{font-size:11px}.section-title span{color:#858b95;font-size:10px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.theme-option{padding:8px 4px;border:1px solid #e8eaee;border-radius:5px;background:#fff;color:#6b717b;font-size:10px}.theme-option.active{border-color:#8bb5ff;background:#f2f7ff;color:#246bfe}.font-picker-section select{width:100%;padding:8px 10px;border:1px solid #e1e5eb;border-radius:6px;background:#fff;color:#454b55;font-size:11px}.tag-editor{display:grid;gap:7px}.tag-editor select,.paste-import-fields select{width:100%;padding:8px 10px;border:1px solid #e1e5eb;border-radius:6px;background:#ffffffc9;color:#454b55;font-size:11px}.tag-editor input,.paste-import-fields input,.paste-import-fields textarea{width:100%;padding:8px 10px;border:1px solid #e1e5eb;border-radius:6px;background:#ffffffc9;font-size:11px}.tag-chips{display:flex;flex-wrap:wrap;gap:5px}.tag-chips button{padding:4px 7px;border:1px solid #dce6f3;border-radius:999px;background:#eef4ff;color:#4f6688;font-size:10px}.paste-import-fields{display:grid;gap:9px;margin-bottom:10px}.category-cascade{display:grid;gap:7px}.category-cascade select{width:100%;padding:8px 10px;border:1px solid #e1e5eb;border-radius:6px;background:#ffffffc9;color:#454b55;font-size:11px}.load-fonts-button{padding:4px 7px;border:1px solid #e1e5eb;border-radius:5px;background:#fff;color:#5d6673;font-size:9px}.load-fonts-button:disabled{opacity:.6}.asset-size{display:flex;justify-content:space-between;margin:3px 0 12px;color:#858b95;font-size:10px}.asset-size span{color:#525965;font-variant-numeric:tabular-nums}.range-control{width:100%;accent-color:#246bfe}.color-row{display:flex;gap:8px}.color-row input[type=color]{width:34px;height:31px;padding:3px;border:1px solid #e4e7eb;border-radius:5px;background:#fff}.color-row input:not([type=color]){flex:1;min-width:0;padding:6px 9px;border:1px solid #e4e7eb;border-radius:5px;font-size:10px}.color-swatches{display:flex;gap:8px;margin-top:9px}.color-swatches button{width:17px;height:17px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #e0e2e6}.custom-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.custom-actions button{padding:9px;border:0;border-radius:5px;background:#246bfe;color:#fff;font-size:10px;font-weight:600}.custom-actions .secondary-action{border:1px solid #e5e7eb;background:#fff;color:#555b65}.asset-details{margin-top:17px;color:#707782;font-size:10px}.asset-details summary{cursor:pointer}.asset-details .detail-card{padding:10px 0;border:0}.import-panel{display:block;max-width:720px;margin:26px auto;padding:22px;border:1px solid #ffffffbd;border-radius:14px;background:#ffffff9c;box-shadow:0 12px 40px #344b7417;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.import-panel h3{margin:0 0 12px;font-size:15px}.import-panel textarea{min-height:140px;font-family:Consolas,monospace;font-size:11px}.library-empty{grid-column:1 / -1;text-align:center;padding:48px 12px}.admin-panel{margin:0 0 18px;border-radius:8px}.login-panel{background:#f8faff}.login-card{border-radius:10px;box-shadow:0 15px 45px #1b59b710}.login-card button{border-radius:6px}.status-toast{position:fixed;z-index:30;right:24px;bottom:24px;max-width:min(420px,calc(100vw - 32px));padding:11px 16px;border:1px solid #d9e5f8;border-radius:8px;background:#fff;box-shadow:0 8px 28px #172b4d1a;color:#344054;font-size:12px;animation:toast-in .18s ease-out}.custom-actions button:hover{box-shadow:0 4px 10px #246bfe33}.material-card:active{transform:scale(.99)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.workspace-grid.has-selection{grid-template-columns:minmax(360px,1fr) 300px}.material-list-panel{padding-right:22px;padding-left:22px}.sidebar{width:190px;flex-basis:190px}}@media (max-width: 760px){.app-shell{height:auto;min-height:100vh;overflow:visible}.topbar{position:sticky;padding:0 14px;gap:12px}.topbar-actions .quiet-button{display:none}.toolbar-search{order:3;flex-basis:100%;max-width:none}.topbar-actions{order:4;flex-basis:100%;justify-content:space-between}.topbar-actions .type-switcher{flex:1;overflow-x:auto}.topbar{height:auto;min-height:60px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.studio-layout{display:block}.sidebar{width:100%;border-right:0;border-bottom:1px solid #eceef1;padding:10px 14px}.sidebar .nav-group:first-child{max-height:148px;overflow:auto}.sidebar .nav-group:not(:first-child){display:none}.workspace-grid.has-selection{display:flex;flex-direction:column}.has-selection .info-panel{border-left:0;border-top:1px solid #eceef1}.material-list-panel{padding:0 14px 20px}.library-heading{align-items:flex-start;padding-top:24px}.library-heading h1{font-size:22px}.library-heading p{max-width:210px}.library-heading-actions .outline-button{display:none}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (hover: none){.favorite-toggle,.card-menu-trigger{opacity:1;pointer-events:auto}}:root{color:#253347;background:#f7f7f7}body,.app-shell,.content-area,.login-panel{background:#f7f7f7}.topbar{background:#fff;border-color:#e8ebef;box-shadow:0 1px #e8ebef}.brand-mark{color:#173c62;background:#fcc608}.type-switcher a.active,.category-row.active{background:#edf3f8;color:#1f4e79}.login-card button,.pagination button:not(:disabled),.file-upload,.collection-create button,.custom-actions button:not(.secondary-action),.editor-save{background:#1f4e79}.topbar-actions .avatar-button{background:#edf3f8;color:#1f4e79}.sidebar{background:#fff;border-color:#e8ebef}.category-row:hover,.type-switcher a:hover{background:#f3f5f7}.content-area{background:#f7f7f7}.material-card{border-color:#e6e8eb;background:#fff;box-shadow:0 2px 8px #182b4008;backdrop-filter:none;-webkit-backdrop-filter:none}.material-card:before{background:radial-gradient(220px circle at var(--pointer-x) var(--pointer-y),#fcc60826,#1f4e7912 42%,transparent 74%)}.material-card:after{background:radial-gradient(120px circle at var(--pointer-x) var(--pointer-y),#fcc608 0,#1f4e7970 35%,transparent 78%) border-box}.material-card:hover,.material-card:focus-within,.material-card.selected{border-color:#c5a92f;box-shadow:0 8px 22px #1f4e7915}.icon-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:14px}.icon-material-card{display:flex;aspect-ratio:1;min-width:0;flex-direction:column;overflow:hidden;border-radius:14px}.icon-material-card>.preview{display:grid;flex:1;min-height:0;height:auto;padding:20px 12px 8px;place-items:center;background:#fff}.icon-material-card .icon-art svg{width:36px;height:36px;max-width:70%;max-height:70%}.icon-material-card>.card-body{flex:0 0 auto;min-width:0;padding:2px 7px 8px;text-align:center}.icon-material-card .card-body h4{margin:0;font-size:10px;line-height:14px}.icon-material-card .card-tags{justify-content:center;max-height:15px;overflow:hidden;margin-top:2px}.icon-material-card .card-tags span{padding:1px 5px;font-size:8px}.icon-material-card .favorite-toggle{top:8px;right:8px}.favorite-toggle:hover{color:#c99d00}.favorite-toggle.active{opacity:0;pointer-events:none}.material-card:hover .favorite-toggle,.material-card:focus-within .favorite-toggle{opacity:1;pointer-events:auto}.icon-card-tools{position:absolute;z-index:8;right:8px;bottom:8px;display:flex;gap:5px;opacity:0;pointer-events:none;transition:opacity .16s ease}.material-card:hover .icon-card-tools,.material-card:focus-within .icon-card-tools{opacity:1;pointer-events:auto}.icon-card-tools button{display:grid;width:28px;height:28px;place-items:center;padding:0;border:1px solid #e6e8eb;border-radius:8px;background:#fff;color:#42546a;box-shadow:0 2px 7px #182b4012}.icon-card-tools button:hover{border-color:#fcc608;color:#1f4e79}.icon-card-tools svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-theme-options{display:flex;gap:6px}.icon-theme-options button{display:flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #e2e6eb;border-radius:8px;background:#fff;color:#526174;font-size:10px}.icon-theme-options button.active{border-color:#1f4e79;background:#edf3f8;color:#1f4e79}.icon-theme-options svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-theme-options button:nth-child(2) svg path{stroke-width:4}.icon-library-controls{display:flex;align-items:center;gap:12px}.icon-category-filter{display:inline-flex;align-items:center;gap:6px;color:#69778a;white-space:nowrap;font-size:10px}.icon-category-filter select{max-width:170px;padding:6px 24px 6px 8px;border:1px solid #e2e6eb;border-radius:8px;background:#fff;color:#526174;font-size:10px}.icon-color-control{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #e2e6eb;border-radius:8px;background:#fff;color:#596779;font-size:10px}.icon-color-control input{width:20px;height:20px;padding:0;border:0;background:transparent}.custom-section .section-title{display:flex;align-items:center;justify-content:space-between}.property-reset{display:inline-grid;width:24px;height:24px;place-items:center;padding:4px;border:0;border-radius:6px;background:transparent;color:#738095}.property-reset:hover{background:#edf3f8;color:#1f4e79}.property-reset svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.property-value-control{display:inline-flex;align-items:center;gap:4px;color:#6b7685;font-size:10px}.property-value-control input[type=number]{width:55px;padding:4px 5px;border:1px solid #e1e5ea;border-radius:6px;color:#344256;font-size:10px}.line-style-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.line-style-controls select{min-width:0;padding:7px 8px;border-color:#e1e5ea;border-radius:7px;font-size:10px}.custom-preview,.import-panel{background-color:#fff;border-color:#e6e8eb;box-shadow:0 4px 20px #182b4008;backdrop-filter:none;-webkit-backdrop-filter:none}.custom-preview{background-image:none}.has-selection .info-panel{background:#fff;border-color:#e8ebef;backdrop-filter:none;-webkit-backdrop-filter:none}.admin-panel{background:#fff;border:1px solid #e8ebef}@media (max-width: 760px){.icon-cards-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.icon-card-tools{opacity:1;pointer-events:auto}.library-toolbar{align-items:flex-start;flex-direction:column;gap:10px;padding:10px 0}.icon-library-controls{flex-wrap:wrap}.icon-category-filter select{max-width:140px}}.icon-material-card{display:block;aspect-ratio:auto;overflow:visible;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.icon-material-card:before,.icon-material-card:after{display:none}.icon-material-card:hover,.icon-material-card:focus-within,.icon-material-card.selected{border-color:transparent;box-shadow:none}.icon-material-card>.preview{position:relative;width:100%;aspect-ratio:1;height:auto;padding:18%;border:1px solid #e7e9ed;border-radius:12px;background:#fff;box-shadow:0 2px 8px #182b4008;transition:border-color .16s ease,box-shadow .16s ease}.icon-material-card:hover>.preview,.icon-material-card:focus-within>.preview{border-color:#d0b542;box-shadow:0 6px 16px #1f4e7914}.icon-material-card .icon-art{min-width:0;min-height:0;overflow:visible}.icon-material-card .icon-art{position:absolute;top:18%;right:18%;bottom:18%;left:18%;width:auto;height:auto}.icon-material-card .icon-art svg{display:block;width:min(54px,100%);height:min(54px,100%);aspect-ratio:1;overflow:visible}.icon-material-card>.card-body{padding:7px 3px 0;text-align:center}.icon-material-card .card-body h4{margin:0;color:#344256;font-size:11px;font-weight:500;line-height:16px}.icon-material-card .card-tags{display:none}.icon-material-card .favorite-toggle{top:7px;right:7px}.icon-material-card .icon-card-tools{right:7px;bottom:7px}.category-material-heading{grid-column:1 / -1;display:flex;align-items:baseline;gap:9px;padding:15px 2px 2px;border-bottom:1px solid #e5e8ec;color:#2f3b4b}.category-material-heading strong{font-size:14px;font-weight:650}.category-material-heading span{color:#8a94a2;font-size:11px}.category-material-heading .category-bulk-select{margin-right:2px}.panel-category-title{display:inline-flex;align-items:center;gap:8px}.panel-category-title .category-bulk-select{accent-color:#1f4e79}.management-card .favorite-toggle,.management-card .icon-card-tools,.management-card .card-actions{display:none!important}.management-card{cursor:pointer!important}.management-card.bulk-selected .preview{border-color:#1f4e79;box-shadow:0 0 0 2px #1f4e7922,0 5px 14px #1f4e7917}.category-structure{display:grid;gap:7px;margin-top:20px;padding-top:14px;border-top:1px solid #e4e8ee}.category-structure-heading h4{margin:0 0 3px}.category-structure-heading span{color:#818b99;font-size:10px}.structure-category{min-width:0}.structure-category-children{margin-left:16px;padding-left:10px;border-left:1px solid #dfe5ed}.structure-category-row{display:flex;min-height:34px;align-items:center;gap:8px;margin:2px 0;padding:4px 8px;border:1px solid #e4e9f0;border-radius:7px;background:#fff;cursor:grab}.structure-category-row:hover{border-color:#c7d7ed;background:#f8fbff}.structure-category-row:active{cursor:grabbing}.structure-category.dragging>.structure-category-row{opacity:.45}.structure-drag-handle{color:#98a2b1;font-size:17px}.structure-category-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.structure-category-actions{display:flex;gap:4px}.structure-category-actions button{padding:4px 7px;border:1px solid #e6eaf0;border-radius:5px;background:#fff;color:#546071;font-size:10px}.structure-category-actions button:last-child{color:#ae4d50}.category-root-dropzone{display:grid;min-height:38px;place-items:center;border:1px dashed #d8e0eb;border-radius:7px;color:#8792a1;font-size:10px}.category-root-dropzone.ready{border-color:#1f4e79;background:#f3f7fb;color:#1f4e79}.card-body h4{display:flex;min-width:0;align-items:center;justify-content:center;gap:3px}.card-body h4>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.card-name-edit{display:none;flex:0 0 auto;padding:1px 3px;border:0;border-radius:3px;background:transparent;color:#738095;font-size:10px}.management-card.bulk-selected .card-name-edit{display:inline-flex}.card-name-edit:hover{background:#edf3f8;color:#1f4e79}.icon-material-card .card-name-input{flex:1;min-width:0;width:100%;padding:3px;border:1px solid #d9e0e8;border-radius:4px;font-size:9px}.icon-material-card .card-name-save,.icon-material-card .card-name-cancel{flex:0 0 auto;padding:3px 4px;border:1px solid #e1e5eb;border-radius:4px;background:#fff;color:#526174;font-size:8px}.icon-material-card .card-name-save{border-color:#1f4e79;background:#1f4e79;color:#fff}.bulk-toolbar select{width:auto;min-width:150px;padding:6px 9px;border:1px solid #d9e0e8;border-radius:7px;font-size:11px}.bulk-toolbar button:not(:disabled){border-color:#d7c15d;background:#fff9d9;color:#4e4b3f}.icon-theme-options button.active{border-color:#d0b542;background:#fff9dd;color:#1f4e79}.icon-card-tools button:hover{border-color:#d0b542;background:#fff9dd}.sidebar{position:relative;width:228px;flex-basis:228px;transition:width .2s ease,flex-basis .2s ease,padding .2s ease}.sidebar-collapse{display:grid;width:30px;height:30px;place-items:center;margin:-8px 0 20px auto;padding:5px;border:1px solid #e7eaf0;border-radius:7px;background:#fff;color:#667184}.sidebar-icon{display:block;width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.category-row{position:relative;justify-content:flex-start;gap:9px;width:100%;min-width:0;border:0;background:transparent;text-align:left}.category-row>.sidebar-label,.category-row>.category-select{min-width:0}.category-select{display:flex;min-width:0;flex:1;align-items:center;gap:8px;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;text-align:left;font-size:inherit}.category-select>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-bulk-select{width:14px;height:14px;flex:0 0 14px;margin:0;accent-color:#1f4e79;cursor:pointer}.sidebar .row-management{position:absolute;top:4px;right:4px;height:28px;padding-left:4px;background:#edf4ff}.category-row:not(:hover):not(:focus-within) .row-management{opacity:0}.sidebar-collapsed{width:60px;flex-basis:60px;overflow-x:hidden;padding:18px 7px}.sidebar-collapsed .sidebar-collapse{margin:-4px auto 20px}.sidebar-collapsed .sidebar-collapse .sidebar-icon{transform:rotate(180deg)}.sidebar-collapsed .nav-group h3,.sidebar-collapsed .sidebar-label,.sidebar-collapsed .collection-select>span,.sidebar-collapsed .collection-create,.sidebar-collapsed .row-management,.sidebar-collapsed .category-rename-input{display:none}.sidebar-collapsed .category-row{justify-content:center;gap:0;margin-left:0!important;padding:9px 7px}.sidebar-collapsed .category-select{justify-content:center;flex:0 0 auto}.sidebar-collapsed .collection-row{padding:2px}.sidebar-collapsed .collection-select{justify-content:center;padding:7px 2px}.sidebar-collapsed .collection-select>span:not(.sidebar-label){display:none}.sidebar-collapsed .nav-group{margin-bottom:20px}.sidebar-collapsed .nav-group>.category-row{font-size:0}.sidebar-collapsed .nav-group>.category-row .sidebar-icon{width:19px;height:19px;flex-basis:19px}.sidebar-collapsed .nav-group .collection-row .sidebar-icon{width:17px;height:17px}@media (max-width: 760px){.sidebar,.sidebar-collapsed{width:100%;flex-basis:auto;padding:10px 14px}.sidebar .login-brand,.sidebar-collapsed .login-brand{gap:10px}.sidebar .login-brand img,.sidebar-collapsed .login-brand img{width:92px;height:50px}.sidebar .login-brand span,.sidebar-collapsed .login-brand span{font-size:21px}.sidebar-collapsed .nav-group h3,.sidebar-collapsed .sidebar-label,.sidebar-collapsed .collection-select>span,.sidebar-collapsed .collection-create{display:initial}.sidebar-collapsed .category-row{justify-content:flex-start;gap:9px;padding:8px 10px}.sidebar-collapsed .nav-group>.category-row{font-size:12px}.sidebar-collapsed .category-select{justify-content:flex-start;flex:1}.sidebar-collapsed .collection-select{justify-content:space-between;padding:4px 3px}.sidebar-collapsed .collection-select>span:not(.sidebar-label){display:inline}}