:root{--bg:#121316;--panel:#18191d;--panel-2:#1f2025;--panel-3:#26272d;--hover:#ffffff0e;--border:#ffffff12;--border-strong:#ffffff1f;--text:#ececef;--text-dim:#a1a3ab;--text-faint:#6c6e77;--accent:#5b8cff;--accent-2:#8b5cff;--accent-soft:#5b8cff29;--accent-glow:#5b8cff73;--danger:#ff5f5f;--ok:#3ddc97;--radius:10px;--shadow:0 18px 50px #00000080, 0 2px 8px #00000059;--font:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font:13px/1.45 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff17 padding-box content-box;border:3px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#ffffff2e}::-webkit-scrollbar-track{background:0 0}.kbd{font:500 10.5px/1 var(--font);background:var(--panel-3);border:1px solid var(--border-strong);color:var(--text-dim);white-space:nowrap;border-bottom-width:2px;border-radius:5px;padding:3px 5px}.dim{color:var(--text-faint)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{grid-template-columns:248px minmax(0,1fr) 300px;height:100%;display:grid}.app.no-inspector{grid-template-columns:248px minmax(0,1fr)}.main{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;container:main/inline-size}.btn{background:var(--panel-3);border:1px solid var(--border-strong);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:32px;padding:0 13px;font-weight:500;transition:background .15s,border-color .15s,transform 80ms,box-shadow .15s;display:inline-flex}.btn:hover{background:#2e2f36}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;pointer-events:none}.btn.primary{color:#fff;background:linear-gradient(#6a98ff,#4f7ff5);border-color:#ffffff24;box-shadow:0 4px 16px #5b8cff4d,inset 0 1px #fff3}.btn.primary:hover{background:linear-gradient(#7aa4ff,#5b8cff);box-shadow:0 6px 22px #5b8cff6b,inset 0 1px #ffffff38}.btn.lg{height:38px;padding:0 18px;font-size:14px}.btn.danger{background:var(--danger);color:#fff;border-color:#0000}.btn.danger:hover{background:#ff7373}.btn.ghost-danger{color:var(--danger);background:0 0;border-color:#ff5f5f40}.btn.ghost-danger:hover{background:#ff5f5f1a}.icon-btn{width:32px;height:32px;color:var(--text-dim);border-radius:8px;flex:none;place-items:center;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover{background:var(--hover);color:var(--text)}.icon-btn.active{color:var(--accent);background:var(--accent-soft)}.icon-btn.sm,.icon-btn.xs{border-radius:6px;width:22px;height:22px}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.brand{align-items:center;gap:11px;padding:16px 16px 14px;display:flex}.brand-name{letter-spacing:-.01em;font-size:15px;font-weight:700}.brand-sub{color:var(--text-faint);font-size:11.5px}.side-scroll{flex:1;padding:2px 8px 24px;overflow-y:auto}.nav-group{margin-bottom:10px}.nav-row{cursor:pointer;height:30px;color:var(--text-dim);-webkit-user-select:none;user-select:none;border-radius:7px;align-items:center;gap:8px;padding:0 8px;transition:background .12s,color .12s,box-shadow .12s;display:flex;position:relative}.nav-row:hover{background:var(--hover);color:var(--text)}.nav-row.active{background:var(--accent-soft);color:var(--text)}.nav-row.active .nav-icon{color:var(--accent)}.nav-row.drop-target,.section-head.drop-target{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--text)}.nav-icon{width:18px;color:var(--text-faint);flex:none;place-items:center;display:grid}.nav-row:hover .nav-icon{color:var(--text-dim)}.nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-count{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:11.5px}.section-head{text-transform:uppercase;letter-spacing:.06em;height:26px;color:var(--text-faint);-webkit-user-select:none;user-select:none;border-radius:7px;align-items:center;gap:6px;margin:14px 0 4px;padding:0 8px;font-size:11px;font-weight:600;display:flex}.section-head span:first-of-type{flex:1}.section-head.clickable{cursor:pointer}.section-head.clickable:hover{color:var(--text-dim)}.section-count{letter-spacing:0;font-weight:500;flex:none!important}.chev{flex:none;transition:transform .15s}.chev.open{transform:rotate(90deg)}.chev-btn{width:16px;height:20px;color:var(--text-faint);border-radius:4px;flex:none;place-items:center;margin-right:-4px;display:grid}.chev-btn:hover{color:var(--text)}.chev-btn.hidden{visibility:hidden}.rename-input{border:1px solid var(--accent);background:var(--bg);min-width:0;height:22px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:5px;outline:none;flex:1;padding:0 6px}.empty-folders{border:1px dashed var(--border-strong);width:100%;color:var(--text-faint);border-radius:8px;align-items:center;gap:7px;margin-top:2px;padding:9px 10px;display:flex}.empty-folders:hover{color:var(--text);border-color:var(--accent)}.tag-row{height:27px}.side-hint{color:var(--text-faint);padding:4px 10px;font-size:12px}.toolbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);z-index:20;background:#121316d1;flex:none;align-items:center;gap:14px;height:56px;padding:0 14px 0 22px;display:flex;position:relative}.view-title{flex:0 auto;align-items:center;gap:9px;min-width:0;display:flex}.view-title h1{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:650;overflow:hidden}.view-icon{color:var(--text-dim);display:grid}.view-count{color:var(--text-faint);background:var(--panel-3);font-variant-numeric:tabular-nums;border-radius:20px;padding:1px 7px;font-size:11.5px}.search{background:var(--panel-2);border:1px solid var(--border);max-width:440px;height:34px;color:var(--text-faint);border-radius:9px;flex:260px;align-items:center;gap:8px;margin-left:auto;padding:0 8px 0 11px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.search:focus-within{box-shadow:0 0 0 3px var(--accent-soft);background:var(--panel);border-color:#5b8cff99}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1}.search input::placeholder{color:var(--text-faint)}.toolbar-right{align-items:center;gap:6px;display:flex}.tool-btn{height:32px;color:var(--text-dim);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 10px;transition:background .12s,color .12s;display:inline-flex}.tool-btn:hover,.tool-btn.active{background:var(--hover);color:var(--text)}.tool-btn.danger{color:var(--danger)}.pill{background:var(--accent);color:#fff;border-radius:10px;place-items:center;min-width:17px;height:17px;padding:0 5px;font-size:10.5px;font-weight:600;display:inline-grid}.segmented{background:var(--panel-2);border:1px solid var(--border);border-radius:9px;padding:2px;display:inline-flex}.segmented button{min-width:30px;height:26px;color:var(--text-faint);border-radius:7px;place-items:center;padding:0 8px;font-size:12px;transition:background .12s,color .12s;display:grid}.segmented button:hover{color:var(--text)}.segmented button.on{background:var(--panel-3);color:var(--text);box-shadow:0 1px 3px #0006, inset 0 0 0 1px var(--border-strong)}.segmented.full{margin:2px 6px 4px;display:flex}.segmented.full button{flex:auto;padding:0 4px}.size-slider{width:92px;accent-color:var(--accent);cursor:pointer;height:4px;margin:0 6px}.color-chip{background:var(--panel-2);border:1px solid var(--border-strong);height:28px;color:var(--text-dim);border-radius:8px;align-items:center;gap:5px;padding:0 8px 0 4px;display:inline-flex}.color-chip span{border-radius:6px;width:20px;height:20px;box-shadow:inset 0 0 0 1px #ffffff26}.color-chip em{font-variant-numeric:tabular-nums;color:var(--text);font-size:11.5px;font-style:normal}.color-search{padding:2px 6px 4px}.color-swatches{flex-wrap:wrap;justify-content:space-between;gap:6px;padding:2px 3px 7px;display:flex}.color-swatch{border-radius:5px;width:24px;height:24px;transition:transform .12s;box-shadow:inset 0 0 0 1px #ffffff29}.color-swatch:hover{transform:scale(1.12)}.color-swatch.on{box-shadow:inset 0 0 0 1px #fff3, 0 0 0 2px var(--panel), 0 0 0 3.5px var(--text)}.color-custom{align-items:center;gap:6px;display:flex}.color-picker-wrap{flex:none;position:relative}.color-picker-btn{background:var(--panel-2);border:1px solid var(--border);height:28px;color:var(--text-dim);border-radius:7px;align-items:center;gap:2px;padding:0 4px 0 3px;display:inline-flex}.color-picker-btn.open,.color-picker-btn:hover{border-color:var(--border-strong);color:var(--text)}.color-picker-btn span{border-radius:5px;width:20px;height:20px;box-shadow:inset 0 0 0 1px #ffffff2e}.color-dropdown{z-index:400;border:1px solid var(--border-strong);width:232px;box-shadow:var(--shadow);background:#202127fa;border-radius:12px;flex-direction:column;gap:10px;padding:10px;display:flex;position:fixed}.color-field{cursor:crosshair;touch-action:none;border-radius:8px;height:150px;position:relative;overflow:hidden}.color-field-white,.color-field-black{position:absolute;inset:0}.color-field-white{background:linear-gradient(90deg,#fff,#0000)}.color-field-black{background:linear-gradient(#0000,#000)}.color-field i,.color-hue i{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0009,0 1px 3px #00000080}.color-hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:7px;height:14px;position:relative}.color-hue i{top:50%}.color-dropdown-readout{align-items:center;gap:8px;display:flex}.color-dropdown-readout span{border-radius:6px;width:22px;height:22px;box-shadow:inset 0 0 0 1px #ffffff2e}.color-dropdown-readout code{color:var(--text-dim);letter-spacing:.02em;font:12px/1 ui-monospace,SF Mono,Consolas,monospace}.color-number{background:var(--panel-2);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:7px;outline:none;flex:1;min-width:0;height:28px;padding:0 8px}.color-number:focus{box-shadow:0 0 0 3px var(--accent-soft);border-color:#5b8cff99}.color-number.invalid{border-color:var(--danger)}.popover-wrap{position:relative}.popover,.context-menu{-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);border:1px solid var(--border-strong);box-shadow:var(--shadow);z-index:100;background:#202127f5;border-radius:12px;padding:5px;animation:.12s ease-out pop}.popover{min-width:190px;position:absolute;top:calc(100% + 6px);left:0}.popover.right{left:auto;right:0}@keyframes pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.context-menu{min-width:220px;position:fixed}.menu-list{flex-direction:column;display:flex}.menu-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:6px 9px 4px;font-size:10.5px;font-weight:600}.menu-note{color:var(--text-faint);border-bottom:1px solid var(--border);margin-bottom:4px;padding:6px 9px 8px;font-size:11.5px;line-height:1.4}.menu-item{text-align:left;width:100%;height:30px;color:var(--text);border-radius:7px;align-items:center;gap:9px;padding:0 9px;display:flex}.menu-item:hover{background:var(--accent);color:#fff}.menu-item:hover .mi-icon,.menu-item:hover .mi-hint{color:#fff}.menu-item.dim{color:var(--text-dim)}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:var(--danger);color:#fff}.mi-icon{width:16px;color:var(--text-dim);place-items:center;display:grid}.mi-label{flex:1}.mi-hint{color:var(--text-faint);font-size:11px}.menu-sep{background:var(--border);height:1px;margin:5px 4px}.check-slot{width:16px;color:var(--accent);place-items:center;display:grid}.menu-item:hover .check-slot{color:#fff}.checkbox{border:1.5px solid var(--text-faint);border-radius:4px;flex:none;place-items:center;width:15px;height:15px;transition:background .12s,border-color .12s;display:grid}.checkbox.on{background:var(--accent);border-color:var(--accent);color:#fff}.stars-row,.rating{gap:2px;padding:2px 6px 4px;display:flex}.star{color:var(--text-faint);border-radius:6px;place-items:center;width:24px;height:24px;transition:color .12s,transform .12s;display:grid}.star:hover{color:#ffd166;transform:scale(1.12)}.star.on{color:#ffc53d}.star.on svg{fill:currentColor}.menu-colors{color:var(--text-dim);align-items:center;gap:5px;padding:6px 9px;display:flex}.menu-colors svg{margin-right:4px}.dot{border-radius:50%;width:16px;height:16px;transition:transform .12s,box-shadow .12s;box-shadow:inset 0 0 0 1px #ffffff2e}.dot:hover{transform:scale(1.18)}.dot.on{box-shadow:0 0 0 2px var(--panel-2), 0 0 0 3.5px var(--text)}.dot.none{background:conic-gradient(from 45deg, #444 0 25%, #666 0 50%, #444 0 75%, #666 0)}.color-dots{flex-wrap:wrap;gap:8px;display:flex}.color-dots .dot{width:20px;height:20px}.grid-scroll{-webkit-user-select:none;user-select:none;flex:1;padding:20px 22px 60px;position:relative;overflow:hidden auto}.grid-content{position:relative}.card{border-radius:var(--radius);cursor:default;will-change:transform;transition:transform .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0}.card .thumb{border-radius:var(--radius);background:var(--panel-2);box-shadow:0 0 0 1px var(--border), 0 1px 2px #0000004d;transition:box-shadow .15s,transform .2s;position:relative;overflow:hidden}.card:hover .thumb{box-shadow:0 0 0 1px var(--border-strong), 0 10px 30px #00000073}.card.selected .thumb{box-shadow:0 0 0 2.5px var(--accent), 0 0 0 6px var(--accent-soft), 0 10px 30px #00000073}.thumb>img,.thumb>video{opacity:0;width:100%;height:100%;transition:opacity .35s,transform .5s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;inset:0}.thumb>img.loaded,.thumb>video.loaded{opacity:1}.card:hover .thumb>img,.card:hover .thumb>video{transform:scale(1.025)}.thumb .preview{z-index:1;animation:.25s fadein}@keyframes fadein{0%{opacity:0}}.badges{z-index:2;gap:4px;display:flex;position:absolute;bottom:8px;right:8px}.badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.02em;font-variant-numeric:tabular-nums;background:#0000009e;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.source-badge,.rating-badge{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;opacity:0;background:#0009;border-radius:6px;align-items:center;gap:3px;height:22px;padding:0 6px;font-size:10.5px;font-weight:600;transition:opacity .15s,transform .15s;display:inline-flex;position:absolute;top:8px;transform:translateY(-3px)}.source-badge{left:8px}.rating-badge{color:#ffc53d;left:8px}.source-badge+.rating-badge{left:40px}.card:hover .source-badge,.card:hover .rating-badge,.card.selected .source-badge,.rating-badge{opacity:1;transform:none}.check{background:var(--accent);color:#fff;z-index:3;opacity:0;border-radius:50%;place-items:center;width:22px;height:22px;transition:opacity .15s,transform .18s cubic-bezier(.3,1.6,.5,1);display:grid;position:absolute;top:8px;right:8px;transform:scale(.6);box-shadow:0 2px 8px #0006}.card.selected .check{opacity:1;transform:scale(1)}.caption{padding:7px 3px 0;overflow:hidden}.caption-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:12.5px;font-weight:500;overflow:hidden}.caption-meta{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;font-size:11px;overflow:hidden}.card.selected .caption-name{color:var(--accent)}.file-face{color:var(--text-faint);letter-spacing:.08em;background:linear-gradient(160deg, var(--panel-3), var(--panel-2));flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0}.file-face.big{border-radius:16px;width:220px;height:260px;font-size:20px;position:static}.rubber-band{border:1px solid var(--accent);pointer-events:none;z-index:10;background:#5b8cff1f;border-radius:4px;position:absolute}.bookmark-face{background:linear-gradient(165deg,#22242b 0%,#1a1b20 100%);flex-direction:column;gap:9px;padding:14px 15px;display:flex;position:absolute;inset:0;overflow:hidden}.bookmark-face.tweet:after{content:"";pointer-events:none;background:linear-gradient(#0000,#1a1b20);height:40px;position:absolute;inset:auto 0 0}.bookmark-face.large{width:min(560px,90vw);max-height:70vh;box-shadow:var(--shadow), 0 0 0 1px var(--border-strong);border-radius:18px;gap:16px;padding:26px 28px;position:relative;inset:auto;overflow:auto}.bookmark-face.large:after{display:none}.bm-head{align-items:center;gap:9px;display:flex}.bm-who{flex:1;min-width:0}.bm-name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:650;overflow:hidden}.bm-handle{color:var(--text-faint);font-size:11.5px}.bm-text{white-space:pre-wrap;word-break:break-word;flex:1;min-height:0;font-size:13px;line-height:1.5;overflow:hidden}.large .bm-text{font-size:17px;line-height:1.55;overflow:visible}.large .bm-name{font-size:15px}.bm-text.dim{color:var(--text-dim);font-size:12px}.bm-foot{color:var(--text-faint);z-index:1;align-items:center;gap:5px;font-size:11px;display:flex;position:relative}.bm-site{color:var(--accent);align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:flex}.bm-title{font-size:14px;font-weight:650;line-height:1.35}.large .bm-title{font-size:20px}.avatar{object-fit:cover;background:var(--panel-3);border-radius:50%;flex:none}.avatar.fallback{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));place-items:center;font-size:12px;font-weight:700;display:grid}.subfolders{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:22px;display:grid}.subfolder{background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:12px;transition:border-color .15s,transform .15s,box-shadow .15s;overflow:hidden}.subfolder:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 10px 24px #00000059}.subfolder.drop-target{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.subfolder-cover{height:84px;color:var(--text-faint);background:var(--panel-3);place-items:center;display:grid}.subfolder-cover img{object-fit:cover;width:100%;height:100%}.subfolder-info{align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.subfolder-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:500;overflow:hidden}.subfolder-count{color:var(--text-faint);font-size:11px}.empty{color:var(--text-faint);text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px;display:flex;position:absolute;inset:0}.empty>*{pointer-events:auto}.empty h2{color:var(--text);letter-spacing:-.01em;margin:6px 0 0;font-size:18px;font-weight:650}.empty p{max-width:380px;margin:0 0 10px;line-height:1.6}.empty-art{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:26px;place-items:center;width:88px;height:88px;display:grid;position:relative;box-shadow:0 16px 50px #5b8cff59}.empty-art svg:last-child{border:3px solid var(--bg);background:#000;border-radius:10px;width:36px;height:36px;padding:7px;position:absolute;bottom:-10px;right:-10px}.inspector{background:var(--panel);border-left:1px solid var(--border);min-height:0;overflow-y:auto}.insp-body{flex-direction:column;gap:4px;padding:16px;display:flex}.insp-preview{background:repeating-conic-gradient(#1c1d22 0 25%, #202127 0 50%) 0 0 / 16px 16px;border:1px solid var(--border);border-radius:12px;place-items:center;height:200px;margin-bottom:10px;display:grid;position:relative;overflow:hidden}.insp-preview img,.insp-preview video{object-fit:contain;max-width:100%;max-height:100%}.insp-preview .bookmark-face{position:absolute}.icon-btn.floating{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;opacity:0;background:#0000008c;width:28px;height:28px;transition:opacity .15s;position:absolute;top:8px;right:8px}.insp-preview:hover .icon-btn.floating{opacity:1}.palette{height:22px;box-shadow:0 0 0 1px var(--border);border-radius:7px;margin-bottom:10px;display:flex;overflow:hidden}.swatch{flex-basis:0;transition:flex-grow .2s,filter .15s}.swatch:hover{filter:brightness(1.1);flex-grow:3!important}.insp-name{letter-spacing:-.01em;background:0 0;border:1px solid #0000;border-radius:7px;outline:none;width:calc(100% + 14px);margin:0 -7px;padding:5px 7px;font-size:15px;font-weight:650;transition:border-color .15s,background .15s}.insp-name:hover{background:var(--hover)}.insp-name:focus{background:var(--bg);border-color:#5b8cff99}.rating{margin:0 -4px 6px;padding:0}.insp-section{border-top:1px solid var(--border);margin-top:8px;padding:12px 0 4px}.insp-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);justify-content:space-between;align-items:center;min-height:22px;margin-bottom:8px;font-size:10.5px;font-weight:600;display:flex}.insp-notes,.url-field input{background:var(--panel-2);border:1px solid var(--border);resize:vertical;border-radius:8px;outline:none;width:100%;padding:7px 9px;font-size:12.5px;transition:border-color .15s,box-shadow .15s}.insp-notes:focus,.url-field input:focus{box-shadow:0 0 0 3px var(--accent-soft);border-color:#5b8cff99}.url-field{align-items:center;gap:4px;display:flex}.url-field input{color:var(--text-dim);text-overflow:ellipsis}.url-field .icon-btn{width:30px;height:30px}.info{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:12px;display:grid}.info dt{color:var(--text-faint)}.info dd{text-align:right;color:var(--text-dim);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.insp-actions{border-top:1px solid var(--border);gap:8px;margin-top:14px;padding-top:14px;display:flex}.insp-actions .btn{flex:1}.insp-actions.column{flex-direction:column}.tweet-block{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;margin:6px 0 4px;padding:12px}.tweet-head{align-items:center;gap:10px;display:flex}.tweet-who{flex:1;min-width:0}.tweet-name{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.tweet-handle{color:var(--text-faint);font-size:12px}.tweet-handle:hover{color:var(--accent)}.tweet-text{white-space:pre-wrap;word-break:break-word;color:var(--text-dim);margin:10px 0 0;font-size:12.5px;line-height:1.55}.tweet-link{color:var(--accent);align-items:center;gap:5px;margin-top:10px;font-size:12px;font-weight:500;display:inline-flex}.tweet-link:hover{text-decoration:underline}.folder-chips{flex-wrap:wrap;gap:6px;display:flex}.folder-chip,.add-chip{background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:7px;align-items:center;gap:6px;height:26px;padding:0 4px 0 9px;font-size:12px;display:inline-flex}.folder-chip:hover{border-color:var(--border-strong)}.folder-chip button{width:18px;height:18px;color:var(--text-faint);border-radius:5px;place-items:center;display:grid}.folder-chip button:hover{background:var(--hover);color:var(--text)}.add-chip{color:var(--text-faint);border-style:dashed;padding:0 10px}.add-chip:hover{color:var(--text);border-color:var(--accent)}.insp-stack{height:190px;color:var(--text-faint);place-items:center;display:grid;position:relative}.insp-stack img{object-fit:cover;width:130px;height:130px;box-shadow:0 10px 30px #00000080, 0 0 0 3px var(--panel);border-radius:12px;grid-area:1/1}.multi-title{text-align:center;font-size:15px;font-weight:650}.multi-sub{text-align:center;color:var(--text-faint);margin-bottom:6px;font-size:12px}.folder-hero{height:150px;color:var(--fc);background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--fc) 25%, transparent), transparent 70%), var(--panel-2);border:1px solid var(--border);border-radius:14px;place-items:center;margin-bottom:10px;display:grid;overflow:hidden}.folder-hero img{object-fit:cover;width:100%;height:100%}.insp-empty{gap:18px}.stat-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat-grid div{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:2px;padding:12px;display:flex}.stat-grid b{letter-spacing:-.02em;font-size:18px;font-weight:650}.stat-grid span{color:var(--text-faint);font-size:11.5px}.shortcut{color:var(--text-dim);justify-content:space-between;align-items:center;padding:5px 0;font-size:12px;display:flex}.tag-input{position:relative}.tag-chips{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;gap:5px;min-height:34px;padding:5px;transition:border-color .15s,box-shadow .15s;display:flex}.tag-chips:focus-within{box-shadow:0 0 0 3px var(--accent-soft);border-color:#5b8cff99}.tag-chips input{background:0 0;border:0;outline:none;flex:1;min-width:70px;padding:0 4px;font-size:12.5px}.tag-chip{background:var(--accent-soft);color:#a9c2ff;border-radius:6px;align-items:center;gap:3px;height:22px;padding:0 3px 0 8px;font-size:12px;font-weight:500;display:inline-flex}.tag-chip button{opacity:.7;border-radius:4px;place-items:center;width:16px;height:16px;display:grid}.tag-chip button:hover{opacity:1;background:#ffffff1a}.tag-suggest{z-index:30;border:1px solid var(--border-strong);box-shadow:var(--shadow);background:#202127fa;border-radius:10px;padding:4px;animation:.1s ease-out pop;position:absolute;top:calc(100% + 4px);left:0;right:0}.tag-suggest button{border-radius:6px;justify-content:space-between;width:100%;padding:6px 8px;font-size:12.5px;display:flex}.tag-suggest button.hi{background:var(--accent);color:#fff}.tag-suggest button.hi .dim{color:#ffffffbf}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#06070999;place-items:center;animation:.15s fadein;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border-strong);box-shadow:var(--shadow), 0 0 0 1px #0006;border-radius:16px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);animation:.2s cubic-bezier(.2,.9,.3,1.1) modal-in;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}.import-modal{width:600px}.modal-head{justify-content:space-between;align-items:center;padding:16px 16px 4px 22px;display:flex}.modal-head.has-back{gap:4px;padding-left:10px}.modal-head h2{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;flex:1;min-width:0;margin:0;font-size:17px;font-weight:650;overflow:hidden}.tabs{border-bottom:1px solid var(--border);gap:4px;padding:8px 18px 0;display:flex}.tabs button{color:var(--text-faint);border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:9px 12px;font-weight:500;transition:color .12s,border-color .12s;display:inline-flex}.tabs button:hover{color:var(--text)}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.modal-body{padding:18px 22px}.hint{color:var(--text-dim);margin:0 0 12px;font-size:12.5px;line-height:1.6}.hint.small{color:var(--text-faint);margin:12px 0 0;font-size:12px}.links-input{resize:vertical;background:var(--bg);border:1px solid var(--border-strong);border-radius:10px;outline:none;width:100%;height:190px;padding:12px 14px;font:12.5px/1.7 ui-monospace,SF Mono,Menlo,monospace;transition:border-color .15s,box-shadow .15s}.links-input:focus{box-shadow:0 0 0 3px var(--accent-soft);border-color:#5b8cff99}.links-input::placeholder{color:var(--text-faint)}.detected{gap:8px;margin-top:10px;display:flex}.det{background:var(--panel-2);height:24px;color:var(--text-faint);border-radius:20px;align-items:center;gap:6px;padding:0 9px;font-size:12px;transition:background .15s,color .15s;display:inline-flex}.det.on{background:var(--accent-soft);color:#a9c2ff}.modal-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px 16px 22px;display:flex}.folder-select{color:var(--text-dim);align-items:center;gap:10px;display:flex}.select{background:var(--panel-2);border:1px solid var(--border-strong);border-radius:8px;outline:none;min-width:200px;height:32px;padding:0 10px}.dropzone{border:1.5px dashed var(--border-strong);color:var(--text-faint);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:44px 20px;transition:border-color .15s,background .15s,color .15s;display:flex}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.dz-title{color:var(--text);font-size:14px;font-weight:600}.dz-sub{font-size:12px}.bookmarklet-row{background:var(--bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex}.bookmarklet-row .hint.small{margin:0}.bookmarklet{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;cursor:grab;border-radius:9px;align-items:center;gap:7px;height:34px;padding:0 14px;font-weight:600;display:inline-flex;box-shadow:0 6px 20px #5b8cff59}.picker-modal{align-self:start;width:440px;margin-top:14vh;overflow:hidden}.picker-search{border-bottom:1px solid var(--border);height:52px;color:var(--text-faint);align-items:center;gap:10px;padding:0 16px;display:flex}.picker-search input{background:0 0;border:0;outline:none;flex:1;font-size:15px}.picker-list{max-height:360px;padding:6px;overflow-y:auto}.picker-item{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;height:34px;padding:0 14px;display:flex}.picker-item span:nth-child(2){flex:1}.picker-item.hi{background:var(--accent);color:#fff}.picker-item.hi .dim{color:#ffffffbf}.picker-item.create{color:var(--text-dim)}.picker-item.create.hi{color:#fff}.confirm-modal{width:400px;padding:22px}.confirm-modal h3{margin:0 0 8px;font-size:16px}.confirm-modal p{color:var(--text-dim);margin:0 0 20px;line-height:1.55}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.viewer{z-index:150;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#08090bf0;flex-direction:column;animation:.18s fadein;display:flex;position:fixed;inset:0}.viewer-bar{flex:none;justify-content:space-between;align-items:center;height:56px;padding:0 14px 0 22px;display:flex}.viewer-title{flex-direction:column;min-width:0;display:flex}.viewer-name{white-space:nowrap;text-overflow:ellipsis;max-width:60vw;font-weight:600;overflow:hidden}.viewer-meta{color:var(--text-faint);font-size:11.5px}.viewer-actions{gap:4px;display:flex}.viewer-stage{flex:1;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;min-height:0;padding:0 70px 30px;display:grid;overflow:hidden}.viewer-video{max-width:100%;max-height:100%;box-shadow:var(--shadow);border-radius:8px;outline:none}.zoom-wrap{cursor:grab;touch-action:none;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.zoom-wrap.dragging{cursor:grabbing}.zoom-img{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;border-radius:4px;grid-area:1/1;max-width:100%;max-height:100%;transition:opacity .25s}.zoom-img.placeholder{filter:blur(8px);width:100%;height:100%}.zoom-level{font-variant-numeric:tabular-nums;pointer-events:none;background:#0009;border-radius:20px;padding:4px 10px;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.viewer-nav{width:46px;height:46px;color:var(--text);background:#ffffff12;border-radius:50%;place-items:center;transition:background .15s,transform .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.viewer-nav:hover{background:#ffffff26;transform:translateY(-50%)scale(1.06)}.viewer-nav.left{left:14px}.viewer-nav.right{right:14px}.viewer-bookmark{flex-direction:column;align-items:center;gap:20px;display:flex}.notifications{z-index:300;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:18px;right:18px}.notifications>*{pointer-events:auto}.toast{border:1px solid var(--border-strong);box-shadow:var(--shadow);background:#24252bf7;border-radius:10px;align-items:center;gap:8px;max-width:380px;padding:10px 14px;animation:.25s cubic-bezier(.2,.9,.3,1.2) toast-in;display:flex}.toast.success svg{color:var(--ok)}.toast.error svg{color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.96)}}.job-card{border:1px solid var(--border-strong);width:330px;box-shadow:var(--shadow);background:#24252bf7;border-radius:12px;animation:.25s cubic-bezier(.2,.9,.3,1.2) toast-in;overflow:hidden}.job-head{cursor:pointer;align-items:center;gap:10px;padding:11px 10px 9px 14px;display:flex}.job-head .ok{color:var(--ok)}.job-head .err{color:var(--danger)}.job-head .spin{color:var(--accent)}.job-text{flex:1;min-width:0}.job-title{font-weight:600}.job-sub{color:var(--text-faint);font-size:11.5px}.progress{background:#ffffff0f;height:3px}.progress div{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;box-shadow:0 0 10px var(--accent-glow);transition:width .4s}.job-entries{border-top:1px solid var(--border);max-height:180px;padding:6px 0;overflow-y:auto}.job-entry{color:var(--text-dim);align-items:center;gap:8px;padding:3px 14px;font-size:11.5px;display:flex}.je-dot{background:var(--text-faint);border-radius:50%;flex:none;width:6px;height:6px}.job-entry.running .je-dot{background:var(--accent);box-shadow:0 0 6px var(--accent)}.job-entry.done .je-dot{background:var(--ok)}.job-entry.skipped .je-dot{background:#ffc53d}.job-entry.error .je-dot{background:var(--danger)}.je-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.je-error{color:var(--danger);white-space:nowrap;text-overflow:ellipsis;max-width:130px;overflow:hidden}.drop-overlay{z-index:120;pointer-events:none;box-shadow:inset 0 0 0 3px var(--accent);background:#5b8cff14;place-items:center;animation:.12s fadein;display:grid;position:fixed;inset:0}.drop-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);color:var(--text);background:#18191deb;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:28px 40px;font-size:15px;display:flex}.drop-card svg{color:var(--accent)}.drop-card span{color:var(--text-faint);font-size:12px}.drag-ghost{place-items:center;width:90px;height:90px;display:grid;position:fixed;top:-1000px;left:-1000px}.drag-ghost img{object-fit:cover;border:2px solid #fff;border-radius:10px;grid-area:1/1;width:70px;height:70px;box-shadow:0 6px 20px #00000080}.drag-ghost span{background:var(--accent);color:#fff;min-width:22px;height:22px;font:700 12px/22px var(--font);text-align:center;z-index:2;border-radius:11px;padding:0 6px;position:absolute;top:2px;right:2px}@media (width<=1100px){.app{grid-template-columns:220px minmax(0,1fr) 270px}}@container main (width<=1040px){.tool-btn span:not(.pill){display:none}.size-slider{width:64px}}@container main (width<=800px){.size-slider,.view-count,.search .kbd{display:none}.toolbar{gap:8px;padding-left:16px}}@container main (width<=640px){.toolbar .segmented:not(.full),.btn.primary span{display:none}}.brand>div{flex:1;min-width:0}.brand-settings{width:28px;height:28px}.settings-modal{grid-template-rows:minmax(0,1fr);grid-template-columns:190px 1fr;width:720px;height:min(580px,100vh - 80px);display:grid;overflow:hidden}.settings-nav{background:var(--panel-2);border-right:1px solid var(--border);flex-direction:column;gap:2px;padding:18px 10px;display:flex;overflow-y:auto}.settings-nav .nav-row{text-align:left;width:100%}.settings-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:0 8px 10px;font-size:11px;font-weight:600}.settings-main{flex-direction:column;min-width:0;min-height:0;display:flex}.settings-body{flex:1;min-height:0;padding:14px 22px 22px;overflow-y:auto}.setting-label{font-size:13.5px;font-weight:600}.setting-hint{color:var(--text-faint);margin:2px 0 14px;font-size:12px}.provider-list{border:1px solid var(--border);background:var(--panel-2);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.provider-row{text-align:left;align-items:center;gap:12px;padding:12px 14px;transition:background .12s;display:flex}.provider-row+.provider-row{border-top:1px solid var(--border)}.provider-row:hover{background:var(--panel-3)}.status-dot{background:var(--text-faint);border-radius:50%;flex:none;width:8px;height:8px}.status-dot.on{background:var(--ok);box-shadow:0 0 0 3px #3ddc9726}.provider-detail{flex-direction:column;gap:16px;display:flex}.provider-head{align-items:flex-start;gap:14px;display:flex}.provider-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.provider-name{font-weight:600}.provider-desc{color:var(--text-faint);font-size:12px}.switch{background:var(--panel-3);border:1px solid var(--border-strong);border-radius:10px;flex:none;width:34px;height:20px;transition:background .15s,border-color .15s;position:relative}.switch:after{content:"";background:var(--text-dim);border-radius:50%;width:14px;height:14px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.switch.on{background:var(--accent);border-color:var(--accent)}.switch.on:after{background:#fff;transform:translate(14px)}.provider-fields{flex-direction:column;gap:12px;display:flex}.provider-field label{color:var(--text-dim);margin-bottom:5px;font-size:12px;font-weight:500;display:block}.provider-field .select{width:100%}.text-input{background:var(--panel);border:1px solid var(--border-strong);border-radius:8px;outline:none;width:100%;height:32px;padding:0 10px}.text-input:focus{border-color:#5b8cffb3;box-shadow:0 0 0 3px #5b8cff1f}.text-input::placeholder{color:var(--text-faint)}.field-hint{color:var(--text-faint);margin-top:4px;font-size:11.5px}.secret-row{gap:8px;display:flex}.provider-foot{align-items:center;gap:8px;display:flex}.provider-status{min-width:0;color:var(--text-faint);flex:1;align-items:center;gap:6px;font-size:12px;display:flex}.provider-status svg{flex:none}.provider-status a{color:var(--text-dim);align-items:center;gap:4px;display:inline-flex}.provider-status a:hover{color:var(--text)}.provider-status.ok{color:var(--ok)}.provider-status.error{color:var(--danger)}.provider-sites{color:var(--text-faint);margin-top:-6px;font-size:11.5px;line-height:1.5}.choice-list{flex-direction:column;gap:8px;display:flex}.choice{border:1px solid var(--border);background:var(--panel-2);text-align:left;border-radius:12px;align-items:center;gap:14px;padding:13px 14px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.choice:hover{border-color:var(--border-strong);background:var(--panel-3)}.choice.on{background:var(--accent-soft);border-color:#5b8cffb3;box-shadow:0 0 0 3px #5b8cff1a}.choice-icon{background:var(--panel-3);width:38px;height:38px;color:var(--text-dim);border-radius:10px;flex:none;place-items:center;display:grid}.choice.on .choice-icon{background:var(--accent);color:#fff}.choice-text{flex-direction:column;flex:1;gap:2px;display:flex}.choice-title{font-weight:600}.choice-desc{color:var(--text-faint);font-size:12px}.radio{border:1.5px solid var(--text-faint);border-radius:50%;flex:none;width:18px;height:18px;transition:border .15s}.choice.on .radio{border:5px solid var(--accent);background:#fff}.load-more{border:2px solid var(--panel-3);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;margin-left:-11px;animation:.8s linear infinite spin;position:absolute;left:50%}.logo{flex:none;place-items:center;line-height:1;display:inline-grid}.page-links{border:1px solid var(--border);background:var(--panel-2);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.page-link{text-align:left;align-items:center;gap:12px;padding:12px 14px;transition:background .12s;display:flex}.page-link+.page-link{border-top:1px solid var(--border)}.page-link:hover{background:var(--panel-3)}.page-link-icon{background:var(--panel-3);width:32px;height:32px;color:var(--text-dim);border-radius:9px;flex:none;place-items:center;display:grid}.page-link-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.page-link-label{font-weight:600}.page-link-desc{color:var(--text-faint);font-size:12px}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.sheet-backdrop{z-index:180;background:#0607098c;flex-direction:column;justify-content:flex-end;animation:.15s fadein;display:flex;position:fixed;inset:0}.sheet{overscroll-behavior:contain;background:var(--panel);border:1px solid var(--border-strong);width:100%;max-width:640px;max-height:88dvh;box-shadow:var(--shadow);padding-bottom:env(safe-area-inset-bottom);border-bottom:0;border-radius:18px 18px 0 0;margin:0 auto;transition:transform .2s;animation:.28s cubic-bezier(.2,.9,.3,1) sheet-in;overflow-y:auto}@keyframes sheet-in{0%{transform:translateY(100%)}}.sheet-handle{z-index:2;background:var(--panel);touch-action:none;cursor:grab;place-items:center;height:22px;display:grid;position:sticky;top:0}.sheet-handle:before{content:"";background:var(--border-strong);border-radius:2px;width:36px;height:4px}.sheet>.menu-list{padding:0 8px 10px}.sheet .menu-item{height:42px;font-size:14px}.sheet .menu-label{padding-top:10px}.sheet .segmented button{justify-content:center;align-items:center;gap:6px;height:34px;font-size:13px;display:inline-flex}.inspector-sheet .btn{height:40px}.size-slider.full{width:auto;margin:8px 12px 6px}.inspector-sheet .inspector{background:0 0;border:0;overflow:visible}.inspector-sheet .insp-body{padding-top:4px}.inspector-sheet .shortcuts{display:none}.selection-bar{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:90;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-strong);max-width:520px;box-shadow:var(--shadow);background:#24252bf7;border-radius:14px;align-items:center;gap:2px;margin:0 auto;padding:5px;animation:.25s cubic-bezier(.2,.9,.3,1.2) toast-in;display:flex;position:fixed}.selection-count{white-space:nowrap;flex:1;min-width:0;padding-left:2px;font-weight:600}.selection-bar .icon-btn{width:40px;height:40px;color:var(--text)}.selection-bar .icon-btn.danger{color:var(--danger)}.app.selecting .notifications{bottom:calc(76px + env(safe-area-inset-bottom))}.app.selecting .grid-scroll{padding-bottom:100px}.drawer-scrim{display:none}@media (width<=860px){.app,.app.no-inspector{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:160;visibility:hidden;width:min(300px,85vw);transition:transform .25s cubic-bezier(.2,.9,.3,1),visibility 0s .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{visibility:visible;box-shadow:var(--shadow);transition:transform .25s cubic-bezier(.2,.9,.3,1);transform:none}.drawer-scrim{z-index:155;background:#0607098c;animation:.15s fadein;display:block;position:fixed;inset:0}.sidebar .nav-row{height:38px;font-size:14px}.sidebar .tag-row{height:34px}.menu-btn{margin-left:-6px}.view-title{flex:none;max-width:40%}.view-title.clickable{cursor:pointer;border-radius:8px;margin-left:-6px;padding:5px 6px}.view-title.clickable:hover,.view-title.clickable:active{background:var(--hover)}.context-menu{z-index:250}.toolbar{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;position:fixed;top:0;left:0;right:0}.main{padding-top:var(--toolbar-h,56px)}}@media (width<=760px){input:not([type=range]):not([type=checkbox]),textarea,select{font-size:16px}.toolbar{flex-wrap:wrap;gap:8px 4px;height:auto;padding:8px 10px}.view-title{flex:1 1 0;max-width:none}.search{flex:100%;order:1;max-width:none;height:38px;margin:0}.toolbar-right{gap:2px}.toolbar .btn.primary{padding:0 10px}.grid-scroll{padding:12px 10px 80px}.modal{max-width:calc(100vw - 20px)}.modal.page{border:0;border-radius:0;flex-direction:column;width:100%;max-width:none;height:100%;max-height:none;animation:.22s cubic-bezier(.2,.9,.3,1) page-in;display:flex;overflow:hidden}.modal.page .modal-head{border-bottom:1px solid var(--border);flex:none;padding:10px 8px 10px 16px}.modal.page .modal-head.has-back{padding-left:6px}.modal.page>.modal-body{flex:1;min-height:0;padding:16px;overflow-y:auto}.modal.page .modal-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));flex:none}.page-enter{animation:.22s cubic-bezier(.2,.9,.3,1) page-in}.folder-select,.folder-select .select{flex:1;min-width:0}.links-input{height:160px}.settings-modal.page{display:flex}.settings-body{padding:16px}.page-link{padding:14px}.provider-foot{flex-wrap:wrap}.provider-foot .provider-status{flex-basis:100%}.picker-modal{width:100%;margin-top:10px}.picker-item{height:42px}.notifications{align-items:stretch;bottom:10px;left:10px;right:10px}.job-card{width:auto}.toast{max-width:none}.viewer-bar{padding:0 6px 0 14px}.viewer-name{max-width:none}.viewer-title{flex:1}.viewer-stage{padding:0 0 12px}}@media (hover:none){.card{-webkit-touch-callout:none}.card:hover .thumb>img,.card:hover .thumb>video{transform:none}.icon-btn.floating{opacity:1}.viewer-nav{display:none}.viewer-stage,.zoom-wrap{touch-action:pinch-zoom}}.embed-parts{flex-direction:column;gap:6px;display:flex}.embed-part{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;font-size:12px;display:flex}.embed-kind{color:var(--text-dim);align-items:center;gap:6px;display:inline-flex}.embed-kind svg{color:var(--text-faint)}.embed-part-state{color:var(--text-faint);align-items:center;gap:4px;display:inline-flex}.embed-part-state.done{color:var(--ok)}.embed-part-state.failed{color:var(--danger)}.embed-part-error{color:var(--text-faint);overflow-wrap:anywhere;flex-basis:100%;font-size:11px}.score-badge{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em;pointer-events:auto;background:#0000009e;border-radius:5px;align-items:center;gap:3px;height:18px;padding:0 5px;font-size:10px;font-weight:600;transition:right .15s;display:inline-flex;position:absolute;top:8px;right:8px}.score-badge svg{opacity:.7}.score-badge.text-match{box-shadow:inset 0 0 0 1px #5b8cffd9}.card.selected .score-badge{right:36px}.semantic{flex-direction:column;gap:18px;min-height:100%;display:flex}.semantic-hero{border:1px solid var(--border);background:radial-gradient(120% 140% at 0% 0%, #5b8cff1a, transparent 55%), radial-gradient(120% 140% at 100% 100%, #8b5cff14, transparent 55%), var(--panel-2);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .2s;display:flex}.semantic-hero.on{border-color:#5b8cff4d}.semantic-icon{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 6px 18px #5b8cff4d,inset 0 1px #ffffff40}.semantic-intro{flex:1;min-width:0}.semantic-title{font-size:14px;font-weight:600}.semantic-intro p{color:var(--text-faint);margin:2px 0 0;font-size:12px;line-height:1.45}.semantic-status{border:1px solid var(--border);background:var(--panel-2);border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.semantic-status-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.state-pill{height:22px;color:var(--accent);background:var(--accent-soft);border-radius:11px;align-items:center;gap:6px;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex}.state-pill.complete{color:var(--ok);background:#3ddc971f}.state-pill.error{color:var(--danger);background:#ff5f5f1f}.state-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.btn.ghost{border-color:var(--border);color:var(--text-dim);background:0 0}.btn.ghost:hover{background:var(--hover);color:var(--text)}.btn.sm{gap:5px;height:26px;padding:0 9px;font-size:12px}.semantic-count{color:var(--text-faint);align-items:baseline;gap:6px;font-size:12px;display:flex}.semantic-count b{color:var(--text);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:650}.semantic-pct{font-variant-numeric:tabular-nums;margin-left:auto}.semantic-bar{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.semantic-bar div{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:3px;height:100%;transition:width .4s}.semantic-status.complete .semantic-bar div{background:var(--ok)}.semantic-status.error .semantic-bar div{background:var(--danger)}.semantic-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{height:22px;color:var(--text-dim);background:var(--panel-3);font-variant-numeric:tabular-nums;border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-size:11.5px;display:inline-flex}.chip svg{color:var(--text-faint)}.chip.danger,.chip.danger svg{color:var(--danger)}.semantic-note{color:var(--text-faint);overflow-wrap:anywhere;font-size:11.5px}.semantic-note.error{color:var(--danger)}.form-group{flex-direction:column;gap:8px;display:flex}.form-group-head{align-items:center;gap:7px;padding:0 2px;display:flex}.form-group-icon{color:var(--text-faint);place-items:center;display:grid}.form-group-label{font-size:12.5px;font-weight:600}.form-group-desc{color:var(--text-faint);font-size:11.5px}.form-group-desc:before{content:"·";margin-right:7px}.form-group-card{border:1px solid var(--border);background:var(--panel-2);border-radius:14px;grid-template-columns:1fr 1fr;gap:14px;padding:14px 16px 16px;display:grid}.form-cell{min-width:0}.form-cell.wide{grid-column:1/-1}.form-group-card .text-input,.form-group-card .select{background:var(--panel)}.semantic-foot{border-top:1px solid var(--border);background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;align-items:center;gap:8px;margin:auto -22px -22px;padding:12px 22px;display:flex;position:sticky;bottom:-22px}@media (width<=760px){.form-group-card{grid-template-columns:1fr}.form-group-desc{display:none}.semantic-foot{flex-wrap:wrap;margin:auto -16px -16px;padding:12px 16px;bottom:-16px}.semantic-foot .provider-status{flex-basis:100%}}