:root{color:#182033;font-synthesis:none;text-rendering:optimizelegibility;--accent:#1769ff;--accent-hover:#0d5ce7;--accent-soft:#eef4ff;--ink:#182033;--muted:#667085;--quiet:#98a2b3;--border:#e4e9f0;--border-strong:#d6dde8;--surface:#fff;--sidebar:#f7f9fc;--success:#12a15f;--danger:#c84040;--shadow:0 18px 45px #1c273c24;background:#fff;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:#fff;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px;outline:3px solid #1769ff33}.app-shell{background:#fff;min-height:100vh;display:flex;overflow:hidden}.sidebar{z-index:20;background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;width:218px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{letter-spacing:-.03em;align-items:center;gap:10px;height:64px;padding:0 18px;font-size:20px;display:flex}.brand-mark{width:34px;height:34px;color:var(--accent);background:#fff;border:1px solid #b9d0ff;border-radius:9px;place-items:center;display:grid;box-shadow:0 3px 10px #1769ff14}.brand-mark.large{border-radius:12px;width:46px;height:46px;margin-bottom:20px}.sidebar-close.icon-button{margin-left:auto;display:none}.sidebar-nav{flex-direction:column;gap:6px;padding:12px 10px 0;display:flex}.sidebar-nav.categories{padding-top:8px}.nav-item{color:#4c566a;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;height:42px;padding:0 13px;font-size:14px;display:flex}.nav-item:hover{color:var(--ink);background:#eef2f8}.nav-item.active{color:var(--accent);background:#e7efff;font-weight:650}.sidebar-divider{background:var(--border);height:1px;margin:18px 14px 15px}.sidebar-section-title{color:#596579;padding:0 22px;font-size:12px;font-weight:650}.category-empty{color:var(--quiet);padding:10px 12px;font-size:12px;line-height:1.5}.sidebar-foot{border-top:1px solid var(--border);margin-top:auto;padding:16px 18px}.local-note{color:#677389;align-items:center;gap:8px;font-size:12px;display:flex}.local-note svg{color:var(--success)}.sidebar-scrim{display:none}.workspace{flex:1;min-width:0;margin-left:218px}.topbar{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:10px;height:58px;padding:0 20px;display:flex}.topbar-spacer{flex:1}.mobile-brand{align-items:center;gap:8px;display:none}.avatar{width:30px;height:30px;color:var(--accent);background:#e8f0ff;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.quiet-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:8px 9px;font-size:13px;display:flex}.quiet-button:hover{color:var(--ink);background:#f3f6fa}.main-content{background:#fff;min-height:calc(100vh - 58px);display:flex}.library-panel{flex-direction:column;flex:1;min-width:0;display:flex}.page-heading{justify-content:space-between;align-items:center;gap:24px;height:80px;min-height:80px;padding:0 34px;display:flex}.page-heading h1{letter-spacing:-.035em;margin:0;font-size:26px;line-height:1.25}.page-heading p{color:var(--muted);margin:6px 0 0;font-size:13px}.primary-button,.secondary-button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 18px;font-size:14px;font-weight:650;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.primary-button{color:#fff;background:var(--accent);box-shadow:0 5px 13px #1769ff2b}.primary-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.secondary-button{color:#344054;border-color:var(--border-strong);background:#fff}.secondary-button:hover:not(:disabled){background:#f9fafb;border-color:#b8c2d0}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed}.primary-button.full-width{width:100%}.secondary-button.compact{min-height:34px;padding:0 11px;font-size:12px;font-weight:600}.upload-button{min-width:122px}.toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;height:66px;padding:0 34px;display:flex}.search-box{box-sizing:border-box;border:1px solid var(--border-strong);color:#8590a3;background:#fff;border-radius:999px;align-items:center;gap:10px;width:300px;max-width:100%;height:40px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #1769ff1a}.search-box>svg{flex:none;align-self:center}.search-box input{box-sizing:border-box;min-width:0;height:38px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0;font-size:13px;line-height:38px}.search-box input::placeholder{color:#a3acba}.search-box .icon-button{width:26px;height:26px}.sort-select{width:164px;height:40px;position:relative}.sort-select select{appearance:none;border:1px solid var(--border-strong);color:#475467;cursor:pointer;background:#fff;border-radius:8px;width:100%;height:100%;padding:0 35px 0 13px;font-size:13px}.sort-select svg{pointer-events:none;color:#667085;position:absolute;top:12px;right:12px}.table-scroll{flex:1;overflow:auto}.prototype-table{border-collapse:collapse;table-layout:fixed;width:100%}.prototype-table th{text-align:left;color:#475467;white-space:nowrap;border-bottom:1px solid var(--border);background:#fff;height:48px;padding:0 15px;font-size:12px;font-weight:650}.prototype-table td{color:#475467;white-space:nowrap;border-bottom:1px solid #e8ecf2;height:68px;padding:0 15px;font-size:13px;transition:background .12s}.prototype-table tbody tr{cursor:pointer}.prototype-table tbody tr:hover td{background:#fafcff}.prototype-table tbody tr.selected td{background:#f4f8ff;border-top:1px solid #8bb3ff;border-bottom:1px solid #8bb3ff}.prototype-table tbody tr.selected td:first-child{border-left:2px solid var(--accent)}.prototype-table th:first-child{width:29%;padding-left:34px}.prototype-table td:first-child{padding-left:34px}.prototype-table th:nth-child(2){width:13%}.prototype-table th:nth-child(3){width:12%}.prototype-table th:nth-child(4){width:11%}.prototype-table th:nth-child(5){width:17%}.prototype-table th:nth-child(6){width:12%}.prototype-table th:nth-child(7){width:132px}.name-cell{align-items:center;gap:12px;min-width:0;display:flex}.file-icon{color:#526176;background:#f8fafc;border:1px solid #dce4ef;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.name-cell>div:last-child{min-width:0}.name-cell strong{color:#263043;text-overflow:ellipsis;font-size:13px;font-weight:650;display:block;overflow:hidden}.name-cell span{color:#98a2b3;text-overflow:ellipsis;margin-top:4px;font-size:11px;display:block;overflow:hidden}.category-cell,.category-detail{align-items:center;gap:6px;min-width:0;display:inline-flex}.category-cell svg,.category-detail svg{flex:none}.category-cell span{text-overflow:ellipsis;overflow:hidden}.share-status{color:#8a94a6;align-items:center;gap:5px;display:inline-flex}.share-status.active{color:var(--success)}.row-actions{align-items:center;gap:3px;display:flex}.primary-row-actions{background:#fff;border:1px solid #dce3ed;border-radius:8px;gap:0;display:inline-flex;overflow:hidden}.row-action-button{color:#526176;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-right:1px solid #e8ecf2;justify-content:center;align-items:center;gap:4px;width:56px;min-width:56px;height:30px;padding:0 2px;font-size:11px;display:inline-flex}.row-action-button:nth-child(2){width:56px;min-width:56px}.row-action-button:last-child{border-right:0}.row-action-button:hover{color:var(--accent);background:#f1f6ff}.icon-button{color:#647186;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:34px;height:34px;padding:0;display:inline-grid}.icon-button:hover:not(:disabled){color:var(--accent);background:#edf4ff}.icon-button:disabled{opacity:.45;cursor:not-allowed}.text-action{color:var(--accent);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:7px 6px;font-size:12px;display:inline-flex}.text-action:hover{background:#edf4ff}.list-footer{color:#7b8799;border-top:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;height:50px;padding:0 34px;font-size:12px;display:flex}.empty-state{text-align:center;min-height:390px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{color:#74839a;background:#f2f6fc;border-radius:15px;place-items:center;width:56px;height:56px;margin-bottom:15px;display:grid}.empty-state h2{color:#344054;margin:0;font-size:16px}.empty-state p{margin:7px 0 0;font-size:13px}.detail-drawer{border-left:1px solid var(--border);background:#fff;flex:0 0 390px;width:390px;height:calc(100vh - 58px);overflow-y:auto}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;min-height:92px;padding:22px 22px 18px;display:flex}.drawer-kicker{color:#7b8797;margin-bottom:6px;font-size:11px;display:block}.drawer-header h2{letter-spacing:-.02em;margin:0;font-size:17px;line-height:1.35}.drawer-section{border-bottom:1px solid var(--border);padding:20px 22px}.drawer-section h3{margin:0 0 15px;font-size:14px}.basic-info dl{grid-template-columns:1fr 1fr;gap:13px 18px;margin:0 0 18px;display:grid}.basic-info dl div{min-width:0}.basic-info dt{color:#8b95a7;margin-bottom:4px;font-size:11px}.basic-info dd{color:#3c4659;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.share-box{border:1px solid var(--border);background:#fafcff;border-radius:9px;padding:13px}.share-box-head{color:#475467;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:12px;font-weight:650;display:flex}.toggle{cursor:pointer;background:#ccd3de;border:0;border-radius:999px;width:36px;height:20px;padding:2px;transition:background .15s}.toggle span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;display:block;box-shadow:0 1px 3px #18203338}.toggle.on{background:var(--success)}.toggle.on span{transform:translate(16px)}.share-link{background:#fff;border:1px solid #d9e4f3;border-radius:7px;align-items:center;gap:5px;height:36px;padding-left:10px;display:flex}.share-link span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--accent);flex:1;font-size:11px;overflow:hidden}.share-link .icon-button{width:32px;height:32px}.share-link.disabled{opacity:.55}.share-box p{color:#8792a4;margin:8px 0 0;font-size:10px;line-height:1.5}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.section-heading h3{margin:0}.version-list{flex-direction:column;gap:11px;display:flex}.version-card{border:1px solid var(--border);background:#fff;border-radius:9px;padding:13px}.version-card.current{background:#fbfdff;border-color:#bed2ff}.version-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.version-card-head strong{font-size:14px}.version-card-head>span{color:#667085;font-size:11px}.current-label{color:#fff;background:var(--accent);vertical-align:2px;border-radius:5px;margin-left:8px;padding:3px 6px;font-size:9px;display:inline-block}.version-card time{color:#8b95a7;margin-top:6px;font-size:10px;display:block}.version-card p{color:#4f5b6e;white-space:normal;margin:10px 0 7px;font-size:11px;line-height:1.55}.version-actions{justify-content:flex-end;gap:7px;display:flex}.modal-layer{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1c253552;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--border);width:min(560px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow);background:#fff;border-radius:12px;overflow-y:auto}.upload-panel{padding:23px 25px 22px}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.modal-header h2{letter-spacing:-.025em;margin:0;font-size:20px}.modal-header p{color:var(--muted);margin:5px 0 0;font-size:12px}.version-info{color:var(--accent);background:#f4f8ff;border:1px solid #ccdbff;border-radius:8px;gap:10px;margin-bottom:15px;padding:11px 12px;display:flex}.version-info strong,.version-info span{display:block}.version-info strong{color:#344054;font-size:12px}.version-info span{color:#70809a;margin-top:3px;font-size:11px}.drop-zone{width:100%;min-height:142px;color:var(--accent);cursor:pointer;background:#fbfdff;border:1.5px dashed #7ca7ff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;transition:background .15s,border-color .15s;display:flex}.drop-zone:hover,.drop-zone.dragging{border-color:var(--accent);background:#f3f7ff}.drop-zone.has-file{border-style:solid;min-height:118px}.drop-zone strong{color:#2f3a4f;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.drop-zone span{color:#8a96a8;font-size:11px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.form-grid label,.textarea-field{color:#475467;flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}.form-grid em,.textarea-field em{color:#e24b4b;font-style:normal}.text-input{border:1px solid var(--border-strong);width:100%;height:40px;color:var(--ink);background:#fff;border-radius:8px;padding:0 11px;font-size:13px}.text-input:focus,.textarea-field textarea:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px #1769ff1a}.category-select{width:100%;position:relative}.category-select-trigger{border:1px solid var(--border-strong);width:100%;height:40px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:flex}.category-select-trigger>svg:first-child{flex:none}.category-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.category-select-trigger>svg:last-child{color:#667085;flex:none;transition:transform .14s}.category-select.open .category-select-trigger{border-color:var(--accent);box-shadow:0 0 0 3px #1769ff1a}.category-select.open .category-select-trigger>svg:last-child{transform:rotate(180deg)}.category-select-menu{z-index:40;border:1px solid var(--border-strong);background:#fff;border-radius:7px;max-height:220px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 24px #1c273c24}.category-select-option{color:#475467;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;width:100%;height:37px;padding:0 9px;font-size:13px;display:flex}.category-select-option>svg:first-child{flex:none}.category-select-option>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.category-select-option>svg:last-child{color:var(--accent);flex:none}.category-select-option:hover,.category-select-option.active{color:var(--ink);background:#f1f5fb}.category-select-option[aria-selected=true]{color:var(--accent);background:var(--accent-soft);font-weight:600}.upload-panel,.compact-modal{overflow:visible}.spaced-label{margin-top:18px}.folder-color-fieldset{border:0;min-width:0;margin:18px 0 0;padding:0}.folder-color-fieldset legend{color:#475467;margin-bottom:9px;font-size:12px;font-weight:600}.folder-color-editor{align-items:center;gap:13px;display:flex}.folder-preview{background:#f8fafc;border:1px solid #e2e7ef;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;display:grid}.color-options{flex:1;justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.color-option{color:#fff;background:var(--folder-color);cursor:pointer;border:2px solid #fff;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;padding:0;transition:transform .13s,box-shadow .13s;display:grid;box-shadow:0 0 0 1px #323f5421}.color-option:hover{transform:scale(1.08)}.color-option.selected{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--folder-color);transform:scale(1.03)}.textarea-field{margin-top:16px;position:relative}.textarea-field textarea{resize:vertical;border:1px solid var(--border-strong);width:100%;min-height:94px;color:var(--ink);border-radius:8px;padding:10px 11px 25px;font-size:13px;line-height:1.55}.textarea-field small{color:#98a2b3;font-size:10px;font-weight:400;position:absolute;bottom:8px;right:10px}.form-error{color:var(--danger);background:#fff4f4;border-radius:7px;margin-top:12px;padding:9px 11px;font-size:12px}.upload-progress{background:#f0f3f8;border-radius:8px;height:39px;margin-top:14px;position:relative;overflow:hidden}.upload-progress span{background:linear-gradient(90deg,#0000,#1769ff52,#0000);width:42%;animation:1.2s ease-in-out infinite upload-slide;position:absolute;inset:0 auto 0 -35%}.upload-progress p{z-index:1;text-align:center;color:#526176;margin:0;font-size:11px;line-height:39px;position:relative}@keyframes upload-slide{to{transform:translate(330%)}}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.success-panel{text-align:center;padding:38px 32px 30px}.success-icon{width:58px;height:58px;color:var(--success);background:#eaf9f1;border-radius:50%;place-items:center;margin:0 auto 17px;display:grid}.success-panel h2{margin:0;font-size:21px}.success-panel p{max-width:400px;color:var(--muted);margin:9px auto 24px;font-size:13px;line-height:1.6}.toast{z-index:150;color:#287453;background:#fff;border:1px solid #d6e8df;border-radius:8px;align-items:center;gap:8px;max-width:min(600px,100vw - 32px);padding:11px 15px;font-size:12px;line-height:1.5;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 9px 28px #1a372a26}.toast svg{color:var(--success)}.app-loading,.fatal-error{min-height:100vh;color:var(--muted);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex}.loading-mark{width:48px;height:48px;color:var(--accent);background:#eef4ff;border-radius:13px;place-items:center;animation:1.5s ease-in-out infinite breathe;display:grid}@keyframes breathe{50%{opacity:.75;transform:scale(1.05)}}.fatal-error h1{color:var(--ink);margin:0;font-size:22px}.fatal-error p{margin:0 0 8px}.login-page{background:#f7f9fc;place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--border);background:#fff;border-radius:16px;width:min(430px,100%);padding:32px;box-shadow:0 18px 48px #1f2a3f1a}.login-brand{align-items:center;gap:13px;margin-bottom:24px;display:flex}.login-brand .html-logo.large{width:50px;height:50px;margin:0}.login-brand h1{letter-spacing:-.03em;margin:0;font-size:22px}.login-brand p{color:var(--muted);margin:5px 0 0;font-size:12px}.auth-tabs{background:#f1f4f8;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:22px;padding:4px;display:grid}.auth-tabs button{color:#667085;cursor:pointer;background:0 0;border:0;border-radius:7px;height:34px;font-size:13px}.auth-tabs button.active{color:var(--accent);background:#fff;font-weight:650;box-shadow:0 2px 7px #1f2a3f14}.field-label{color:#475467;margin:0 0 7px;font-size:12px;font-weight:600;display:block}.login-panel .text-input{margin-bottom:15px}.login-panel .form-error{margin:-5px 0 14px}.verification-field{gap:8px;display:flex}.verification-field .text-input{flex:1;min-width:0}.verification-field .secondary-button{min-width:108px;height:40px}.html-logo{width:38px;height:38px;color:var(--accent);flex:none;place-items:center;display:grid}.html-logo svg{width:100%;height:100%;display:block;overflow:visible}.html-logo.large{width:58px;height:58px;margin-bottom:18px}.sidebar-brand{gap:9px;height:68px;padding:0 15px}.sidebar-brand strong{letter-spacing:-.035em;white-space:nowrap;min-width:0;font-size:17px}.category-title-row{justify-content:space-between;align-items:center;padding-right:11px;display:flex}.category-title-row .icon-button{width:28px;height:28px}.sidebar-nav.categories{gap:4px;max-height:min(35vh,310px);padding-right:8px;overflow-y:auto}.category-row{color:#4c566a;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;min-height:42px;display:flex;position:relative}.category-row:hover{color:var(--ink);background:#eef2f8}.category-row.active{color:var(--accent);background:#e7efff;font-weight:650}.category-row.dragging{opacity:.46;cursor:grabbing}.category-row.drag-over-before:before,.category-row.drag-over-after:after{content:"";z-index:2;background:var(--accent);pointer-events:none;border-radius:999px;height:2px;position:absolute;left:5px;right:5px}.category-row.drag-over-before:before{top:-3px}.category-row.drag-over-after:after{bottom:-3px}.category-drag-grip{z-index:2;color:#a2adbd;opacity:0;pointer-events:none;transition:opacity .12s,color .12s;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.category-row:hover .category-drag-grip,.category-row:focus-within .category-drag-grip,.category-row.dragging .category-drag-grip{color:var(--accent);opacity:1}.category-filter-button{min-width:0;min-height:42px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0 13px;transition:padding .14s;display:flex}.category-row:hover .category-filter-button,.category-row:focus-within .category-filter-button,.category-row.dragging .category-filter-button{padding-left:29px;padding-right:64px}.category-filter-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.category-actions{z-index:2;opacity:0;pointer-events:none;align-items:center;transition:opacity .14s;display:flex;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.category-row:hover .category-actions,.category-row:focus-within .category-actions{opacity:1;pointer-events:auto}.category-actions .icon-button{width:27px;height:27px}.category-actions .icon-button:last-child:hover{color:var(--danger);background:#fff0f0}.trash-zone{margin-top:auto;padding-bottom:8px}.trash-divider{margin:0 14px 8px}.trash-nav{margin-top:0;padding-top:0;padding-bottom:0}.nav-count{color:#fff;background:#8b96a8;border-radius:999px;place-items:center;min-width:21px;height:21px;margin-left:auto;padding:0 6px;font-size:10px;font-weight:700;display:inline-grid}.nav-item.active .nav-count{background:var(--accent)}.sidebar-foot.user-panel{width:100%;min-height:68px;color:inherit;text-align:left;cursor:pointer;background:0 0;border-bottom:0;border-left:0;border-right:0;border-radius:0;align-items:center;gap:10px;margin-top:0;padding:12px 14px;display:flex}.sidebar-foot.user-panel:hover{background:#eef3fa}.user-avatar{color:#fff;background:linear-gradient(145deg,#1769ff,#5c92ff);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 4px 10px #1769ff2e}.user-avatar span{font-size:14px;font-weight:700}.user-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.user-avatar.large{border-radius:18px;width:64px;height:64px}.user-avatar.large span{font-size:23px}.user-copy{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.user-copy strong{color:#344054;font-size:12px}.user-copy span{color:#8792a4;font-size:10px}.user-panel>svg{color:#9aa4b5;flex:none}.workspace.no-topbar{min-height:100vh}.mobile-topbar{display:none}.main-content{min-height:100vh}.page-heading{height:80px;min-height:80px;padding-top:0;padding-bottom:0}.toolbar.single-control{justify-content:flex-start}.toolbar-title h1{letter-spacing:-.025em;margin:0;font-size:22px;line-height:1.2}.toolbar-title p{color:var(--muted);margin:4px 0 0;font-size:12px}.sort-header{height:38px;color:inherit;font-size:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;margin-left:-8px;padding:0 8px;display:inline-flex}.sort-header:hover{color:var(--accent);background:#f1f6ff}.sort-header.active{color:var(--accent)}.actions-column{pointer-events:none}.prototype-table th.actions-column{text-align:center;padding-right:34px}.prototype-table td:last-child{text-align:right;padding-right:34px}.prototype-table td:last-child .row-actions{justify-content:flex-end;margin-left:auto}.text-action.danger{color:var(--danger)}.text-action.danger:hover{background:#fff0f0}.purge-countdown{color:#9a6314;background:#fff7e7;border-radius:6px;align-items:center;padding:4px 7px;font-size:11px;display:inline-flex}.trash-table th:first-child{width:27%}.trash-table th:nth-child(2){width:13%}.trash-table th:nth-child(3){width:12%}.trash-table th:nth-child(4){width:19%}.trash-table th:nth-child(5){width:13%}.trash-table th:nth-child(6){width:190px}.prototype-table:not(.trash-table) th:first-child{width:25%}.prototype-table:not(.trash-table) th:nth-child(2){width:11%}.prototype-table:not(.trash-table) th:nth-child(3),.prototype-table:not(.trash-table) th:nth-child(4){width:10%}.prototype-table:not(.trash-table) th:nth-child(5){width:16%}.prototype-table:not(.trash-table) th:nth-child(6){width:10%}.prototype-table:not(.trash-table) th:nth-child(7){width:252px}.main-content.with-drawer .prototype-table:not(.trash-table) th:nth-child(7){width:156px}.main-content.with-drawer .row-action-button{width:38px;min-width:38px;padding:0}.main-content.with-drawer .row-action-button span{display:none}.profile-modal{width:min(520px,100% - 32px);padding:28px 30px 26px}.profile-modal .modal-header{align-items:center;margin-bottom:20px}.profile-hero{border-bottom:1px solid var(--border);align-items:center;gap:17px;padding:3px 0 24px;display:flex}.profile-identity{flex-direction:column;gap:5px;min-width:0;display:flex}.profile-identity>span{color:var(--muted);font-size:12px}.profile-name-line{align-items:center;gap:4px;display:flex}.profile-name-line>strong{font-size:17px}.profile-name-line .icon-button{width:28px;height:28px}.profile-name-input{border:1px solid var(--accent);width:180px;height:34px;color:var(--ink);background:#fff;border-radius:7px;padding:0 9px;font-size:15px;font-weight:650;box-shadow:0 0 0 3px #1769ff17}.profile-name-input:focus{outline:0}.profile-avatar-editor{cursor:pointer;flex:none;position:relative}.profile-avatar-editor>span{color:#fff;background:var(--accent);border:2px solid #fff;border-radius:8px;place-items:center;width:25px;height:25px;display:grid;position:absolute;bottom:-3px;right:-3px}.profile-avatar-editor input{display:none}.profile-email-field{margin-top:20px;display:block}.profile-email-field>span{color:#475467;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.profile-email-field input[readonly]{color:#667085;background:#f7f9fc}.account-meta-row{border:1px solid var(--border);color:#667085;border-radius:9px;justify-content:space-between;align-items:center;min-height:48px;margin-top:14px;padding:0 13px;font-size:12px;display:flex}.account-meta-row strong{color:#344054}.account-entry-button{border:1px solid var(--border);color:#667085;text-align:left;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:58px;margin-top:10px;padding:0 13px;display:flex}.account-entry-button:hover{background:#f8fbff;border-color:#b7c8e6}.account-entry-button>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.account-entry-button strong{color:#344054;font-size:13px}.account-entry-button div span{font-size:11px}.account-entry-button>span{color:var(--accent);font-size:12px}.profile-message{color:var(--success);align-items:center;gap:7px;margin-top:11px;font-size:12px;display:flex}.profile-logout-row{border-top:1px solid var(--border);justify-content:center;margin-top:24px;padding-top:20px;display:flex}.logout-button{color:#b42318;cursor:pointer;background:#fff3f2;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:120px;height:40px;padding:0 16px;display:inline-flex}.logout-button:hover{background:#ffe8e6}.list-footer{gap:16px;height:auto;min-height:54px}.pagination-controls{align-items:center;gap:5px;display:flex}.page-size-select select{border:1px solid var(--border);color:#596579;cursor:pointer;background:#fff;border-radius:7px;height:32px;padding:0 27px 0 9px;font-size:11px}.page-numbers{align-items:center;gap:4px;display:flex}.page-numbers button{color:#667085;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;min-width:30px;height:30px;padding:0 7px;font-size:11px}.page-numbers button:hover{border-color:var(--border-strong);background:#f8fafc}.page-numbers button.active{color:#fff;border-color:var(--accent);background:var(--accent);font-weight:700}.detail-drawer{height:100vh}.drawer-header.compact-header{align-items:center;min-height:66px;padding:13px 16px 13px 19px}.compact-header h2{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 82px);font-size:15px;overflow:hidden}.drawer-header-actions{flex:none;align-items:center;gap:2px;display:flex}.danger-icon:hover:not(:disabled){color:var(--danger);background:#fff0f0}.drawer-section{padding:18px 20px}.version-size-actions{color:#667085;align-items:center;gap:6px;font-size:11px;display:flex}.version-more-menu{position:relative}.version-more-button.icon-button{width:28px;height:28px}.version-action-menu{z-index:45;border:1px solid var(--border-strong);background:#fff;border-radius:7px;min-width:165px;padding:5px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 24px #18203324}.version-danger-action{width:100%;min-height:46px;color:var(--danger);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;padding:7px 9px;display:flex}.version-danger-action:hover:not(:disabled){background:#fff0f0}.version-danger-action span{flex-direction:column;gap:2px;display:flex}.version-danger-action strong{font-size:12px;font-weight:650}.version-danger-action small{color:#a95b5b;font-size:10px}.version-danger-action:disabled{opacity:.48;cursor:not-allowed}.danger-button{color:#fff;cursor:pointer;background:#d43b3b;border:1px solid #c93434;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 18px;font-size:14px;font-weight:650;display:inline-flex}.danger-button:hover:not(:disabled){background:#bd2f2f}.danger-button:disabled{opacity:.55;cursor:not-allowed}.compact-modal{width:min(420px,100%);padding:23px 25px}.confirm-modal{text-align:center}.confirm-modal h2{margin:0;font-size:19px}.confirm-modal>p{color:var(--muted);white-space:pre-line;margin:10px 0 0;font-size:13px;line-height:1.65}.confirm-symbol{width:48px;height:48px;color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;margin:0 auto 14px;display:grid}.confirm-symbol.danger{color:var(--danger);background:#fff0f0}.confirm-modal .modal-actions{justify-content:center}.toast.error{color:#a63131;background:#fff9f9;border-color:#f1caca;box-shadow:0 9px 28px #5a1a1a21}.toast.error svg{color:var(--danger)}@media (width<=1270px){.detail-drawer{flex-basis:360px;width:360px}.prototype-table th:nth-child(2),.prototype-table td:nth-child(2){display:none}.prototype-table th:first-child{width:34%}}@media (width<=1050px){.detail-drawer{z-index:30;width:min(390px,92vw);height:100vh;position:fixed;top:0;right:0;box-shadow:-18px 0 40px #1820331f}.prototype-table th:nth-child(3),.prototype-table td:nth-child(3){display:none}}@media (width<=780px){.sidebar{transition:transform .18s;transform:translate(-100%);box-shadow:12px 0 32px #18203329}.sidebar.is-open{transform:translate(0)}.sidebar-close.icon-button{display:inline-grid}.sidebar-scrim{z-index:19;background:#1820334d;border:0;display:block;position:fixed;inset:0}.workspace{margin-left:0}.mobile-topbar{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:8px;height:56px;padding:0 15px;display:flex}.mobile-topbar .html-logo{width:31px;height:31px}.mobile-topbar strong{font-size:15px}.main-content{min-height:calc(100vh - 56px)}.page-heading,.toolbar{padding:0 20px}.prototype-table th:nth-child(4),.prototype-table td:nth-child(4),.prototype-table th:nth-child(6),.prototype-table td:nth-child(6){display:none}.prototype-table th:first-child,.prototype-table td:first-child{width:48%;padding-left:20px}.prototype-table th:nth-child(5){width:28%}.list-footer{padding:0 20px}.prototype-table:not(.trash-table) th:nth-child(7){width:142px}.prototype-table th.actions-column,.prototype-table td:last-child{padding-left:0;padding-right:8px}.row-action-button,.row-action-button:nth-child(2){width:34px;min-width:34px;padding:0}.row-action-button span{display:none}}@media (width<=560px){.mobile-topbar{height:54px;padding:0 11px}.main-content{min-height:calc(100vh - 54px)}.page-heading{align-items:center;height:72px;min-height:72px;padding:0 16px}.toolbar-title h1{font-size:20px}.toolbar-title p{display:none}.upload-button{width:42px;min-width:42px;padding:0;font-size:0}.toolbar{flex-direction:column;align-items:stretch;height:auto;padding:10px 16px}.search-box{flex:1;width:auto}.prototype-table th:nth-child(5),.prototype-table td:nth-child(5){display:none}.prototype-table:not(.trash-table) th:first-child{width:auto}.prototype-table th:nth-child(7){width:112px}.prototype-table td,.prototype-table th{padding-left:8px;padding-right:8px}.prototype-table th:first-child,.prototype-table td:first-child{padding-left:16px}.list-footer span:last-child{display:none}.list-footer{flex-direction:column;align-items:flex-start;padding-top:8px;padding-bottom:8px}.pagination-controls{justify-content:flex-end;width:100%}.page-size-select{margin-right:auto}.detail-drawer{width:100vw;height:calc(100vh - 54px);top:54px}.modal-layer{align-items:end;padding:10px}.modal-panel{border-radius:14px 14px 10px 10px;width:100%;max-height:calc(100vh - 20px)}.profile-modal{width:100%;padding:24px 20px 22px}.upload-panel,.compact-modal{overflow-y:auto}.upload-panel{padding:20px 17px 17px}.form-grid{grid-template-columns:1fr}.drop-zone{min-height:126px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}