:root{color:#1d2433;background:#f4f7fb;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid #dce4ef;padding:22px 16px;overflow-y:auto}.brand{display:flex;gap:12px;align-items:center;padding:4px 6px 22px}.brand svg{color:#207a5f}.brand h1,.toolbar h2{margin:0;font-size:22px;letter-spacing:0}.brand p,.toolbar p{margin:4px 0 0;color:#6d7788;font-size:13px}.folder-create{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;margin:14px 0}.folder-create input,.search-box input,.drawer input,.drawer select,.filters select{min-width:0;border:1px solid #ccd7e4;border-radius:8px;background:#fff;color:#1d2433;padding:10px 12px;outline:none}.folder-create button,.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #ccd7e4;border-radius:8px;background:#fff;color:#1d2433}.icon-button-active{border-color:#b42318;color:#b42318;background:#fff5f5}.folder-row{display:flex;align-items:center;width:100%;min-height:42px;gap:10px;border:0;border-radius:8px;background:transparent;color:#344055;padding:9px 10px;text-align:left}.folder-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-row.active,.folder-row:hover{background:#e8f3ee;color:#14624b}.folder-context-menu{position:fixed;z-index:2000;display:grid;min-width:140px;padding:6px;border:1px solid #dce4ef;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1f2a4424}.folder-context-menu button{width:100%;border:0;border-radius:6px;background:transparent;color:#344055;text-align:left;padding:8px 10px}.folder-context-menu button:hover{background:#eef3f8}.folder-context-menu button.danger{color:#b42318}.workspace{min-width:0;padding:26px}.toolbar,.filters{display:flex;align-items:center;justify-content:space-between;gap:14px}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.filters{margin:22px 0}.search-box{display:flex;align-items:center;gap:8px;min-width:240px;flex:1;border:1px solid #ccd7e4;border-radius:8px;background:#fff;padding-left:12px}.search-box input{width:100%;border:0}.segmented{display:inline-flex;border:1px solid #ccd7e4;border-radius:8px;overflow:hidden;background:#fff}.segmented button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:10px 13px;color:#526074}.segmented button.active{background:#207a5f;color:#fff}.upload-status{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:#14624b}.progress{width:180px;height:8px;border-radius:999px;background:#dce4ef;overflow:hidden}.progress span{display:block;height:100%;background:#207a5f}.folder-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:24px}.folder-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:86px;border:1px solid #dce4ef;border-radius:8px;background:#fff;padding:16px}.folder-card h3,.photo-group h3,.timeline-item h3,.empty-state h3{margin:0;font-size:16px}.folder-card p{margin:4px 0 0;color:#6d7788;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-actions{display:flex;gap:6px}.card-actions button,.drawer-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #ccd7e4;border-radius:8px;background:#fff;min-height:36px;padding:0 10px}.photo-group{margin-bottom:28px}.photo-group h3{margin-bottom:12px;color:#344055}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.photo-card{overflow:hidden;border:1px solid #dce4ef;border-radius:8px;background:#fff;position:relative}.photo-card.selected{border-color:#207a5f;box-shadow:inset 0 0 0 2px #207a5f}.photo-select{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.photo-select-mark{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:1.5px solid rgba(255,255,255,.85);border-radius:50%;background:#0f172a38;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.photo-card:hover .photo-select-mark{background:#0f172a5c}.photo-select-checked .photo-select-mark{border-color:#207a5f;background:#207a5f}.photo-select-checked .photo-select-mark:after{content:"";width:8px;height:5px;margin-top:-1px;background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M1 4.2 3.6 6.8 9 1.2' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.photo-select:active .photo-select-mark{transform:scale(.92)}.photo-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:#e9eef5}.photo-card div{padding:10px 12px 12px}.photo-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-card span,.timeline-item p{display:block;margin-top:4px;color:#6d7788;font-size:13px}.timeline{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.timeline-item{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #dce4ef;border-radius:8px;background:#fff;padding:0}.timeline-item img{width:100%;aspect-ratio:4 / 3;height:auto;object-fit:cover;display:block;background:#e9eef5}.timeline-item div{min-width:0;padding:12px 14px 8px}.timeline-item h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-item time{display:inline-flex;align-items:center;gap:6px;margin:auto 14px 14px;color:#526074;white-space:nowrap}.empty-state{display:grid;place-items:center;gap:8px;min-height:320px;color:#6d7788;text-align:center}.drawer{position:fixed;top:0;right:0;z-index:1000;display:flex;flex-direction:column;gap:16px;width:min(420px,100vw);height:100vh;background:#fff;border-left:1px solid #dce4ef;padding:22px;box-shadow:-12px 0 30px #1f2a4424;overflow-y:auto}.drawer-close{align-self:flex-end;width:36px;height:36px;border:0;border-radius:8px;background:#eef3f8}.drawer-preview-wrap{position:relative}.drawer-preview-zoomable{cursor:crosshair}.drawer-preview-zoomable img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.drawer-zoom-panel{position:fixed;z-index:1100;border:1px solid #dce4ef;border-radius:8px;background:#fff;box-shadow:0 12px 32px #1f2a442e;overflow:hidden;pointer-events:none}.drawer-zoom-inner{width:100%;height:100%;background-repeat:no-repeat;background-color:#eef3f8}.drawer-zoom-lens{position:absolute;top:0;left:0;border:1px solid rgba(32,122,95,.75);background:#207a5f24;box-shadow:0 0 0 1px #ffffff73 inset;pointer-events:none}.drawer-preview{position:relative;display:flex;align-items:center;justify-content:center;min-height:240px;border-radius:8px;background:#eef3f8;overflow:hidden}.drawer-preview img{width:100%;max-height:min(60vh,520px);object-fit:contain;display:block}.drawer-preview-status{display:grid;place-items:center;gap:10px;min-height:240px;padding:24px;color:#6d7788;text-align:center}.drawer-preview-status p{margin:0}.drawer-preview-status button{border:1px solid #ccd7e4;border-radius:8px;background:#fff;min-height:36px;padding:0 14px}.drawer>img{width:100%;max-height:360px;object-fit:contain;border-radius:8px;background:#eef3f8}.drawer-hint{margin:0;color:#6d7788;font-size:12px;line-height:1.5}.drawer label{display:grid;gap:8px;color:#526074;font-size:13px}.drawer dl{display:grid;gap:8px;margin:0}.drawer dl div{display:flex;justify-content:space-between;border-bottom:1px solid #eef3f8;padding-bottom:8px}.drawer dt{color:#6d7788}.drawer dd{margin:0}.drawer-progress{display:grid;gap:8px;color:#526074;font-size:13px}.drawer-progress .progress{width:100%;height:8px;border-radius:999px;background:#dce4ef;overflow:hidden}.drawer-progress .progress span{display:block;height:100%;background:#207a5f;transition:width .15s ease}.drawer-actions{display:flex;flex-wrap:wrap;gap:10px}.drawer-actions .secondary{color:#14624b}.drawer-actions .primary{background:#207a5f;border-color:#207a5f;color:#fff}.drawer-actions .danger{color:#b42318}.drawer-actions button:disabled{opacity:.6;cursor:not-allowed}.app-shell.mobile-view{grid-template-columns:1fr}.app-shell.mobile-view .workspace{padding:14px}.toolbar-readonly h2{font-size:20px}.mobile-folder-nav{display:flex;gap:8px;overflow-x:auto;margin-bottom:16px;padding-bottom:4px;-webkit-overflow-scrolling:touch}.mobile-folder-chip{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;border:1px solid #ccd7e4;border-radius:999px;background:#fff;color:#526074;padding:8px 14px;white-space:nowrap}.mobile-folder-chip.active{border-color:#207a5f;background:#e8f3ee;color:#14624b}.drawer.drawer-viewer-only{width:100vw;max-width:100vw;padding:16px;background:#000}.drawer.drawer-viewer-only .drawer-close{background:#ffffff29;color:#fff}.drawer.drawer-viewer-only .drawer-preview{flex:1;min-height:0;background:#000}.drawer.drawer-viewer-only .drawer-preview img{max-height:calc(100vh - 120px)}.drawer.drawer-viewer-only .drawer-preview-status{color:#d7dde8}.drawer-viewer-caption{margin:0;color:#d7dde8;font-size:14px;text-align:center;word-break:break-all}@media (max-width: 860px){.photo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.photo-card div{padding:8px 10px 10px}.photo-card strong{font-size:13px}.photo-card span{font-size:12px}}@media (max-width: 860px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #dce4ef}.workspace{padding:18px}.toolbar,.filters{align-items:stretch;flex-direction:column}.toolbar-actions,.segmented,.filters select,.search-box{width:100%}.segmented button{flex:1;justify-content:center}.timeline{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}