body{margin:0}:root{--rail:#17191c;--rail-text:#b9bec6;--rail-active:#2a2e33;--bg:#fafafa;--card:#fff;--ink:#1a1c1f;--muted:#5b6167;--border:#e2e2e2;--accent:#14587c;--accent-soft:#eef4fb;--chip-border:#4a90d9;--danger:#b3372e;font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}*{box-sizing:border-box;margin:0}.app{background:var(--bg);min-height:100vh;color:var(--ink);display:flex}.sidebar{background:var(--rail);width:264px;color:var(--rail-text);flex-direction:column;flex-shrink:0;gap:2px;padding:16px 10px;display:flex}.brand{letter-spacing:1px;color:#fff;padding:6px 10px 18px;font-size:14px;font-weight:700}.nav-item{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:13.5px;display:flex}.nav-item:hover{background:#212429}.nav-item.active{background:var(--rail-active);color:#fff}.area-title{text-transform:uppercase;letter-spacing:1.2px;color:#8b929c;padding:18px 10px 6px;font-size:11px}.nav-label{align-items:center;gap:9px;display:inline-flex}.area-row{gap:4px;padding:5px 6px}.area-row .caret{color:#6d737b;cursor:pointer;background:0 0;border:0;width:16px;font-size:10px}.area-row .area-name{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex:1;padding:2px 0;font-size:13.5px}.nav-item.folder{padding-left:26px}.folder-name{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.nav-item{gap:6px}.count{color:#9aa2ac;font-size:12px}.new-folder{color:#6d737b;font-size:13px}.folder-input{color:#fff;background:#101214;border:1px solid #3a3f45;border-radius:6px;width:calc(100% - 20px);margin:2px 10px;padding:6px 8px;font-size:13px}.content{flex:1;min-width:0;padding:24px 28px}.content-header{align-items:center;gap:12px;margin:2px 0 14px;display:flex}.download-all{border:1px solid #e2e2e2;margin-left:auto;padding:7px 14px;font-size:13px;text-decoration:none}.muted{color:var(--muted);font-size:13px}.banner.error{color:var(--danger);background:#fdecea;border:1px solid #f5c6c0;border-radius:8px;justify-content:space-between;gap:12px;margin-bottom:16px;padding:10px 14px;font-size:13.5px;display:flex}.grid{columns:240px;column-gap:14px}.card{background:var(--card);text-align:left;cursor:pointer;font:inherit;color:inherit;break-inside:avoid;border:1px solid #ececec;border-radius:12px;flex-direction:column;width:100%;max-width:268px;margin:0 0 14px;padding:0;display:flex;overflow:hidden}.card:hover{border-color:#cfd4d9}.card-media{position:relative}.card-media img,.card-media video{object-fit:cover;width:100%;max-height:300px;display:block}.card-hover{color:#fff;opacity:0;background:linear-gradient(#0000,#000000b8);padding:26px 10px 8px;font-size:12px;transition:opacity .15s;position:absolute;inset:auto 0 0}.card:hover .card-hover,.card:focus-visible .card-hover{opacity:1}.card-label{text-overflow:ellipsis;white-space:nowrap;padding:8px 10px;font-size:12.5px;font-weight:600;overflow:hidden}.card-download{color:#fff;background:#ffffff38;border-radius:6px;padding:2px 8px;text-decoration:none;position:absolute;bottom:8px;right:8px}.empty{text-align:center;color:var(--muted);border:2px dashed #ddd;border-radius:12px;flex-direction:column;gap:6px;margin-top:30px;padding:60px 20px;display:flex}.empty strong{color:var(--ink)}.drop-overlay{z-index:30;pointer-events:none;background:#14283259;place-items:center;display:grid;position:fixed;inset:0}.drop-card{border:2px dashed var(--accent);background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:40px 60px;font-size:15px;display:flex}.drop-card span{color:var(--muted);font-size:13px}.batch-progress{background:var(--rail);color:#fff;z-index:40;border-radius:10px;padding:10px 16px;font-size:13px;position:fixed;bottom:20px;right:20px}.batch-panel{color:#e8eaec;z-index:40;background:#202327;border-radius:12px;width:420px;max-height:55vh;font-size:13px;position:fixed;bottom:20px;right:20px;overflow:auto;box-shadow:0 12px 40px #00000059}.batch-panel header{background:#191b1e;justify-content:space-between;gap:10px;padding:12px 14px;display:flex;position:sticky;top:0}.batch-panel ul{padding:6px 0;list-style:none}.batch-panel .row{border-top:1px solid #2c3034;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 14px;display:flex}.row-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-reason{flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:8px;display:flex}.row-reason em{color:#c8ccd0;font-size:12px;font-style:normal}.pill{white-space:nowrap;border-radius:20px;padding:2px 10px;font-size:11.5px}.pill.added{color:#7fd8a2;background:#1d3d2a}.pill.existed{color:#86c5dd;background:#1f3742}.pill.rejected{color:#f2a49d;background:#46221f}.linkish{color:inherit;cursor:pointer;opacity:.8;background:0 0;border:0;font-size:12px;text-decoration:underline}.modal-backdrop{z-index:50;background:#0f141873;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:560px;max-width:calc(100vw - 40px);max-height:85vh;padding:22px 24px;overflow:auto;box-shadow:0 18px 60px #0000004d}.modal h2{margin-bottom:14px;font-size:17px}.field-label{letter-spacing:1.1px;color:var(--muted);margin:16px 0 8px;font-size:11px}.choice-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e2e2e2;border-radius:10px;flex-direction:column;gap:3px;padding:12px;font-size:13.5px;display:flex}.choice span{color:var(--muted);font-size:12px}.choice.selected{border-color:var(--chip-border);background:var(--accent-soft)}.chip-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{cursor:pointer;background:#fff;border:1.5px solid #e2e2e2;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:inline-flex}.chip.selected{border-color:var(--chip-border);background:var(--accent-soft);color:#1d4f8f}.chip-x{cursor:pointer;color:inherit;background:0 0;border:0;padding:0;font-size:13px}.tag-input{border:1.5px dashed #d5d5d5;border-radius:20px;outline:none;width:110px;padding:5px 12px;font-size:13px}.product-picker{position:relative}.product-picker input{border:1.5px solid #e2e2e2;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:13.5px}.product-picker input:focus{border-color:var(--accent)}.suggestions{z-index:5;background:#fff;border:1px solid #e2e2e2;border-radius:8px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.suggestions button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:9px 12px;font-size:13.5px;display:block}.suggestions button:hover{background:#f4f6f7}.suggestions code{color:var(--muted);margin-left:6px;font-size:12px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.btn{cursor:pointer;border:0;border-radius:8px;padding:9px 18px;font-size:13.5px}.btn.primary{background:var(--accent);color:#fff}.btn.primary:disabled{color:#5b6167;cursor:not-allowed;background:#dde4e8}.btn.ghost{color:var(--ink);background:#f0f1f2}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.search-wrap{flex:1;max-width:420px;position:relative}.search-box{background:#fff;border:1.5px solid #e2e2e2;border-radius:8px;outline:none;width:100%;padding:9px 14px;font-size:13.5px}.search-box:focus{border-color:var(--accent)}.search-dropdown{z-index:45;background:#fff;border:1px solid #e4e4e4;border-radius:10px;max-height:60vh;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 14px 40px #00000029}.search-dropdown section{border-top:1px solid #f0f0f0;padding:6px 0}.search-dropdown section:first-child{border-top:0}.group-label{letter-spacing:1.1px;color:var(--muted);padding:4px 14px;font-size:10.5px}.search-dropdown button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:8px 14px;font-size:13.5px;display:flex}.search-dropdown button:hover{background:#f4f6f7}.search-dropdown img{object-fit:cover;border-radius:6px;width:32px;height:32px}kbd{background:#ffffff40;border-radius:4px;margin-left:6px;padding:0 5px;font-family:inherit;font-size:11px}.filterbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.filter-sep{background:#e2e2e2;width:1px;height:20px;margin:0 4px}.menu-wrap{position:relative}.menu{z-index:40;background:#fff;border:1px solid #e4e4e4;border-radius:10px;min-width:200px;padding:6px 0;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #00000024}.menu-item{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:7px 14px;font-size:13px;display:flex}.menu-item:hover{background:#f4f6f7}.menu-empty{color:var(--muted);padding:10px 14px;font-size:13px}.clear-all{color:var(--accent)}.asset-popover{width:480px}.popover-preview{object-fit:contain;background:#f4f4f4;border-radius:10px;width:100%;max-height:260px;margin-bottom:12px}.popover-meta{margin-top:4px}.asset-popover .btn.ghost{text-decoration:none}.topbar-right{align-items:center;gap:10px;display:flex}.user-chip{background:#fff;border:1px solid #e6e6e6;border-radius:24px;align-items:center;gap:8px;padding:4px 6px 4px 14px;font-size:13px;font-weight:600;display:flex}.avatar{background:var(--accent-soft);color:#1d4f8f;border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:grid}.breadcrumbs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.crumb-wrap{align-items:center;gap:8px;display:inline-flex}.crumb{letter-spacing:-.5px;font-size:26px;font-weight:800}.crumb.link{cursor:pointer;color:#6b727a;background:0 0;border:0;padding:0}.crumb.link:hover,.crumb.current{color:var(--ink)}.crumb-sep{color:#9aa1a8;font-size:22px}.section-label{letter-spacing:1.2px;text-transform:uppercase;color:#3c4247;margin:14px 0 10px;font-size:12px;font-weight:700}.folder-cards{flex-direction:column;gap:14px;margin-bottom:22px;display:flex}.folder-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #ececec;border-radius:14px;width:100%;padding:12px;display:block}.folder-card:hover{border-color:#d8d8d8}.folder-covers{gap:8px;margin-bottom:10px;display:flex}.folder-covers img{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:33%}.folder-covers-empty{aspect-ratio:12/2.4;background:#f2f3f4;border-radius:8px;width:100%}.folder-card-row{justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.folder-card-row .count{color:var(--muted);font-weight:400}.banner.info{color:#8a6d1a;background:#fdf6e3;border:1px solid #f0e3b5;border-radius:20px;margin-bottom:14px;padding:8px 14px;font-size:12.5px;display:inline-block}.text-input{border:1.5px solid #e2e2e2;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:13.5px}.text-input:focus{border-color:var(--accent)}.modal.narrow{width:420px}.detail-panel{z-index:45;background:#fff;border-left:1px solid #e6e6e6;width:460px;max-width:92vw;padding:16px 20px 30px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-14px 0 40px #0000001a}.panel-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel-tabs{gap:4px;display:flex}.panel-tabs button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:600}.panel-tabs button.active{color:var(--ink);background:#f0f2f3}.panel-preview{object-fit:contain;background:#f4f4f4;border-radius:10px;width:100%;max-height:240px;margin-bottom:12px}.label-input{border:1.5px solid #0000;border-radius:8px;outline:none;width:100%;margin-left:-8px;padding:6px 8px;font-size:16px;font-weight:700}.label-input:hover{border-color:#e6e6e6}.label-input:focus{border-color:var(--accent)}.small{font-size:12px}.mono{font-family:ui-monospace,monospace;font-size:12px}.facts{grid-template-columns:110px 1fr;gap:7px 12px;margin:16px 0 4px;font-size:13px;display:grid}.facts dt{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;padding-top:2px;font-size:11px}.facts dd{margin:0}.facts code{color:var(--muted);font-size:12px}.used-in{border:1px solid #ececec;border-radius:10px;flex-direction:column;gap:4px;margin:16px 0;padding:12px 14px;font-size:13.5px;display:flex}.panel-actions{flex-direction:column;gap:8px;margin-bottom:6px;display:flex}.btn.wide{text-align:center;text-decoration:none}.action-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn.danger{color:var(--danger);background:#fdecea}.versions{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.version-row{border:1px solid #ececec;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.version-row img{object-fit:cover;border-radius:6px;width:42px;height:42px}.version-meta{flex-direction:column;flex:1;gap:1px;font-size:13px;display:flex}.version-meta .pill{margin-left:6px;font-style:normal}.version-actions{align-items:center;gap:10px;display:flex}.version-actions a{text-decoration:none}.history-list{flex-direction:column;padding:0;list-style:none;display:flex}.history-list li{border-bottom:1px solid #f0f0f0;flex-direction:column;gap:2px;padding:10px 2px;font-size:13px;display:flex}.history-action{text-transform:capitalize;font-weight:700}.history-detail{color:#3c4247}.video-thumb{position:relative}.video-thumb img{width:100%;display:block}.video-fallback{aspect-ratio:16/9;color:#cfd4d9;text-align:center;background:#23272b;place-items:center;padding:10px;font-size:13px;display:grid}.duration-badge{color:#fff;font-variant-numeric:tabular-nums;background:#000000bf;border-radius:5px;padding:1px 7px;font-size:11.5px;position:absolute;bottom:8px;left:8px}.lottie-thumb{aspect-ratio:1;background:#fdf6e3;position:relative}.lottie-thumb svg{width:100%;height:100%}.type-corner{color:#fff;letter-spacing:.4px;background:#000000a6;border-radius:5px;padding:1px 7px;font-size:10.5px;position:absolute;bottom:8px;left:8px}.doc-thumb{aspect-ratio:1;background:#f2f3f5;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex}.doc-badge{color:#ffd75e;letter-spacing:1px;background:#1a1c1f;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:800}.doc-name{color:var(--muted);text-align:center;word-break:break-all;font-size:12px}.panel-preview.doc-preview,.panel-preview.lottie-preview{padding:0;display:block}video.panel-preview{background:#000}.lottie-canvas{position:absolute;inset:0}.purpose-select{background:#fff;border:1px solid #e2e2e2;border-radius:6px;padding:3px 6px;font-size:13px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.card:focus-visible{outline-offset:0}.btn{transition:filter .12s}.btn:hover:not(:disabled){filter:brightness(.94)}.btn:active:not(:disabled){filter:brightness(.88)}.chip:hover{border-color:#c8cdd2}.card-download:hover{background:#fff6}.panel-close{cursor:pointer;background:#f0f1f2;border:0;border-radius:8px;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.panel-close:hover{background:#e4e6e8}.upload-files{flex-direction:column;gap:6px;max-height:180px;margin:4px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.upload-files li{border:1px solid #efefef;border-radius:8px;align-items:center;gap:10px;padding:5px 10px 5px 5px;font-size:13px;display:flex}.upload-files img{object-fit:cover;border-radius:6px;width:34px;height:34px}.upload-file-badge{color:#fff;background:#22262a;border-radius:6px;place-items:center;width:34px;height:34px;font-size:9.5px;font-weight:700;display:grid}.upload-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.disambig{color:#9aa2ac;flex-shrink:0;font-size:10.5px}.grid-loading{columns:240px;column-gap:14px}.skeleton{break-inside:avoid;background:linear-gradient(100deg,#ececec 40%,#f6f6f6 50%,#ececec 60%) 0 0/200% 100%;border-radius:12px;max-width:268px;margin:0 0 14px;animation:1.2s infinite shimmer}.skeleton:nth-child(3n){height:150px}.skeleton:nth-child(3n+1){height:260px}.skeleton:nth-child(3n+2){height:200px}@keyframes shimmer{to{background-position:-200% 0}}.error-state{border-color:#f5c6c0}.error-state .btn{margin-top:10px}.lottie-thumb{background:#eef2f5}.doc-badge{color:#fff}.rail-toggle{border:1.5px solid var(--border);cursor:pointer;width:38px;height:38px;color:var(--ink);background:#fff;border-radius:8px;flex-shrink:0;place-items:center;display:none}.rail-backdrop{display:none}@media (width<=900px){.rail-toggle{display:grid}.sidebar{z-index:60;transition:transform .18s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:12px 0 40px #00000059}.rail-backdrop{z-index:55;background:#0f141866;display:block;position:fixed;inset:0}.content{padding:16px 14px}.grid,.grid-loading{columns:160px}.detail-panel{width:100vw;max-width:100vw}.topbar{flex-wrap:wrap}.search-wrap{max-width:none}}.user-menu{min-width:260px;left:auto;right:0}.menu-item.static{cursor:default}.menu-item.static:hover{background:0 0}.user-chip{cursor:pointer;font:inherit}.select-circle{color:#fff;cursor:pointer;opacity:0;background:#00000047;border:2px solid #ffffffe6;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;transition:opacity .12s;display:grid;position:absolute;top:8px;left:8px}.card:hover .select-circle,.card:focus-visible .select-circle,.select-circle.on{opacity:1}.select-circle.on{background:var(--accent);border-color:var(--accent)}.card.selected{border-color:var(--chip-border);box-shadow:0 0 0 2px var(--accent-soft)}.action-bar{z-index:40;color:#e8eaec;background:#202327;border-radius:12px;align-items:center;gap:14px;padding:10px 16px;font-size:13.5px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000059}.action-bar .btn{text-decoration:none}.folder-chip{border:1.5px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:6px 12px;font-size:13px;display:inline-flex}.folder-chip:hover{border-color:#c8cdd2}.folder-chip.selected{border-color:var(--chip-border);background:var(--accent-soft);color:#1d4f8f}.link-list{flex-direction:column;gap:5px;margin:4px 0;padding:0;list-style:none;display:flex}.link-list li{align-items:baseline;gap:10px;font-size:13px;display:flex}.link-system{text-transform:uppercase;letter-spacing:.5px;background:#eef2f5;border-radius:5px;padding:1px 8px;font-size:11.5px;font-weight:700}.link-list code{color:var(--muted);margin-left:auto;font-size:12px}.scroll-sentinel{place-items:center;min-height:40px;padding:10px;display:grid}.search-clear{cursor:pointer;width:22px;height:22px;color:var(--ink);background:#eceef0;border:0;border-radius:50%;place-items:center;font-size:11px;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-clear:hover{background:#dfe2e5}.search-box{padding-right:36px}