:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121316;--sidebar:#0d0e11;--panel:#1a1b20;--panel-hover:#222329;--input:#141519;--text:#eeece9;--muted:#91929a;--faint:#64666e;--line:#2a2b31;--accent:#e2b47c;--accent-text:#251d14;--selected:#28231e;--danger:#ef9393;--green:#8cc1a0;--shadow:0 24px 90px #0005;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f6f3;--sidebar:#eeede9;--panel:#fff;--panel-hover:#f0efea;--input:#faf9f6;--text:#292925;--muted:#6b6c65;--faint:#898980;--line:#deded6;--accent:#a46a31;--accent-text:#fff;--selected:#e8ddcf;--danger:#b33939;--green:#35754c;--shadow:0 24px 90px #302d2220}.auth-screen{background:radial-gradient(ellipse at 50% 20%, var(--selected), transparent 65%);place-items:center;min-height:100dvh;padding:32px 20px;display:grid}.auth-card{border:1px solid var(--line);background:var(--bg);width:100%;max-width:450px;box-shadow:var(--shadow);border-radius:16px;padding:36px}.auth-card .auth-brand{margin:0 0 40px;padding:0}.auth-lock{border:1px solid var(--line);width:50px;height:50px;color:var(--accent);background:var(--selected);border-radius:12px;place-items:center;margin-bottom:24px;display:grid}.auth-eyebrow{color:var(--faint);letter-spacing:1.5px;margin-bottom:12px;font-size:10px}.auth-card h1{letter-spacing:-1px;font-size:32px;font-weight:500}.auth-description{color:var(--muted);margin:14px 0 30px;font-size:12px;line-height:1.8}.auth-card .field{margin-bottom:10px}.auth-password{border:1px solid var(--line);background:var(--input);border-radius:7px;align-items:center;display:flex}.auth-password:focus-within{border-color:var(--accent)}.auth-password input{background:0 0;border:0;border-radius:7px;flex:1;min-width:0;padding:13px;font-size:14px}.auth-password input::placeholder{color:var(--faint)}.auth-password .icon-button{margin-right:7px}.auth-card .auth-submit{justify-content:center;width:100%;margin-top:18px;padding:13px}.auth-message{margin-top:12px;font-size:12px;line-height:1.6}.auth-footnote{color:var(--faint);text-align:center;margin-top:30px;font-size:10px}.auth-status{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}@media (width<=480px){.auth-card{padding:28px 24px}.auth-password input{font-size:16px}}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}button{background:0 0;border:0}a{color:inherit;text-decoration:none}input,textarea,select{color:var(--text)}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}h1,h2,h3,h4,p{margin:0}svg{flex-shrink:0}small{font-size:12px}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:12px}.error,.danger-text{color:var(--danger)}.success{color:var(--green)}.spin{animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);z-index:30;flex-direction:column;width:236px;padding:31px 17px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{text-align:left;align-items:center;gap:11px;margin-bottom:47px;padding:0 9px;display:flex}.brand>span:last-child{letter-spacing:-1.15px;font-size:23px;font-weight:650}.brand-mark{grid-template-rows:10px 10px;grid-template-columns:10px 10px;gap:3px;display:grid;transform:rotate(-8deg)}.brand-mark i{background:var(--accent);border-radius:2px}.brand-mark i:nth-child(2){opacity:.7}.brand-mark i:nth-child(3){opacity:.4}.nav-label{color:var(--faint);letter-spacing:1.3px;margin:0 13px 12px;font-size:10px;font-weight:600}.nav-item{text-align:left;width:100%;color:var(--muted);border-radius:7px;align-items:center;gap:12px;min-height:41px;margin:3px 0;padding:11px 13px;font-size:13px;display:flex}.nav-item>span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-item>small{color:var(--faint);font-variant-numeric:tabular-nums;font-size:11px}.nav-item:hover{background:var(--panel);color:var(--text)}.nav-item.active{background:var(--panel-hover);color:var(--text)}.nav-item.active>svg{color:var(--accent)}.nav-item.active>small{color:var(--muted)}.collections-label{justify-content:space-between;align-items:center;margin-top:32px;margin-bottom:9px;margin-right:3px;display:flex}.collections-label .icon-button{width:28px;height:28px}.dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.amber{--collection-color:#d5a464}.green{--collection-color:#78b68e}.blue{--collection-color:#7c9dd8}.purple{--collection-color:#ad91cf}.rose{--collection-color:#d391a3}.dot{background:var(--collection-color,var(--accent))}.new-collection{color:var(--faint);text-align:left;align-items:center;gap:10px;margin:13px;padding:0;font-size:12px;display:flex}.new-collection:hover{color:var(--text)}.sidebar-bottom{margin-top:auto;padding-top:34px}.sidebar-footer{color:var(--faint);justify-content:flex-end;align-items:center;margin:13px 4px 0;font-size:10px;display:flex}.main{min-height:100vh;margin-left:236px}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:24px;height:78px;padding:0 36px;display:flex}.topbar-location{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex}.topbar-location strong{color:var(--text);text-overflow:ellipsis;max-width:150px;font-weight:500;overflow:hidden}.search-box{border:1px solid var(--line);background:var(--input);width:330px;max-width:40%;height:37px;color:var(--faint);border-radius:7px;align-items:center;gap:10px;margin-left:auto;padding:0 12px;display:flex}.search-box input{background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:12px}.search-box input::placeholder{color:var(--faint)}.search-mode{border:0;border-right:1px solid var(--line);max-width:70px;color:var(--text);background:var(--input);flex-shrink:0;padding-right:5px;font-size:12px}.visual-search-status{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;font-size:12px;display:flex}kbd{border:1px solid var(--line);border-radius:3px;padding:1px 5px;font:11px ui-monospace,monospace}.button{border:1px solid var(--line);background:var(--panel);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:9px 14px;font-size:12px;font-weight:500;display:inline-flex}.button:hover{background:var(--panel-hover);border-color:var(--muted)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.button.primary:hover{filter:brightness(1.08)}.button.subtle{color:var(--muted);background:0 0;border-color:#0000}.button.subtle:hover{color:var(--text);background:var(--panel)}.button.danger{background:var(--danger);color:var(--bg);border-color:var(--danger)}.button.full{width:100%}.small-button{min-height:30px;padding:6px 10px}.icon-button{width:32px;height:32px;color:var(--muted);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover,.icon-button.active{background:var(--panel-hover);color:var(--text)}.icon-button.favorite{color:var(--accent)}.text-button{color:var(--muted);padding:5px 4px;font-size:12px}.text-button:hover{color:var(--text)}.danger-text:hover{color:var(--danger)}.mobile-menu{display:none}.page-content{max-width:1640px;margin:0 auto;padding:37px 36px 20px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}h1{letter-spacing:-1.2px;align-items:center;gap:12px;font-size:34px;font-weight:550;line-height:1.2;display:flex}h1 .dot{width:11px;height:11px}.heading-actions{align-items:center;gap:15px;display:flex}.item-count{color:var(--faint);white-space:nowrap;font-size:11px}.collection-overview{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:13px;margin-bottom:30px;display:grid}.collection-tile{border:1px solid var(--line);background:var(--panel);text-align:left;border-radius:8px;align-items:center;gap:14px;min-width:0;padding:17px;display:flex}.collection-tile:hover{border-color:var(--faint);background:var(--panel-hover)}.collection-tile>div{flex:1;min-width:0}.collection-tile strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.collection-tile small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.collection-tile>svg{color:var(--faint)}.collection-icon{width:37px;height:37px;color:var(--collection-color);background:color-mix(in srgb, var(--collection-color) 12%, transparent);border-radius:7px;justify-content:center;align-items:center;display:flex}.browser-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;padding:0 0 15px;display:flex}.filter-tabs{align-items:center;gap:5px;display:flex}.filter-tabs>button{color:var(--muted);border-radius:5px;padding:6px 14px;font-size:12px}.filter-tabs>button.active{background:var(--panel-hover);color:var(--text)}.filter-tabs>button:hover{color:var(--text)}.shelf-label{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.browser-controls{align-items:center;gap:14px;display:flex}.control-select{color:var(--faint);align-items:center;gap:7px;display:flex}.control-select select{cursor:pointer;background:0 0;border:none;max-width:150px;padding:6px 2px;font-size:11px}.control-select option{background:var(--panel);color:var(--text)}.layout-switch{border:1px solid var(--line);border-radius:6px;gap:2px;padding:2px;display:flex;overflow:hidden}.layout-switch button{width:27px;height:25px;color:var(--faint);border-radius:4px;justify-content:center;align-items:center;display:flex}.layout-switch button.active{background:var(--panel-hover);color:var(--text)}.selection-bar{border:1px solid var(--line);background:var(--selected);border-radius:7px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:10px 12px;font-size:12px;display:flex}.selection-bar>label{align-items:center;gap:8px;display:flex}.media-section{margin-bottom:25px}.section-heading{align-items:center;gap:10px;margin:20px 0 12px;display:flex}.section-heading h2{letter-spacing:.1px;font-size:12px;font-weight:550}.section-heading>span{color:var(--faint);font-size:10px}.section-heading .icon-button{width:24px;height:24px;margin-left:auto}.cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:17px;display:grid}.cards.compact{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px}.media-card{min-width:0;position:relative}.media-open{aspect-ratio:7/8;background:var(--panel);border:1px solid var(--line);border-radius:7px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.media-open>img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.media-card:hover .media-open>img{transform:scale(1.035)}.media-card.selected .media-open{outline:2px solid var(--accent);outline-offset:2px}.media-placeholder{width:100%;height:100%;color:var(--faint);background:linear-gradient(130deg, var(--panel-hover), var(--panel));flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.media-placeholder span{color:var(--muted);font-size:10px}.duration{color:#fff;background:#101114bf;border-radius:3px;align-items:center;gap:5px;padding:3px 5px;font-size:10px;display:flex;position:absolute;bottom:8px;right:8px}.processing-pill{color:#e8e8e8;background:#101114bf;border-radius:3px;align-items:center;gap:5px;padding:3px 5px;font-size:9px;display:flex;position:absolute;bottom:8px;left:8px}.select-media{opacity:0;position:absolute;top:9px;left:9px}.select-media input{opacity:0;cursor:pointer;z-index:2;width:22px;height:22px;margin:0;position:absolute;inset:0}.select-media>span{color:#0000;background:#1117;border:1px solid #ffffff80;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.select-media.is-selected{opacity:1}.select-media.is-selected>span{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.select-media input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.favorite-button{color:#fff;opacity:0;background:#1117;border-radius:5px;justify-content:center;align-items:center;width:25px;height:25px;display:flex;position:absolute;top:8px;right:8px}.favorite-button.active{opacity:1;color:#f2c18c}.media-card:hover .select-media,.media-card:focus-within .select-media,.media-card:hover .favorite-button,.media-card:focus-within .favorite-button{opacity:1}.media-caption{justify-content:space-between;align-items:center;gap:8px;padding:9px 1px 0;display:flex}.media-caption>span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.media-caption>small{color:var(--faint);white-space:nowrap;font-size:9px}.watch-progress{background:var(--line);border-radius:2px;height:3px;margin-top:7px}.watch-progress>span{background:var(--accent);border-radius:2px;height:100%;display:block}.cards.shelf{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.cards.shelf .media-open{aspect-ratio:16/9}.cards.list{flex-direction:column;gap:0;display:flex}.cards.list .media-card{border-bottom:1px solid var(--line);grid-template-columns:84px 1fr 32px;align-items:center;gap:17px;padding:12px 0;display:grid}.cards.list .media-open{aspect-ratio:4/3;border-radius:4px}.cards.list .media-caption{flex-direction:column;grid-area:1/2;align-items:flex-start;gap:5px;padding:0}.cards.list .media-caption>span{font-size:12px}.cards.list .media-caption>small{font-size:10px}.cards.list .favorite-button{color:var(--muted);opacity:1;background:0 0;grid-area:1/3;position:static}.cards.list .favorite-button.active{color:var(--accent)}.cards.list .select-media{top:16px;left:4px}.cards.list .watch-progress{grid-column:2;max-width:250px;margin-top:-11px}.cards.list .processing-pill{display:none}.folder-browser{grid-template-columns:208px minmax(0,1fr);gap:25px;display:grid}.trashed-folders{margin-bottom:24px}.trashed-folders h2{font-size:16px}.trashed-folder-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.trashed-folder-row>span{flex:1;min-width:0}.trashed-folder-row strong{overflow-wrap:anywhere;display:block}.trashed-folder-row small{color:var(--muted);margin-top:4px;display:block}.folder-sidebar{border-right:1px solid var(--line);padding-right:14px}.folder-sidebar-heading{justify-content:space-between;align-items:center;margin:0 0 9px 11px;display:flex}.folder-sidebar-heading strong{color:var(--faint);letter-spacing:1.1px;font-size:9px;font-weight:500}.folder-nav{text-align:left;width:100%;color:var(--muted);border-radius:5px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:flex}.folder-nav>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.folder-nav>small{color:var(--faint);font-size:9px}.folder-nav.active{color:var(--text);background:var(--panel-hover)}.folder-nav:hover{background:var(--panel)}.folder-nav svg{color:var(--faint)}.folder-nav.active svg{color:var(--accent)}.folder-tree-row{border-radius:5px;align-items:center;display:flex}.folder-tree-row .folder-nav{min-width:0;padding-right:4px}.folder-tree-row.active{background:var(--panel-hover)}.folder-tree-row.active .folder-nav{color:var(--text)}.folder-tree-row.active .folder-nav svg{color:var(--accent)}.folder-add{flex-shrink:0;padding:5px}.folder-tools{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:18px;display:flex}.folder-inherited{color:var(--muted);align-items:center;gap:7px;margin-right:auto;font-size:11px;display:flex}.folder-inherited input{accent-color:var(--accent)}.folder-hint{color:var(--muted);margin:0 0 14px;font-size:11px;line-height:1.6}.folder-root-drop{border:1px dashed var(--line);color:var(--muted);border-radius:7px;align-items:center;gap:8px;margin-bottom:13px;padding:13px;font-size:11px;display:flex}.folder-overview-row{border:1px solid var(--line);background:var(--panel);border-radius:7px;align-items:center;gap:5px;margin-bottom:8px;padding:6px;display:flex}.folder-overview-main{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;padding:7px;display:flex}.folder-overview-main>svg:first-child{color:var(--accent);flex-shrink:0}.folder-overview-main>svg:last-child{color:var(--faint);flex-shrink:0}.folder-overview-main>span:first-of-type{min-width:0}.folder-overview-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;display:block;overflow:hidden}.folder-overview-main small{color:var(--faint);margin-top:5px;font-size:10px;display:block}.folder-preview-strip{flex-shrink:0;gap:5px;margin-left:auto;display:flex}.folder-preview-strip img{object-fit:cover;border-radius:4px;width:45px;height:45px}.folder-overview-row>.icon-button{flex-shrink:0}.drop-target{outline:2px solid var(--accent);outline-offset:-2px;background:var(--panel-hover)!important}.dragging{opacity:.45}@media (width<=1000px){.folder-preview-strip img:nth-child(n+3){display:none}}@media (width<=650px){.folder-preview-strip{display:none}.folder-overview-main{gap:8px}.folder-tools .small-button{font-size:10px}.folder-root-drop{line-height:1.5}}.new-folder-button{color:var(--faint);align-items:center;gap:6px;padding:13px 12px;font-size:11px;display:flex}.folder-breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 20px;font-size:11px;display:flex}.folder-breadcrumbs>span{align-items:center;gap:8px;display:flex}.folder-breadcrumbs button{padding:0}.folder-breadcrumbs button:hover{color:var(--accent)}.folder-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:23px;display:grid}.folder-tiles button{border:1px solid var(--line);background:var(--panel);text-align:left;border-radius:7px;align-items:center;gap:13px;padding:15px;display:flex}.folder-tiles button:hover{background:var(--panel-hover)}.folder-tiles button>svg:first-child{color:var(--accent)}.folder-tiles button>svg:last-child{color:var(--faint);margin-left:auto}.folder-tiles strong{font-size:12px;font-weight:500;display:block}.folder-tiles small{color:var(--faint);margin-top:5px;font-size:10px;display:block}.loading{min-height:340px;color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:34px 15px 45px;display:flex}.empty-art{width:230px;height:165px;margin-bottom:28px;position:relative}.empty-photo{border:1px solid var(--line);background:var(--panel);width:150px;height:110px;color:var(--faint);border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute}.empty-photo.back{background:var(--input);top:15px;left:11px;transform:rotate(-15deg)}.empty-photo.front{border-color:color-mix(in srgb, var(--accent) 25%, var(--line));background:linear-gradient(150deg, var(--panel-hover), var(--panel));color:var(--accent);flex-direction:column;gap:13px;top:35px;left:66px;transform:rotate(10deg)}.empty-photo span{color:var(--muted);font-size:8px}.empty-spark{color:var(--accent);font-size:22px;position:absolute;top:0;right:12px}.empty-state h2{letter-spacing:-.5px;font-size:22px;font-weight:500}.empty-state>p{color:var(--muted);max-width:345px;margin:13px 0 22px;font-size:12px;line-height:1.8}.load-error{text-align:center;padding:90px 20px}.load-error h2{font-size:20px;font-weight:500}.load-error p{color:var(--muted);margin:15px 0 22px;font-size:13px}.load-more{justify-content:center;padding:25px;display:flex}.page-footer{color:var(--faint);border-top:1px solid var(--line);justify-content:space-between;gap:12px;margin-top:20px;padding:25px 0 8px;font-size:10px;display:flex}.page-footer>span{align-items:center;gap:7px;display:flex}.toast{background:var(--panel-hover);border:1px solid var(--line);box-shadow:var(--shadow);z-index:100;border-radius:9px;align-items:center;gap:15px;width:max-content;max-width:calc(100vw - 30px);padding:12px 12px 12px 19px;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.drop-overlay{z-index:40;background:color-mix(in srgb, var(--bg) 95%, transparent);border:2px dashed var(--accent);color:var(--accent);pointer-events:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex;position:fixed;inset:12px 12px 12px 248px}.drop-overlay h2{color:var(--text);font-size:28px;font-weight:500}.drop-overlay p{color:var(--muted);font-size:13px}.modal{border:1px solid var(--line);background:var(--bg);color:var(--text);width:540px;max-width:calc(100vw - 28px);max-height:90vh;box-shadow:var(--shadow);border-radius:13px;padding:0;overflow:auto}.modal::backdrop,.viewer::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000a}.modal.wide{width:650px}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 25px;display:flex}.modal-header h2{letter-spacing:-.3px;font-size:17px;font-weight:550}.modal-body{padding:24px}.modal-body>p{margin-bottom:20px;font-size:13px;line-height:1.7}.field{color:var(--muted);flex-direction:column;gap:8px;margin-bottom:19px;font-size:11px;display:flex}.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--input);width:100%;color:var(--text);border-radius:6px;padding:11px 12px;font-size:13px}.field input::placeholder,.field textarea::placeholder{color:var(--faint);font-size:12px}.field small{color:var(--faint);font-size:10px}.field textarea{resize:vertical;min-height:74px}.field-label{color:var(--muted);margin-bottom:10px;font-size:11px}.collection-visibility{cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:20px;font-size:13px;display:flex}.collection-visibility input{flex-shrink:0;margin-top:2px}.collection-visibility small{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.6;display:block}.templates{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:20px;display:grid}.template{text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:7px;flex-direction:column;gap:12px;padding:16px 12px;display:flex}.template strong{color:var(--text);font-size:11px;font-weight:500}.template small{font-size:10px;line-height:1.5}.template.active{border-color:var(--accent);background:var(--selected)}.template.active>svg{color:var(--accent)}.form-row{align-items:flex-start;gap:18px;display:flex}.form-row>.field{flex:1;min-width:0}.color-field{border:0;flex:1;margin:0;padding:0}.color-field legend{color:var(--muted);margin-bottom:17px;font-size:11px}.colors{gap:10px;display:flex}.color-dot{background:var(--collection-color);border-radius:50%;width:20px;height:20px}.color-dot.active{outline:2px solid var(--text);outline-offset:3px}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;padding-top:20px;display:flex}.collection-actions{flex-wrap:wrap}.delete-notice{background:var(--panel);border:1px solid var(--line);border-radius:7px;width:100%;padding:15px;font-size:12px}.delete-notice p{color:var(--muted);margin-bottom:15px;line-height:1.6}.delete-notice>.text-button{margin-left:10px}.import-source-tabs{margin-bottom:18px}.link-import-history{margin-top:24px}.link-import-history h3{font-size:13px;font-weight:500}.link-import-history .upload-list{margin-top:8px}.upload-dropzone{border:1px dashed var(--faint);background:var(--panel);width:100%;min-height:165px;color:var(--accent);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.upload-dropzone:hover{border-color:var(--accent);background:var(--selected)}.upload-dropzone strong{color:var(--text);font-size:13px;font-weight:500}.upload-dropzone span{color:var(--muted);font-size:10px}.upload-list{max-height:310px;margin-top:20px;overflow:auto}.upload-item{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:13px 0;display:flex}.upload-file-icon{width:39px;height:39px;color:var(--muted);background:var(--panel);border-radius:6px;justify-content:center;align-items:center;display:flex}.upload-file-info{flex:1;min-width:0}.upload-file-info>strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;display:block;overflow:hidden}.upload-file-info>small{color:var(--faint);margin-top:5px;font-size:10px;display:block}.upload-file-info>small.error{color:var(--danger)}.upload-track{background:var(--line);border-radius:2px;height:3px;margin-top:7px}.upload-track>span{background:var(--accent);border-radius:2px;height:100%;display:block}.viewer{border:1px solid var(--line);background:var(--bg);width:min(1500px,96vw);max-width:none;height:90vh;max-height:90vh;color:var(--text);box-shadow:var(--shadow);border-radius:10px;padding:0;position:fixed;inset:0;overflow:hidden}.viewer-header{border-bottom:1px solid var(--line);align-items:center;gap:15px;height:65px;padding:0 18px;display:flex}.viewer-header>div{min-width:0;overflow:hidden}.viewer-header strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;display:block;overflow:hidden}.viewer-header>div>span{color:var(--faint);margin-top:5px;font-size:10px;display:block}.viewer-layout{grid-template-columns:minmax(0,1fr) 300px;height:calc(100% - 65px);display:grid}.viewer-layout.no-info{grid-template-columns:1fr}.viewer-stage{background:color-mix(in srgb, var(--bg) 85%, #000);justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.viewer-stage>img{object-fit:contain;max-width:calc(100% - 80px);max-height:calc(100% - 60px)}.viewer-stage>video{width:100%;max-width:calc(100% - 80px);max-height:calc(100% - 60px)}.viewer-prev,.viewer-next{color:#fff;z-index:1;background:#101114a0;border:1px solid #ffffff20;border-radius:5px;justify-content:center;align-items:center;width:30px;height:40px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.viewer-prev{left:12px}.viewer-next{right:12px}.viewer-info{border-left:1px solid var(--line);padding:25px 22px;overflow:auto}.viewer-info>h3{margin-bottom:23px;font-size:13px;font-weight:500}.viewer-info .field{margin-bottom:16px}.viewer-info .field input,.viewer-info .field textarea{padding:9px;font-size:12px}.detail-list{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;font-size:11px}.detail-list>div{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.detail-list span{color:var(--faint)}.detail-list strong{color:var(--muted);font-weight:400}.viewer-collections{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.viewer-collections h4{color:var(--muted);margin-bottom:13px;font-size:11px;font-weight:500}.collection-chip{background:var(--panel);border:1px solid var(--line);border-radius:4px;align-items:center;gap:7px;margin:0 5px 5px 0;padding:6px 9px;font-size:10px;display:inline-flex}.viewer-collections>.muted{font-size:11px}.processing-error{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.processing-error p{color:var(--muted);margin-bottom:12px;font-size:11px;line-height:1.7}.viewer-info>.error{margin-top:14px;font-size:11px;line-height:1.7}.video-wait{justify-content:center;align-items:center;width:100%;height:100%;padding:60px;display:flex;position:relative}.video-wait>img{object-fit:contain;opacity:.15;filter:blur(12px);width:100%;height:100%;position:absolute;inset:0}.video-wait>div{text-align:center;max-width:330px;color:var(--accent);position:relative}.video-wait h3{color:var(--text);margin:20px 0 13px;font-size:19px;font-weight:500}.video-wait p{color:var(--muted);font-size:12px;line-height:1.7}@media (width>=1700px){.cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}@media (width<=1100px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.main{margin-left:210px}.topbar{gap:16px;padding:0 25px}.page-content{padding:30px 25px 20px}.search-box{max-width:45%}.topbar-location,.heading-actions .button span{display:none}.heading-actions{gap:9px}.browser-controls{gap:8px}.control-select select{max-width:122px}.folder-browser{grid-template-columns:140px minmax(0,1fr);gap:18px}.cards{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:13px}.drop-overlay{left:222px}.brand>span:last-child{font-size:21px}}@media (width<=800px){.browser-toolbar{flex-wrap:wrap}.browser-controls{margin-left:auto}.viewer-layout{grid-template-columns:minmax(0,1fr) 260px}.viewer-info{padding:20px 17px}.viewer-stage>img,.viewer-stage>video{max-width:calc(100% - 65px)}}@media (width<=650px){.sidebar{width:240px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:25;background:#0008;position:fixed;inset:0}.main{margin-left:0}.mobile-menu{display:flex}.topbar{gap:11px;height:65px;padding:0 16px}.search-box{flex:1;width:auto;max-width:none;height:35px;margin:0}.search-box input{font-size:12px}.upload-top{padding:8px 10px}.upload-top>span{display:none}.page-content{padding:26px 18px 16px}.page-heading{align-items:flex-start;gap:8px;margin-bottom:22px}h1{font-size:30px}.heading-actions{flex-direction:column;align-items:flex-end;gap:10px}.heading-actions .button{width:30px;height:30px;padding:0}.item-count{margin-top:8px;font-size:10px}.collection-overview{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin-bottom:22px}.collection-tile{gap:10px;padding:12px}.collection-icon{width:30px;height:30px}.collection-tile strong{font-size:11px}.collection-tile small{font-size:9px}.collection-tile>svg{display:none}.browser-toolbar{gap:13px;margin-bottom:18px}.browser-controls{flex-wrap:wrap;justify-content:space-between;gap:9px;width:100%;margin:0}.control-select{gap:4px}.control-select select{max-width:135px;font-size:11px}.density{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.cards.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cards.shelf{grid-template-columns:1fr}.cards.list{display:flex}.media-caption{gap:4px}.media-caption>span{font-size:10px}.media-caption>small{display:none}.media-placeholder span{font-size:9px}.select-media,.favorite-button{opacity:1}.select-media{top:6px;left:6px}.favorite-button{width:24px;height:24px;top:6px;right:6px}.duration,.processing-pill{font-size:9px}.processing-pill{max-width:calc(100% - 50px);bottom:5px;left:5px}.section-heading{margin-top:18px}.section-heading h2{font-size:11px}.folder-browser{flex-direction:column;gap:15px;display:flex}.folder-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:0 0 12px}.folder-sidebar-heading{margin-bottom:4px}.folder-nav{min-height:34px}.folder-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.folder-tiles button{gap:8px;padding:12px}.folder-tiles strong{font-size:11px}.folder-tiles small{font-size:9px}.folder-tiles button>svg:last-child{display:none}.new-folder-button{padding:9px 12px}.empty-state{min-height:380px;padding-top:15px}.empty-state h2{font-size:21px}.empty-art{margin-bottom:15px;transform:scale(.9)}.empty-state>p{font-size:11px}.page-footer{font-size:9px;line-height:1.6}.selection-bar{gap:7px;padding:9px;font-size:11px}.selection-bar .spacer{display:none}.selection-bar>.label{flex:1}.selection-bar .button{padding:6px 8px;font-size:10px}.drop-overlay{left:12px}.drop-overlay h2{font-size:21px}.modal-header{padding:18px}.modal-body{padding:19px}.modal-header h2{font-size:16px}.templates{gap:6px}.template{gap:11px;padding:13px 9px}.template strong{font-size:10px}.template small{font-size:9px}.field input,.field textarea,.field select{font-size:16px}.form-row{gap:12px}.colors{flex-wrap:wrap;gap:8px}.color-dot{width:17px;height:17px}.modal-actions{flex-wrap:wrap;gap:7px}.modal-actions .button{padding:8px 11px;font-size:11px}.upload-dropzone{min-height:150px}.upload-item{gap:10px}.upload-file-info>strong{font-size:11px}.viewer{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh;margin:0}.viewer-header{gap:7px;height:58px;padding:0 8px}.viewer-header>div{flex:1}.viewer-header>.spacer{display:none}.viewer-header .icon-button{width:28px}.viewer-header>div>span{display:none}.viewer-header strong{max-width:130px;font-size:11px}.viewer-layout{flex-direction:column;height:calc(100% - 58px);display:flex;overflow:auto}.viewer-layout.no-info .viewer-stage{min-height:calc(100dvh - 58px)}.viewer-stage{flex-shrink:0;min-height:43dvh}.viewer-stage>img,.viewer-stage>video{max-width:calc(100% - 60px);max-height:40dvh}.viewer-info{border-left:0;border-top:1px solid var(--line);padding:25px;overflow:visible}.viewer-info .field input,.viewer-info .field textarea{font-size:16px}.viewer-prev{left:5px}.viewer-next{right:5px}.video-wait{padding:50px}.video-wait h3{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}