:root{--yellow:#ffcc00;--ink:#0e0e0e;--paper:#f5f6f8;--muted:#777b84;--line:#e8eaee;--green:#26986c;--radius:14px;font-family:Inter,Arial,Helvetica,sans-serif;color:#202127;background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a{transition:background .16s,color .16s,border-color .16s,box-shadow .16s}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #c59900;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #e5b800;outline-offset:1px}input,select,textarea{min-width:0}button .icon{flex-shrink:0}.icon{vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.18;letter-spacing:-1.4px;font-weight:750}h2{font-size:18px;letter-spacing:-.4px}h3{font-size:15px}p{line-height:1.6}[hidden]{display:none!important}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#7b7e86;margin-bottom:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:8px;padding:12px 17px;font-size:12px;font-weight:700;line-height:20px;white-space:nowrap}.button.primary{background:var(--yellow);color:var(--ink);box-shadow:0 3px 6px #00000005}.button.primary:hover{background:#edbd00;box-shadow:0 3px 10px #e4b40024}.button.secondary{background:white;border-color:#e0e2e7;color:#4f535c}.button.secondary:hover{background:#f2f3f5;border-color:#c7cbd3}.button.dark{background:var(--ink);color:white}.button.small{font-size:11px;line-height:16px;padding:8px 12px}.button .icon{width:17px;height:17px}.icon-button{border:0;background:transparent;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;color:#8a8e96}.icon-button:hover{background:#e8eaee;color:#202127}.text-button{border:0;background:none;font-size:12px;font-weight:650;padding:6px;color:#565c67;display:inline-flex;align-items:center;gap:6px}.text-button:hover{color:#121212}.text-button .icon{width:15px;height:15px}.loader{display:inline-block;width:23px;height:23px;border:2px solid #dfe2e7;border-top-color:#c89f00;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot{height:100vh;display:grid;place-content:center;justify-items:center;gap:20px;color:#7e838d}.brand{display:flex;flex-direction:column;align-items:flex-start}.logo{width:155px;height:36px;object-fit:contain;object-position:left center}.logo-fallback{font-size:28px;font-weight:900;letter-spacing:-1.8px;font-style:italic;color:white}.logo-fallback span{color:var(--yellow)}.brand-caption{color:#737373;font-size:9px;font-weight:700;letter-spacing:3.3px;margin-top:10px}.workspace{display:flex;min-height:100vh}.sidebar{width:244px;background:var(--ink);color:#9b9b9b;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:33px 17px 0;z-index:20}.sidebar .brand{margin-left:16px;margin-bottom:35px}.workspace-name{border:1px solid #292929;border-radius:9px;padding:11px 9px;display:flex;gap:10px;align-items:center;font-size:11px;font-weight:650;color:#e8e8e8;margin:0 2px 28px}.workspace-monogram{background:#252525;border:1px solid #383838;border-radius:7px;width:30px;height:32px;display:grid;place-items:center;color:var(--yellow);font-size:15px;font-weight:800}.workspace-name small{display:block;font-size:9px;color:#707070;margin-top:5px;font-weight:400}.online-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#32a678;flex-shrink:0}.workspace-name .online-dot{margin-left:auto}.nav-label{font-size:9px;font-weight:650;letter-spacing:1.6px;color:#606060;margin:0 14px 11px}.main-nav{display:flex;flex-direction:column;gap:5px}.main-nav button{display:flex;align-items:center;gap:12px;border:0;background:none;color:#999;padding:13px 14px;border-radius:7px;font-size:12px;font-weight:550;text-align:left}.main-nav button:hover{background:#212121;color:#ddd}.main-nav button.active{background:var(--yellow);color:#171400;font-weight:750}.main-nav .icon{width:18px;height:18px}.nav-shortcut{margin-left:auto;opacity:.45}.folder-label{display:flex;justify-content:space-between;align-items:center;margin-top:34px}.folder-label .nav-label{margin-bottom:0}.sidebar-refresh{width:28px;height:28px}.sidebar-refresh .icon{width:13px;height:13px}.sidebar .icon-button:hover{background:#292929;color:#ccc}.folder-tree{margin-top:10px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#333 transparent}.tree-item{width:100%;display:flex;align-items:center;text-align:left;gap:10px;background:none;border:0;padding:11px 14px;font-size:11px;color:#929292;border-radius:6px}.tree-item>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-item .icon{width:16px;height:16px;color:#686868}.tree-item .icon:last-child:not(:first-child){width:12px;height:12px}.tree-item.selected{background:#242215;color:#ffdb4d}.tree-item.selected .icon{color:#ceaf38}.tree-item:hover{background:#202020;color:#eee}.rotated{transform:rotate(90deg)}.tree-item.depth-1{padding-left:28px}.tree-item.depth-2{padding-left:40px}.tree-item.depth-3{padding-left:52px}.tree-item.depth-4,.tree-item.depth-5,.tree-item.depth-6{padding-left:60px}.sidebar-bottom{margin-top:20px}.safe-note{display:flex;gap:10px;border:1px solid #272727;border-radius:9px;padding:13px 11px;color:#b8b8b8;font-size:10px;font-weight:650}.safe-note .icon{width:17px;height:17px;color:#d9bd51}.safe-note p{font-size:9px;color:#676767;font-weight:400;margin-top:5px}.profile{display:flex;align-items:center;width:100%;gap:10px;background:none;border:0;border-top:1px solid #292929;padding:23px 6px;margin-top:23px;color:#e0e0e0;text-align:left;font-size:11px;font-weight:650}.profile>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis}.profile small{display:block;margin-top:5px;text-transform:capitalize;color:#707070;font-size:10px;font-weight:400}.profile>.icon{width:16px;height:16px;color:#777}.avatar{width:33px;height:33px;border-radius:50%;background:#faf0bd;color:#8a7219;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:750;flex-shrink:0}.profile .avatar{background:#312b15;color:var(--yellow);border:1px solid #494024}.main-wrap{margin-left:244px;flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:77px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:20px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:17px;font-size:11px}.topbar-left>.icon{width:11px;height:11px;color:#bbb}.topbar-label{color:#999ca3}.topbar-left strong{font-weight:650;color:#555963}.topbar-right{gap:23px}.topbar-right a{color:#626771;display:flex;gap:8px;align-items:center;font-size:10px}.topbar-right a .icon{width:13px;height:13px}.host-pill{display:inline-flex;align-items:center;gap:7px;background:#f3f7f4;border:1px solid #e4eee6;padding:6px 10px;border-radius:20px;font-size:9px;color:#62806c}.host-pill .online-dot{width:5px;height:5px}#mobile-menu{display:none}main{padding:38px 38px 25px;flex:1;max-width:1900px;width:100%;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px;gap:20px}.page-heading h1 span{color:#8c909a;font-weight:450}.page-heading p:not(.eyebrow){margin-top:12px;font-size:12px;color:#858993}.page-heading .button{margin-top:19px}.library-panel{background:white;border:1px solid #e5e7eb;border-radius:13px;padding:25px 25px 0;box-shadow:0 3px 7px #00000002}.library-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.library-title>div{display:flex;align-items:center;gap:12px}.section-icon{width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#fff9df;color:#a38925}.section-icon .icon{width:19px;height:19px}.library-title h2{font-size:15px;font-weight:750;letter-spacing:-.2px}.library-title p{font-size:10px;color:#94979f;margin-top:5px}.live-label{font-size:9px;display:flex;align-items:center;gap:6px;color:#8c9199}.live-label .online-dot{width:5px;height:5px}.breadcrumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:13px 0;border-top:1px solid #f0f1f3;border-bottom:1px solid #f0f1f3;margin-bottom:20px}.breadcrumbs button{display:inline-flex;align-items:center;gap:8px;border:0;background:none;font-size:10px;padding:3px 0;color:#858a94}.breadcrumbs button[aria-current]{color:#292d35;font-weight:650}.breadcrumbs button:hover{color:#947800}.breadcrumbs .icon{width:12px;height:12px}.breadcrumbs>.icon{width:9px;height:9px;color:#bec0c5}.folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:22px}.folder-card{display:flex;align-items:center;gap:13px;min-width:0;text-align:left;padding:17px 15px;border:1px solid #e9ebef;border-radius:9px;background:#fff}.folder-card:hover{border-color:#dec04c;background:#fffef7;box-shadow:0 2px 9px #c9b7640a}.folder-art{color:#d6af22;background:#fff9e1;border-radius:8px;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.folder-art .icon{fill:#ffe897;stroke:#caab43;width:23px;height:23px}.folder-card>span:nth-child(2){min-width:0;flex:1}.folder-card strong{display:block;font-size:11px;font-weight:650;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.folder-card small{display:block;font-size:9px;color:#9c9fa8;margin-top:6px}.folder-card>.icon{width:12px;height:12px;color:#bbbfc7}.dropzone{width:100%;background:#fffdf5;border:1px dashed #e3cc73;border-radius:10px;padding:23px 22px;display:flex;align-items:center;gap:16px;text-align:left;margin-bottom:28px}.dropzone:hover,.dropzone.dragging{background:#fff7d4;border-color:#d7a900}.upload-emblem{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #eddfa7;border-radius:11px;background:#fff9e6;color:#a88a26;flex-shrink:0;box-shadow:0 2px 5px #dbc77912}.upload-emblem .icon{width:20px;height:20px}.drop-copy{display:flex;flex-direction:column;gap:9px;flex:1}.drop-copy strong{font-size:11px;font-weight:650}.drop-copy u{text-decoration:none;color:#9b7f16}.drop-copy>span{font-size:9px;color:#a49e87}.dot{margin:0 5px}.drop-destination{display:flex;gap:8px;align-items:center;font-size:9px;color:#9b947b;max-width:24%}.drop-destination span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drop-destination .icon{width:13px;height:13px}.image-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.image-heading{display:flex;align-items:center;gap:10px}.image-heading h3{font-size:12px;display:flex;align-items:center;gap:7px}.image-heading>span{font-size:9px;color:#a0a4ad}.count{display:inline-flex;justify-content:center;align-items:center;font-size:9px;color:#90949e;background:#f1f2f5;padding:3px 7px;border-radius:5px;font-weight:550}.image-tools{display:flex;align-items:center;gap:9px}.search-field{display:flex;align-items:center;position:relative}.search-field .icon{position:absolute;left:10px;color:#a7abb5;width:14px;height:14px}.search-field input{width:175px;padding:9px 9px 9px 31px;border:1px solid #e9ebef;border-radius:6px;font-size:9px;height:34px}.search-field input::placeholder{color:#9da2ae}.image-tools select{border:1px solid #e7e9ed;background:#fff;border-radius:6px;padding:8px 7px;font-size:9px;color:#767c87;height:34px}.view-toggle{display:flex;padding:3px;border:1px solid #e7e9ed;border-radius:6px;gap:2px;height:34px}.view-toggle .icon-button{width:27px;height:26px;padding:6px;border-radius:4px}.view-toggle .icon{width:14px;height:14px}.view-toggle .active{background:#f1f2f5;color:#333a47}.image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 15px}.image-card{border:1px solid #e7e9ed;border-radius:9px;overflow:hidden;min-width:0;transition:border-color .15s,box-shadow .15s;background:#fff}.image-card:hover{border-color:#d0d3da;box-shadow:0 4px 12px #17263e09}.image-card.is-selected{border-color:#d9b41e;box-shadow:0 0 0 1px #e7c442}.thumbnail{aspect-ratio:1.84;position:relative;background:repeating-conic-gradient(#f0f1f3 0% 25%,#f8f9fa 0% 50%) 50%/16px 16px;overflow:hidden;border-bottom:1px solid #edeef1}.preview-button{border:0;background:none;width:100%;height:100%;padding:0;display:flex;align-items:center;justify-content:center}.preview-button img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.image-card:hover .preview-button img{transform:scale(1.015)}.preview-overlay{position:absolute;inset:0;background:#0006;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;gap:8px;opacity:0;transition:opacity .2s}.preview-overlay .icon{width:13px;height:13px}.preview-button:hover .preview-overlay,.preview-button:focus-visible .preview-overlay{opacity:1}.image-checkbox{position:absolute;left:9px;top:9px;display:flex;padding:0;margin:0!important}.image-checkbox input{width:15px;height:15px;margin:0;accent-color:var(--yellow);cursor:pointer;border:1px solid #ddd}.type-badge{position:absolute;right:9px;top:9px;font-size:8px;font-weight:750;text-transform:uppercase;border:1px solid #ffffff30;color:#454953;background:#fffffff2;padding:4px 6px;border-radius:4px}.image-info{padding:14px 13px 12px}.image-name{display:block;width:100%;border:0;background:none;padding:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:650;color:#414653}.image-name:hover{color:#9d7e00}.image-info p{font-size:9px;color:#969da7;margin-top:7px}.image-info p span{margin:0 7px;color:#bfc3ca}.image-actions{padding:0 12px 12px;display:flex;align-items:center;gap:8px}.copy-button{display:flex;align-items:center;justify-content:center;gap:7px;background:#f8f9fa;border:1px solid #ebedf0;border-radius:6px;color:#747c88;font-size:9px;font-weight:600;flex:1;height:30px}.copy-button .icon{width:12px;height:12px}.copy-button:hover{background:#fff7d5;border-color:#ead994;color:#7a6013}.image-actions .icon-button{border:1px solid #ebedf0;background:white;width:31px;height:30px;color:#929aa5}.image-actions .icon{width:13px;height:13px}.library-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px;border-top:1px solid #edeff2;min-height:57px;font-size:9px;color:#9ba1ab;padding:12px 0}.copy-hint{display:flex;align-items:center;gap:6px}.copy-hint .icon{width:12px;height:12px;color:#a79a65}.workspace-footer{display:flex;align-items:center;justify-content:space-between;padding:0 39px 24px;font-size:9px;color:#a5abb5}.workspace-footer>span:first-child{display:flex;gap:6px;align-items:center}.workspace-footer .icon{width:12px;height:12px}.footer-dot{margin:0 6px}.empty-state,.loading-state{grid-column:1/-1;padding:56px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:13px;color:#9ba2ad;line-height:1.6}.empty-state h3{font-size:15px;color:#656d79;font-weight:600}.empty-state p{font-size:11px;max-width:440px}.empty-icon{background:#f7f8fa;border:1px solid #e9ecf0;border-radius:13px;padding:15px;color:#b2b8c2}.empty-icon .icon{width:26px;height:26px}.loading-state{font-size:12px}.selection-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff9e4;border:1px solid #f0df96;padding:9px 13px;border-radius:7px;margin-bottom:16px;font-size:11px}.selection-bar>div{display:flex;gap:12px}.list-layout{display:flex;flex-direction:column;gap:8px}.list-layout .image-card{display:flex;align-items:center;padding:9px;gap:12px}.list-layout .thumbnail{width:100px;aspect-ratio:1.8;border:0;border-radius:5px;flex-shrink:0}.list-layout .image-info{flex:1;min-width:0;padding:0}.list-layout .image-actions{width:135px;padding:0}.list-layout .type-badge{display:none}.list-layout .image-checkbox{left:4px;top:4px}.list-layout .image-checkbox input{width:12px;height:12px}.list-layout .preview-overlay{font-size:0}.list-layout .image-name{font-size:11px}.image-unavailable{font-size:10px;line-height:1.5;color:#8f939b;text-align:center;padding:30px}
dialog{border:1px solid #e7e9ed;border-radius:17px;padding:27px;width:min(490px,calc(100vw - 28px));max-height:90vh;overflow:auto;color:#303640;background:white;box-shadow:0 30px 100px #0003}dialog.wide{width:min(740px,calc(100vw - 28px))}dialog::backdrop{background:#10131d9e;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:22px;align-items:flex-start}.modal-head h2{font-size:21px;line-height:1.35;word-break:break-word}.modal-head p{font-size:11px;color:#9199a6;margin-top:6px}.modal-head .icon-button{flex-shrink:0}.detail-preview{height:270px;background:repeating-conic-gradient(#ededf0 0% 25%,#f7f7f9 0% 50%) 50%/20px 20px;display:flex;align-items:center;justify-content:center;border-radius:9px;overflow:hidden;border:1px solid #eceef1}.detail-preview img{max-width:100%;max-height:100%;object-fit:contain}.detail-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 25px;font-size:11px}.detail-meta small{display:block;font-size:8px;color:#939ba7;letter-spacing:1px;font-weight:650;margin-bottom:7px}label{display:block;font-size:11px;font-weight:650;color:#565e6a;margin-bottom:17px}label>input,label>select,label>textarea,.password-wrap{display:block;margin-top:8px;width:100%}label input,label select,textarea{border:1px solid #dfe3e9;border-radius:7px;background:#fff;padding:12px 13px;font-size:12px;color:#39404a;line-height:1.4}label input::placeholder{color:#a9afb9;font-weight:400}.url-field{display:flex;gap:9px;margin-top:9px}.url-field input{flex:1;width:0;background:#f8f9fb;font-size:10px}.url-field .button{padding:9px 14px;font-size:11px}.detail-footer{border-top:1px solid #eceef1;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#929aa6}.detail-footer span{overflow-wrap:anywhere}.detail-footer a{white-space:nowrap}.detail-footer .icon{width:13px;height:13px;margin-right:5px}.detail-footer a:hover{color:#8e720c}.toasts{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:9px;z-index:1000;width:max-content;max-width:calc(100vw - 30px);pointer-events:none}.toast{background:#171b21;color:#fff;border:1px solid #ffffff15;border-radius:9px;padding:14px 20px;box-shadow:0 10px 40px #0003;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5}.toast .icon{color:#ffdc52;width:17px;height:17px}.toast.error{background:#7b3434}.toast.error .icon{color:#fff}.form-error{color:#bd4b4b;font-size:11px;line-height:1.6;margin:10px 0}.form-error:empty{display:none}.form-row{display:flex;gap:15px}.form-row>label{flex:1}.field-help{font-size:10px;color:#989eaa;margin-top:-7px;line-height:1.7}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e9ebef;margin-top:22px;padding-top:20px}.upload-target{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid #ecdfb2;border-radius:9px;background:#fffbed}.upload-target>.icon{color:#a08934}.upload-target small{display:block;font-size:8px;letter-spacing:1px;color:#a79b78;margin-bottom:6px}.upload-target strong{font-size:11px;overflow-wrap:anywhere}.muted{color:#969eaa;font-size:11px}.upload-explainer{margin:15px 0}.queue-item{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #eff0f3;align-items:flex-start}.queue-icon{width:32px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#f4f5f8;color:#929aaa;flex-shrink:0}.queue-icon .icon{width:17px;height:17px}.queue-item.done .queue-icon{color:#348b69;background:#eaf6f0}.queue-item.error .queue-icon{color:#b65656;background:#fff0ef}.queue-body{flex:1;min-width:0}.queue-name{width:100%;border:1px solid #e2e5eb;border-radius:5px;padding:6px 8px;font-size:11px}.queue-name:disabled{border-color:transparent;background:none;color:#606a78;opacity:1}.queue-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0 0;font-size:10px;color:#a1a8b4;line-height:1.6}.queue-item.error .queue-caption{color:#bf6262}.queue-item.done .queue-caption>span{color:#438d70}.uploaded-url{font-size:10px;color:#8c929b;width:100%;border:0;background:#f7f8fa;border-radius:4px;padding:6px;margin-top:5px}progress{width:100%;height:4px;border:0;border-radius:4px;accent-color:#e7ba00;display:block;margin-top:7px}progress::-webkit-progress-bar{background:#f1f1f1;border-radius:4px}progress::-webkit-progress-value{background:#e8b900;border-radius:4px}.upload-footer{margin-top:23px;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:11px;color:#8f97a3}.upload-footer>div{display:flex;gap:8px}.copy-fallback{width:100%;min-height:140px;font-size:12px}.account-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eaedf1;margin-top:24px;padding-top:20px}.role-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:27px}.role-cards>div{position:relative;padding:22px;border:1px solid #e3e6eb;background:#fff;border-radius:10px}.role-cards .icon{margin-bottom:18px;color:#a48825;background:#fffae4;padding:10px;width:40px;height:40px;border-radius:9px}.role-cards h3{font-size:13px;margin-bottom:8px}.role-cards p{font-size:11px;color:#9199a5}.table-panel{border:1px solid #e2e5eb;border-radius:12px;background:white;overflow:hidden}.panel-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:23px}.panel-heading h2{display:flex;align-items:center;gap:10px;font-size:15px}.panel-heading>span{font-size:10px;color:#969eab}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:9px;color:#929ba8;background:#fafbfc;padding:13px 23px;font-weight:600;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3}td{padding:19px 23px;font-size:11px;border-bottom:1px solid #edf0f3;color:#7b8695}tr:last-child td{border-bottom:0}.user-cell{display:flex;align-items:center;gap:11px}.user-cell strong{font-size:11px;color:#505967;font-weight:650}.user-cell small{display:block;font-size:10px;color:#a0a8b3;margin-top:5px}.you{font-weight:400;font-size:9px;margin-left:5px;color:#a3a8b1}.role-badge{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid #e4e8ee;border-radius:5px;font-size:9px;text-transform:capitalize;color:#758397;background:#f5f7fa}.role-badge.admin{background:#fff9e1;border-color:#f1e5b1;color:#a3914d}.role-badge.editor{background:#f0f0fa;border-color:#e1e1f2;color:#8381ab}.status{font-size:10px;display:inline-flex;align-items:center;gap:6px}.status>span{width:5px;height:5px;border-radius:50%;background:#969eaa}.status.active{color:#4f9c7c}.status.active>span{background:#5baa85}.pending-password{display:block;font-size:8px;margin-top:7px;color:#a3a9b3}.event-name{display:flex;align-items:center;gap:9px}.event-name .icon{width:15px;height:15px;color:#a69a6b}.activity-detail{white-space:normal;overflow-wrap:anywhere;font-size:10px;max-width:350px}.date-cell small{display:block;margin-top:6px;color:#a1a8b3}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.auth{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:#fff}.auth-story{background:var(--ink);color:white;padding:52px 65px 30px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-story:after{content:'';width:360px;height:360px;border:1px solid #ffcc0014;position:absolute;right:-160px;bottom:95px;transform:rotate(-28deg);border-radius:55px;box-shadow:0 0 0 40px #ffcc0005,0 0 0 80px #ffcc0003;pointer-events:none}.auth-story .logo{width:180px;height:44px}.auth-copy{margin:auto 0;padding:75px 0;position:relative;z-index:1}.auth-copy .eyebrow{color:#8e803e;letter-spacing:2.4px;margin-bottom:25px;font-size:10px}.auth-copy h1{font-size:49px;letter-spacing:-2px;line-height:1.19;font-weight:700}.auth-copy h1 em{font-style:normal;color:var(--yellow)}.auth-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#787878;margin-top:25px}.auth-steps{display:flex;flex-direction:column;gap:18px;margin-top:44px;font-size:11px;color:#b9b9b9}.auth-steps span{display:flex;align-items:center;gap:13px}.auth-steps .icon{color:#988334;width:18px;height:18px}.auth-bottom{display:flex;justify-content:space-between;align-items:center;color:#515151;font-size:10px}.auth-bottom .icon{color:#756735;width:17px;height:17px}.auth-form{position:relative;display:flex;align-items:center;justify-content:center;padding:65px 50px 80px}.auth-form-inner{max-width:355px;width:100%}.small-label{display:block;color:#a0a5af;font-size:8px;font-weight:700;letter-spacing:1.9px;margin-bottom:20px}.auth-form h2{font-size:29px;letter-spacing:-1.1px;color:#272c35}.auth-form h2+p{font-size:12px;color:#939ba8;margin-top:13px;margin-bottom:32px;line-height:1.8}.auth-form label{font-size:11px;color:#69727f;margin-bottom:22px}.auth-form input{height:45px;font-size:11px}.password-wrap{position:relative}.password-wrap input{width:100%;padding-right:55px}.password-toggle{position:absolute;right:8px;top:10px;font-size:10px;color:#9da2ad}.auth-form .submit{width:100%;justify-content:space-between;margin-top:4px;padding:13px 17px}.auth-help{display:flex;gap:10px;color:#a5acb7;font-size:10px;line-height:1.8;margin-top:26px}.auth-help .icon{width:16px;height:16px;color:#babbb3;margin-top:2px}.auth-footer{position:absolute;bottom:30px;text-align:center;font-size:8px;color:#bfc3ca;letter-spacing:1.8px}.password-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:25px;background:#f5f6f8}.password-card{padding:40px;width:450px;background:white;border:1px solid #e5e8ee;border-radius:15px;box-shadow:0 10px 40px #1f25320a}.password-card>.section-icon{margin-bottom:26px}.password-card h1{font-size:26px;letter-spacing:-.8px}.password-card>p:not(.eyebrow){font-size:11px;color:#949eac;margin:14px 0 27px}.password-card #sign-out{margin-top:23px}.install-screen{max-width:610px;margin:15vh auto;padding:32px;text-align:center}.install-mark{background:#ffcc00;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:30px}.install-mark .icon{width:28px;height:28px}.install-screen h1{font-size:30px}.install-screen>p:not(.eyebrow){margin:20px 0 30px;color:#84909d;font-size:13px}.install-screen small{display:block;margin-top:24px;color:#9aa1ac;font-size:11px}
@media(min-width:1600px){main{padding:45px 50px 30px}.image-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.folder-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.topbar{padding:0 50px}.image-name{font-size:12px}.image-info p,.copy-button{font-size:10px}.thumbnail{aspect-ratio:1.75}}
@media(max-width:1200px){.sidebar{width:218px;padding-left:12px;padding-right:12px}.main-wrap{margin-left:218px}main{padding:30px 24px 25px}.topbar{padding:0 24px}.library-panel{padding:21px 20px 0}.image-grid{gap:14px 11px}.image-heading>span{display:none}.drop-destination{display:none}.search-field input{width:150px}.image-tools{gap:6px}.image-toolbar{row-gap:16px}.workspace-footer{padding-left:24px;padding-right:24px}.auth-story{padding:45px}.auth-copy h1{font-size:43px}.auth-form{padding:50px 35px}.folder-card{padding:14px 10px;gap:10px}}
@media(max-width:1000px){.image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-toolbar{align-items:flex-start;flex-direction:column}.image-tools{width:100%}.search-field{flex:1}.search-field input{width:100%}.page-heading h1{font-size:29px}.page-heading>.button{font-size:10px;padding:10px 12px}.live-label{display:none}.workspace-footer>span:last-child{display:none}.role-cards{gap:10px}.role-cards>div{padding:17px}.auth-copy h1{font-size:36px}.auth-story{padding:38px}.auth-form h2{font-size:25px}.panel-heading>span{display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:244px;transition:transform .2s;box-shadow:10px 0 40px #0003}.sidebar.mobile-open{transform:translateX(0);top:66px}.sidebar.mobile-open .brand{display:none}.sidebar.mobile-open .workspace-name{margin-top:0}.main-wrap{margin-left:0}.topbar{height:66px;padding:0 17px;position:sticky;top:0;z-index:25}.topbar-left{gap:10px}.topbar-right{gap:12px}.host-pill{display:none}#mobile-menu{display:inline-flex}.topbar-label{display:none}main{padding:26px 18px 20px}.page-heading{margin-bottom:24px;gap:12px}.page-heading h1{font-size:27px;letter-spacing:-1px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:10px}.page-heading p:not(.eyebrow){font-size:10px;max-width:230px}.page-heading>.button{padding:9px 11px;gap:6px}.page-heading>.button .icon{width:14px;height:14px}.library-panel{padding:19px 16px 0}.library-title{margin-bottom:18px}.dropzone{padding:18px 14px;gap:13px}.drop-copy strong{font-size:10px;line-height:1.5}.drop-copy>span{font-size:8px;line-height:1.6}.dropzone .upload-emblem{width:36px;height:36px}.image-tools select{font-size:8px;padding-left:4px;padding-right:2px}.search-field input{font-size:9px}.image-grid{gap:13px 10px}.image-info{padding:11px 10px}.image-info p{font-size:8px}.image-name{font-size:10px}.image-actions{padding:0 9px 10px;gap:6px}.copy-hint{display:none}.workspace-footer{padding:0 20px 20px}.folder-card strong{font-size:10px}.folder-card small{font-size:8px}.folder-card>.icon{display:none}.folder-art{width:31px;height:33px}.library-bottom{font-size:9px}.auth{display:flex;flex-direction:column}.auth-story{padding:25px 27px}.auth-story .brand-caption{display:none}.auth-story .logo{width:143px;height:32px}.auth-copy{padding:30px 0 5px}.auth-copy .eyebrow{font-size:8px;margin-bottom:14px}.auth-copy h1{font-size:31px;line-height:1.12;letter-spacing:-1.2px}.auth-copy h1 br:first-of-type{display:none}.auth-copy>p:not(.eyebrow),.auth-steps,.auth-bottom{display:none}.auth-form{padding:40px 27px 70px}.auth-form-inner{max-width:420px}.auth-form h2{font-size:25px}.auth-form h2+p{margin-bottom:25px}.auth-footer{bottom:22px}.auth-form label{margin-bottom:17px}.detail-meta{grid-template-columns:repeat(2,1fr);row-gap:20px}.detail-preview{height:220px}.detail-footer{flex-direction:column;align-items:flex-start;gap:13px}.url-field{flex-wrap:wrap}.url-field input{flex-basis:100%;width:100%}.url-field .button{width:100%}dialog{padding:22px 19px}.modal-head h2{font-size:20px}.upload-footer{align-items:flex-start;flex-direction:column;gap:14px}.upload-footer>div{width:100%;justify-content:flex-end}.queue-caption{align-items:flex-start}.role-cards{grid-template-columns:1fr;gap:10px}.role-cards>div{padding:17px 17px 17px 70px}.role-cards .icon{position:absolute;left:17px;top:17px;margin:0}.role-cards h3{margin:2px 0 6px}.role-cards p{font-size:10px}.list-layout .thumbnail{width:74px}.list-layout .image-actions{width:100px}.list-layout .image-actions .icon-button{display:none}.list-layout .image-name{font-size:10px}.selection-bar{font-size:10px;padding:9px}.selection-bar .text-button{font-size:9px}.selection-bar .button{font-size:9px;padding:7px}.selection-bar>div{gap:4px}}
@media(max-width:410px){main{padding-left:12px;padding-right:12px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading>.button{margin-top:0}.page-heading p:not(.eyebrow){max-width:none}.image-tools{flex-wrap:wrap}.search-field{flex-basis:100%}.image-tools select{flex:1}.library-panel{padding-left:12px;padding-right:12px}.folder-grid{gap:8px}.folder-card{gap:7px}.image-grid{gap:9px}.image-actions{padding-left:7px;padding-right:7px}.image-actions .icon-button{display:none}.thumbnail{aspect-ratio:1.5}.image-info p span{margin:0 3px}.form-row{flex-direction:column;gap:0}}
.brand .logo{filter:brightness(0) invert(1)}
.main-nav button{font-size:13px}.tree-item{font-size:12px}.breadcrumbs button{font-size:11px}.folder-card strong{font-size:12px}.folder-card small{font-size:10px}.drop-copy strong{font-size:12px}.drop-copy>span{font-size:10px}.image-name{font-size:12px}.image-info p{font-size:10px}.copy-button{font-size:11px}.image-tools select{font-size:10px}.search-field input{font-size:11px}.image-heading h3{font-size:13px}.image-heading>span{font-size:10px}.library-bottom{font-size:10px}.modal-toast{position:sticky;bottom:0;z-index:2;margin-top:14px;font-size:11px}
@media(max-width:760px){.image-name{font-size:11px}.image-info p{font-size:9px}.copy-button{font-size:10px}.drop-copy strong{font-size:11px}.drop-copy>span{font-size:9px}.folder-card strong{font-size:11px}.image-tools select{font-size:9px}.search-field input{font-size:10px}.folder-card small{font-size:9px}}
@media(max-width:760px){.sidebar{visibility:hidden}.sidebar.mobile-open{visibility:visible}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
