:root{color:#101010;background:#f4f4ef;font-family:Microsoft YaHei UI,PingFang SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #f4f4ef;--paper-deep: #e8e8e1;--ink: #101010;--muted: #6d6d66;--line: #c9c9c1;--register-red: #e33c2f;--night: #262624}*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{color:inherit}.boot-state{min-height:100vh;display:grid;place-items:center;color:var(--muted);font:11px/1 ui-monospace,monospace}.global-sync-warning{position:fixed;z-index:10;left:50%;top:10px;transform:translate(-50%);padding:9px 14px;background:var(--ink);color:#fff;font-size:11px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(90deg,var(--register-red) 0 36px,var(--paper) 36px)}.auth-card{width:min(440px,100%);padding:44px;border:1px solid var(--ink);background:var(--paper)}.auth-card .brand-mark{margin-bottom:42px}.auth-card h1{margin:0;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:64px;line-height:.9}.auth-card>p:not(.eyebrow){color:var(--muted)}.auth-card form{display:grid;gap:16px;margin-top:34px}.site-footer{margin-top:40px;padding-top:18px;border-top:1px solid var(--line);text-align:center;font-size:12px;line-height:1.6}.site-footer a{display:inline-block;padding:10px 4px;color:var(--muted);text-underline-offset:3px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--register-red) 60%,transparent);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.side-rail{position:sticky;top:0;height:100vh;padding:30px 24px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:var(--paper);z-index:4}.brand-lockup{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:46px;background:var(--ink);color:#fff;border-left:5px solid var(--register-red);font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-weight:800;letter-spacing:.04em}.brand-lockup strong{display:block;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;letter-spacing:.08em;font-size:16px}.brand-lockup small{display:block;margin-top:3px;color:var(--muted);font-size:10px;letter-spacing:.16em}.primary-nav{display:grid;gap:4px;margin-top:72px}.nav-item{appearance:none;border:0;background:transparent;display:flex;align-items:center;gap:13px;padding:12px 10px;text-align:left;color:var(--muted);cursor:pointer;border-left:3px solid transparent}.nav-item:hover{color:var(--ink)}.nav-item.active{color:var(--ink);border-left-color:var(--register-red);font-weight:700}.connection-state{margin-top:auto;display:flex;align-items:center;gap:8px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.main-stage{min-width:0;padding:38px clamp(28px,5vw,76px) 80px}.stage-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding-bottom:24px;border-bottom:1px solid var(--ink)}.stage-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.eyebrow,.section-label{margin:0 0 8px;color:var(--register-red);font-family:ui-monospace,Cascadia Mono,monospace;font-size:10px;letter-spacing:.16em;font-weight:700}.stage-header h1,.import-dialog h2{margin:0;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:clamp(42px,6vw,76px);line-height:.9;letter-spacing:-.035em;text-transform:uppercase}.primary-action,.secondary-action{border:1px solid var(--ink);min-height:44px;padding:11px 18px;cursor:pointer;font-weight:700}.primary-action{background:var(--ink);color:#fff}.primary-action:hover{background:var(--register-red);border-color:var(--register-red)}.secondary-action{background:transparent}.secondary-action:hover{background:var(--paper-deep)}.danger-action{display:inline-flex;align-items:center;gap:7px;color:#9d2119;border-color:#9d2119}.primary-action:disabled,.secondary-action:disabled{opacity:.55;cursor:wait}.notice{margin:20px 0;padding:12px 14px;border-left:4px solid var(--register-red);background:#fff;font-size:13px}.draft-strip{margin-top:20px;padding:18px;border:1px dashed var(--register-red)}.draft-strip article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--line)}.draft-strip strong,.draft-strip span{display:block}.draft-strip span{margin-top:5px;color:var(--muted);font-size:10px}.draft-actions{display:flex;align-items:center;gap:8px}.empty-archive{position:relative;min-height:480px;margin-top:28px;padding:clamp(70px,12vw,140px) clamp(28px,8vw,120px);border:1px solid var(--line);overflow:hidden}.empty-archive:after{content:"FRAME INDEX";position:absolute;right:-10px;bottom:-18px;font-family:Bahnschrift Condensed,sans-serif;font-size:clamp(80px,14vw,190px);font-weight:900;line-height:.8;color:#10101009;white-space:nowrap;pointer-events:none}.empty-archive h2{max-width:560px;margin:0 0 16px;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:clamp(40px,6vw,74px);line-height:.96;letter-spacing:-.03em}.empty-archive>p:not(.eyebrow){max-width:520px;margin:0 0 30px;color:var(--muted);line-height:1.8}.register-line{position:absolute;left:0;top:0;bottom:0;width:38px;background:var(--register-red);color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:18px 0;font:10px/1 ui-monospace,monospace}.roll-index{display:grid;gap:1px;background:var(--line);margin-top:28px;border:1px solid var(--line)}.roll-card{appearance:none;width:100%;padding:0;border:0;display:grid;grid-template-columns:48px minmax(220px,38%) minmax(280px,1fr);min-height:300px;background:var(--paper);text-align:left;cursor:pointer}.roll-card:hover .roll-cover img{transform:scale(1.015)}.frame-index{background:var(--register-red);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:14px 0;font:9px/1 ui-monospace,monospace;writing-mode:vertical-rl}.frame-index i{width:1px;flex:1;margin:10px 0;background:#fff9}.roll-cover{position:relative;min-height:280px;background:var(--night);overflow:hidden}.roll-cover img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92);transition:transform .25s ease}.cover-placeholder{height:100%;background:linear-gradient(145deg,#30302d,#151514)}.roll-format{position:absolute;left:12px;bottom:12px;padding:5px 8px;background:#101010c7;color:#fff;font:9px/1 ui-monospace,monospace;text-transform:uppercase}.roll-copy{padding:clamp(28px,4vw,52px);display:flex;flex-direction:column}.roll-meta{margin:0;color:var(--register-red);font:10px/1.3 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.roll-copy h2{margin:14px 0 4px;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:clamp(34px,4vw,58px);line-height:.95;letter-spacing:-.03em}.film-stock{margin:6px 0 26px;color:var(--muted);font-size:14px}.roll-copy dl{display:flex;gap:30px;margin:auto 0 24px}.roll-copy dl div{min-width:100px}.roll-copy dt{color:var(--muted);font-size:10px;margin-bottom:4px}.roll-copy dd{margin:0;font-size:13px}.roll-count{margin:0;padding-top:14px;border-top:1px solid var(--line);font:11px/1 ui-monospace,monospace}.dialog-backdrop{position:fixed;inset:0;z-index:20;background:#101010a3;display:grid;place-items:center;padding:24px;overflow-y:auto}.import-dialog{width:min(880px,100%);max-height:calc(100vh - 48px);overflow-y:auto;background:var(--paper);box-shadow:0 30px 80px #00000052}.import-dialog>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding:28px 32px 24px;background:var(--paper);border-bottom:1px solid var(--ink)}.import-dialog h2{font-size:48px}.icon-button{border:0;background:transparent;padding:5px;cursor:pointer}.import-dialog form{padding:0 32px 32px}.form-section{padding:28px 0;border-bottom:1px solid var(--line)}.field-grid{display:grid;gap:18px}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-field{display:grid;align-content:start;gap:12px}label{display:grid;gap:7px;font-size:12px;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:0;background:#ffffff8c;padding:11px 12px;color:var(--ink)}textarea{resize:vertical}.form-section>label{margin-top:18px}.file-drop{position:relative;display:grid;min-height:150px;place-content:center;text-align:center;border:1px dashed var(--muted);background:#fff;cursor:pointer}.file-drop:hover{border-color:var(--register-red)}.file-drop>span{color:var(--register-red);font:10px/1 ui-monospace,monospace;text-transform:uppercase}.file-drop>strong{margin-top:10px;font-size:16px}.file-drop>small{margin-top:6px;color:var(--muted);font-weight:400}.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.source-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 0 14px;padding:1px;border:0;background:var(--line)}.source-selector label{min-width:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:14px;background:var(--paper);cursor:pointer}.source-selector label.selected{box-shadow:inset 0 -3px var(--register-red);background:#fff}.source-selector input{width:auto;accent-color:var(--register-red)}.source-selector strong,.source-selector small{display:block}.source-selector small{margin-top:4px;color:var(--muted);font-size:9px;font-weight:400}.remote-folder-selection{min-height:112px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;border:1px solid var(--ink);background:#fff}.remote-folder-selection span,.remote-folder-selection strong,.remote-folder-selection small{display:block}.remote-folder-selection span{color:var(--register-red);font:9px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.remote-folder-selection strong{margin-top:7px;overflow-wrap:anywhere;font:13px/1.45 ui-monospace,monospace}.remote-folder-selection small{margin-top:7px;color:var(--muted);font-size:10px;line-height:1.5}.remote-folder-empty{min-height:140px;display:grid;place-items:center;align-content:center;gap:14px;padding:22px;border:1px dashed var(--muted);background:#fff;text-align:center}.remote-folder-empty p{margin:0;color:var(--muted);font-size:12px}.field-error{margin:8px 0 0;color:#9d2119;font-size:12px}.selected-file-order{max-height:190px;margin:12px 0 0;padding:0;list-style:none;overflow-y:auto;border:1px solid var(--line);background:#fff}.selected-file-order li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid var(--line);font:10px/1.3 ui-monospace,monospace}.selected-file-order li:last-child{border-bottom:0}.selected-file-order li>span:last-child{display:flex;gap:4px}.selected-file-order button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--line);background:transparent;cursor:pointer}.selected-file-order button:disabled{opacity:.3;cursor:default}.import-dialog footer{display:flex;justify-content:flex-end;gap:10px;padding-top:28px}.loading-state{padding:80px 0;color:var(--muted)}.page-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 18px;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:11px}.page-back:hover{color:var(--register-red)}.roll-ledger{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:28px 0;border-block:1px solid var(--line)}.roll-ledger div{min-width:0;padding:18px;border-right:1px solid var(--line)}.roll-ledger div:last-child{border-right:0}.roll-ledger span,.photo-card-copy span{display:block;margin-bottom:7px;color:var(--muted);font-size:10px}.roll-ledger strong{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.5}.roll-source{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;align-items:center;margin-top:28px;padding:18px;border-left:5px solid var(--register-red);background:var(--ink);color:#fff}.source-identity{min-width:0}.source-identity>strong{display:block;margin-top:9px;overflow-wrap:anywhere;font:12px/1.5 ui-monospace,monospace}.provider-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;background:var(--register-red);color:#fff;font:9px/1 ui-monospace,monospace;letter-spacing:.08em}.source-sync-state{min-width:130px}.source-sync-state span,.source-sync-state strong,.source-sync-state small{display:block}.source-sync-state span{color:#a7a7a1;font-size:9px}.source-sync-state strong{margin-top:5px;font-size:10px}.source-sync-state small{margin-top:5px}.source-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.source-actions .secondary-action{display:inline-flex;align-items:center;gap:6px;border-color:#777772;color:#fff;text-decoration:none}.source-actions .secondary-action:hover{background:#363633}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px}.photo-card{min-width:0;border:1px solid var(--line);background:var(--paper)}.photo-image{position:relative;aspect-ratio:3 / 2;overflow:hidden;background:var(--night)}.photo-image img{display:block;width:100%;height:100%;object-fit:contain}.photo-placeholder{display:grid;width:100%;height:100%;place-items:center;color:#8b8b86;background:#e8e7e1}.photo-placeholder span{font:10px/1.4 ui-monospace,monospace;letter-spacing:.12em}.frame-number{position:absolute;left:0;bottom:0;min-width:36px;padding:7px 8px;background:var(--register-red);color:#fff;font:10px/1 ui-monospace,monospace}.favorite-button{position:absolute;right:8px;top:8px;width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.7);background:#1010109e;color:#fff;cursor:pointer}.favorite-button.selected{border-color:var(--register-red);background:var(--register-red)}.photo-card-copy{padding:13px 14px 16px}.photo-card-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11px/1.4 ui-monospace,monospace}.photo-card-copy span{margin:6px 0 0}.photo-notes{margin:8px 0 0;color:var(--muted);font-size:10px;white-space:pre-wrap}.photo-details-editor{margin-top:10px}.photo-details-editor>button{padding:5px 8px;font-size:10px}.photo-details-editor form{display:grid;gap:8px}.photo-details-editor form label span{margin:0 0 4px}.photo-details-editor form input,.photo-details-editor form textarea{width:100%;padding:8px;font-size:11px}.photo-details-editor form div{display:flex;justify-content:flex-end;gap:6px}.source-error{color:var(--register-red)!important;font-weight:700}.photo-card-copy>.source-error{margin:9px 0 0;padding:7px 8px;border-left:3px solid var(--register-red);background:color-mix(in srgb,var(--register-red) 7%,transparent);font-size:10px}.preview-failure{margin-top:10px;padding:9px;border:1px solid var(--register-red)}.preview-failure p{margin:0 0 7px;color:var(--register-red);font-size:10px}.preview-failure button{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid var(--register-red);background:transparent;color:var(--register-red);cursor:pointer;font-size:10px}.preview-failure button:disabled{opacity:.45;cursor:not-allowed}.asset-details{margin-top:10px;border-top:1px solid var(--line)}.asset-details summary{padding:9px 0 5px;cursor:pointer;color:var(--muted);font-size:10px}.asset-details ul{margin:4px 0 0;padding:0;list-style:none}.asset-details li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid var(--line)}.asset-details li>span{min-width:0;margin:0}.asset-details li strong,.asset-details li small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-details li small{margin-top:3px;color:var(--muted);font:8px/1 ui-monospace,monospace}.asset-details a,.asset-details li>button{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;color:inherit;font-size:9px}.asset-details li>button{padding:0;border:0;background:transparent}.asset-details li>button:disabled{opacity:.45}.collection-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.collection-actions button{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border:1px solid var(--line);background:transparent;cursor:pointer;font-size:10px}.collection-actions button:disabled{color:var(--muted);cursor:default}.tag-editor{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:10px}.tag-editor>button,.tag-editor form button,.collection-list article button{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid var(--line);background:transparent;cursor:pointer;font-size:10px}.tag-editor>span{margin:0;padding:5px 7px;background:var(--register-red);color:#fff;font-size:9px}.tag-editor form{flex-basis:100%;display:flex;flex-wrap:wrap;gap:5px;padding-top:7px}.tag-editor form label{flex:1 1 120px}.tag-editor form input{padding:6px 8px;font-size:10px}.tag-editor form button.selected{background:var(--ink);color:#fff}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.gallery-empty{min-height:220px;display:grid;place-items:center;border:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center;padding:28px}.favorites-layout{display:grid;gap:44px;margin-top:28px}.collection-panel{padding:24px;border:1px solid var(--ink);background:#ffffff52}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2,.settings-placeholder h2{margin:0;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:clamp(30px,4vw,48px);line-height:1}.section-heading>span{color:var(--muted);font:11px/1 ui-monospace,monospace}.compact{min-height:38px;padding:8px 12px;font-size:11px}.inline-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin:20px 0;padding:18px;background:var(--paper-deep)}.collection-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}.collection-list article{min-width:0;padding:16px;background:var(--paper)}.collection-list article strong{font-size:12px}.collection-list article p,.muted-copy{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.collection-order{margin:12px 0;padding:0;list-style:none;border-block:1px solid var(--line)}.collection-order li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font:9px/1.3 ui-monospace,monospace}.collection-order li:last-child{border-bottom:0}.collection-order li>span:last-child{display:flex;gap:3px}.collection-order button{display:grid!important;place-items:center;width:24px;height:24px;padding:0!important}.muted-copy{grid-column:1 / -1;padding:12px 0}.search-console{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr));gap:14px;margin:28px 0 14px;padding:18px;border:1px solid var(--ink)}.search-field input{font-size:15px}.search-submit{grid-column:1 / -1;justify-self:end;min-width:132px}.result-count{margin:14px 0;color:var(--register-red);font:10px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:28px;border:1px solid var(--line);background:var(--line)}.settings-card{min-width:0;padding:clamp(24px,4vw,42px);background:var(--paper)}.settings-card h2{display:flex;align-items:center;gap:9px;margin:0;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:clamp(30px,4vw,48px);line-height:1}.settings-card>p:not(.eyebrow){color:var(--muted);line-height:1.8}.settings-card .primary-action{display:inline-flex;align-items:center;gap:7px;margin-top:10px}.connection-card{grid-column:1 / -1}.baidu-connection-card{grid-column:1 / -1;position:relative}.baidu-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.connection-badge{flex:0 0 auto;padding:6px 9px;border:1px solid var(--line);color:var(--muted);font:9px/1 ui-monospace,Cascadia Mono,monospace;letter-spacing:.1em}.connection-badge.connected{border-color:var(--ink);color:var(--ink)}.connection-badge.needs_reauth{border-color:var(--register-red);color:var(--register-red)}.connection-account{display:grid;gap:5px;margin:24px 0 8px;padding:18px 0;border-block:1px solid var(--line)}.connection-account strong{font-size:16px}.connection-account span{color:var(--muted);font:10px/1.4 ui-monospace,Cascadia Mono,monospace}.connection-actions,.disconnect-confirmation>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.connection-actions .secondary-action,.connection-actions .primary-action{display:inline-flex;align-items:center;gap:7px;margin-top:0}.disconnect-confirmation{margin-top:18px;padding:15px;border-left:4px solid var(--register-red);background:var(--paper-deep)}.disconnect-confirmation p{margin:0;font-size:12px}.disconnect-confirmation>div{margin-top:12px}.remote-unavailable{color:var(--register-red)!important;font-weight:700}.folder-picker-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:#101010b3}.baidu-folder-picker{width:min(860px,100%);max-height:calc(100vh - 48px);display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;background:var(--paper);box-shadow:0 30px 80px #00000057}.baidu-folder-picker>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 32px 22px;border-bottom:1px solid var(--ink)}.baidu-folder-picker h2{margin:0;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:clamp(36px,6vw,54px);line-height:.9;letter-spacing:-.03em}.folder-breadcrumbs{display:flex;align-items:center;gap:18px;padding:13px 32px;border-bottom:1px solid var(--line)}.folder-breadcrumbs ol{display:flex;align-items:center;gap:4px;width:max-content;margin:0;padding:0;list-style:none}.folder-breadcrumbs li{display:flex;align-items:center;gap:4px}.folder-breadcrumbs button{padding:4px 6px;border:0;background:transparent;color:var(--muted);cursor:pointer;font:11px/1 ui-monospace,Cascadia Mono,monospace}.folder-breadcrumbs button[aria-current=page]{color:var(--ink);font-weight:700}.folder-search{display:flex;align-items:center;gap:8px;min-width:min(260px,42vw);margin-left:auto;padding:7px 10px;border:1px solid var(--line);background:#fff}.folder-search input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font:12px/1.4 ui-monospace,Cascadia Mono,monospace}.folder-picker-body{min-height:280px;overflow-y:auto;padding:0 32px 32px}.folder-picker-message{min-height:220px;display:grid;place-items:center;align-content:center;gap:14px;color:var(--muted);font-size:13px}.folder-picker-message p{margin:0}.folder-list{margin:0;padding:0;list-style:none}.folder-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.folder-open-button{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px 4px;border:0;background:transparent;text-align:left;cursor:pointer}.folder-open-button>span{min-width:0}.folder-open-button strong,.folder-open-button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-open-button strong{font-size:13px}.folder-open-button small{margin-top:5px;color:var(--muted);font:9px/1.2 ui-monospace,Cascadia Mono,monospace}.folder-open-button:hover strong{color:var(--register-red)}.folder-load-more{width:100%;min-height:48px;margin-top:18px;border:1px solid var(--ink);background:transparent;cursor:pointer;font-weight:700}.folder-load-more:hover{background:var(--paper-deep)}.folder-open-button:disabled,.folder-load-more:disabled{opacity:.5;cursor:wait}.sync-review-backdrop{z-index:50}.sync-review-dialog{width:min(760px,100%);max-height:calc(100vh - 48px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:var(--paper);box-shadow:0 30px 80px #00000057}.sync-review-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 32px 22px;border-bottom:1px solid var(--ink)}.sync-review-dialog h2{margin:0;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:clamp(36px,6vw,54px);line-height:.9;letter-spacing:-.03em}.sync-review-body{overflow-y:auto;padding:25px 32px}.sync-counts{margin:0;padding:14px 16px;background:var(--ink);color:#fff;font:12px/1 ui-monospace,monospace}.sync-format-counts{margin:1px 0 0;padding:10px 16px;background:var(--register-red);color:#fff;font:10px/1 ui-monospace,monospace}.sync-restored{margin:8px 0 0;color:var(--register-red);font:10px/1 ui-monospace,monospace}.sync-review-note{margin:14px 0 22px;color:var(--muted);font-size:11px}.sync-diff-section{margin-top:20px}.sync-diff-section h3{margin:0 0 8px;color:var(--register-red);font:10px/1 ui-monospace,monospace;letter-spacing:.1em}.sync-diff-section>ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.sync-diff-section>ul>li{padding:11px 0;border-bottom:1px solid var(--line)}.sync-diff-section>ul>li>strong{font-size:12px}.sync-asset-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none}.sync-asset-list li{display:flex;gap:5px;padding:5px 7px;background:#fff;font:9px/1 ui-monospace,monospace}.sync-asset-list small{color:var(--muted)}.sync-diff-section.missing p{display:flex;align-items:center;gap:7px;color:var(--register-red);font-size:11px}.sync-review-dialog>footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 32px 24px;border-top:1px solid var(--line)}.trash-list{display:grid;gap:1px;margin-top:20px;background:var(--line)}.trash-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;background:var(--paper)}.trash-list strong,.trash-list span{display:block}.trash-list span{margin-top:5px;color:var(--muted);font-size:10px}@media(max-width:820px){.app-shell{display:block;padding-bottom:72px}.side-rail{position:fixed;inset:auto 0 0;width:auto;height:64px;padding:0;border:0;border-top:1px solid var(--line);display:block}.brand-lockup,.connection-state{display:none}.primary-nav{height:100%;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.nav-item{justify-content:center;flex-direction:column;gap:4px;padding:8px 2px 6px;font-size:10px;border-left:0;border-top:3px solid transparent}.nav-item.active{border-top-color:var(--register-red)}.main-stage{padding:24px 18px 54px}.stage-header{align-items:center}.stage-header h1{font-size:46px}.stage-header .primary-action{padding:9px 12px;font-size:12px}.empty-archive{min-height:440px;padding:84px 26px 60px 58px}.roll-card{grid-template-columns:30px 1fr}.roll-cover{min-height:340px}.roll-copy{grid-column:2;padding:26px 22px 30px}.frame-index{grid-row:1 / 3}.dialog-backdrop{padding:0;place-items:stretch}.import-dialog{max-height:none;min-height:100vh}.import-dialog>header{padding:22px 20px 18px}.import-dialog form{padding:0 20px 24px}.two-columns,.source-selector{grid-template-columns:1fr}.remote-folder-selection{grid-template-columns:auto minmax(0,1fr)}.remote-folder-selection .secondary-action{grid-column:1 / -1}.roll-source{grid-template-columns:1fr;align-items:start}.source-actions{justify-content:flex-start}.roll-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.roll-ledger div{border-bottom:1px solid var(--line)}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-list,.search-console{grid-template-columns:1fr}.search-submit{width:100%}.settings-grid{grid-template-columns:1fr}.connection-card,.baidu-connection-card{grid-column:auto}.folder-picker-backdrop{padding:0;place-items:stretch}.baidu-folder-picker{width:100%;max-height:none;min-height:100vh}.baidu-folder-picker>header{padding:22px 20px 18px}.folder-breadcrumbs{align-items:stretch;flex-direction:column;gap:8px;padding-inline:14px}.folder-breadcrumbs ol{max-width:100%;overflow-x:auto}.folder-search{width:100%;min-width:0;margin-left:0}.folder-picker-body{padding:0 20px 24px}.sync-review-dialog{width:100%;max-height:none;min-height:100vh}.sync-review-dialog>header{padding:22px 20px 18px}.sync-review-body{padding:22px 20px}.sync-review-dialog>footer{padding:16px 20px 24px}}@media(max-width:520px){.stage-header{align-items:flex-start}.stage-actions{justify-content:flex-start}.photo-grid,.inline-form,.roll-ledger{grid-template-columns:1fr}.roll-ledger div{border-right:0}}@media(prefers-reduced-motion:no-preference){.roll-card{animation:roll-in .45s ease both}@keyframes roll-in{0%{opacity:0;transform:translateY(12px)}}}