:root{font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#242a23;background:#f3f2eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.page{max-width:1280px;padding:0 54px;margin:auto}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9dbd0}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;font-size:20px;font-weight:700;letter-spacing:.05em}.brand-mark{width:39px;height:39px;background:#344b37;color:#e6f0d9;border-radius:12px;display:grid;place-items:center;font-size:25px}.brand small{display:block;font-size:9px;letter-spacing:.17em;color:#8b9485;margin-top:2px;font-family:Georgia,serif}.top-label{font-size:12px;color:#667362}.live-dot{display:inline-block;width:7px;height:7px;background:#87a47e;border-radius:50%;margin-right:7px}.intro{padding:79px 0 48px}.eyebrow,.section-index{font-size:10px;letter-spacing:.15em;font-weight:700;color:#798a74}.eyebrow{display:flex;gap:14px;align-items:center}.eyebrow .line{width:27px;height:1px;background:#98a692}.intro h1{font-size:clamp(44px,6vw,76px);letter-spacing:-.055em;line-height:1.18;margin:24px 0 20px;font-weight:650}.intro h1 span{color:#75906d}.intro p{font-size:15px;line-height:1.9;color:#7d8779;margin:0}.workspace{background:#fffefa;border:1px solid #e1e4db;border-radius:20px;padding:30px;box-shadow:0 16px 45px #3d4e3210}.section-head,.results-head{display:flex;align-items:end;justify-content:space-between;gap:15px}.section-head h2,.results-head h2{font-size:19px;margin:8px 0 0;letter-spacing:.03em}.small-note{font-size:12px;color:#9ca69a}.dropzone{margin-top:16px;min-height:150px;border:1.5px dashed #b5c3b1;background:#f7f9f3;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#6f7d6c;cursor:pointer;transition:background .2s,border-color .2s}.dropzone:hover,.dropzone.dragging,.dropzone:focus-visible{background:#edf4e9;border-color:#718f6d;outline:none}.upload-icon{width:42px;height:42px;background:#e8f0e3;color:#607d5d;border-radius:13px;display:grid;place-items:center;margin-bottom:2px}.dropzone strong{color:#2f4030;font-size:16px}.dropzone>span{font-size:13px}.choose{border:0;padding:0;background:none;color:#587c55;text-decoration:underline;text-underline-offset:3px;font:inherit;font-weight:700;cursor:pointer}.file-types{margin-top:5px;color:#9aa697!important;font-size:11px!important;letter-spacing:.05em}.file-types i{display:inline-block;background:#c6d1c2;border-radius:50%;width:3px;height:3px;vertical-align:middle;margin:0 8px}.results-wrap{margin-top:34px}.results-head{margin-bottom:17px}.results-head h2 span{font-size:12px;color:#8a9b86;margin-left:4px}.quiet-button{border:0;background:none;color:#5c795a;font-size:12px;cursor:pointer;padding:8px}.quiet-button:hover{text-decoration:underline}.results{display:grid;gap:9px}.result{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid #e7ebe3;border-radius:11px}.thumb{width:54px;height:54px;object-fit:cover;background:#eef1eb;border-radius:7px;flex:none}.file-info{min-width:0;flex:1}.file-name{font-size:13px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-status{font-size:12px;color:#839080;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-status.error{color:#b35b4c}.action{border:1px solid #d9e4d6;background:#f3f8f0;border-radius:7px;color:#4d6b4b;padding:8px 12px;cursor:pointer;font-size:12px;white-space:nowrap}.action:disabled{opacity:.45;cursor:default}.bottom-note{display:flex;align-items:center;gap:16px;padding:35px 4px 58px;color:#8c9c87}.bottom-note>span:first-child{font-size:29px;color:#9eb99a}.bottom-note p{font-size:12px;font-weight:700;line-height:1.7;margin:0}.bottom-note small{font-size:11px;font-weight:400;color:#a6afa2}.note-number{margin-left:auto;font:10px Georgia,serif;letter-spacing:.12em;color:#a7b0a3}footer{border-top:1px solid #d9dbd0;display:flex;justify-content:space-between;padding:23px 0 32px;font-size:10px;color:#9da79a;letter-spacing:.06em}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#344b37;color:white;padding:11px 19px;border-radius:8px;font-size:13px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(max-width:600px){.page{padding:0 20px}.topbar{height:76px}.intro{padding:55px 0 35px}.intro h1{font-size:42px}.workspace{padding:20px}.dropzone{min-height:150px}.small-note,.note-number{display:none}.result{gap:10px}.thumb{width:44px;height:44px}.action{padding:7px 8px}.bottom-note{padding-bottom:40px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

main{padding:48px 0 64px}@media(max-width:600px){main{padding:28px 0 40px}}

.library{margin-top:24px}.library-status{font-size:13px;color:#829080;margin-top:16px}.library-status:empty{display:none}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin-top:20px}.library-card{border:1px solid #e7ebe3;border-radius:11px;overflow:hidden;min-width:0}.library-preview{display:block;aspect-ratio:4/3;background:#f1f4ed}.library-preview img,.library-preview video{width:100%;height:100%;object-fit:cover}.library-meta{padding:12px}.library-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3f4c3d}.library-detail{font-size:11px;color:#899487;margin-top:6px}.library-detail.error{color:#b35b4c}.library-actions{display:flex;gap:8px;margin-top:12px}.delete-action{color:#ad5a50;border-color:#ebd9d5;background:#fff8f6}.load-more{display:block;margin:20px auto 0}@media(max-width:600px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.library-meta{padding:9px}.library-actions{flex-wrap:wrap}}
.library-header-actions{display:flex;align-items:center;gap:8px}.selection-bar{display:flex;align-items:center;gap:16px;margin-top:18px;padding:12px 14px;background:#f3f7f0;border:1px solid #e2ebde;border-radius:9px;font-size:12px;color:#60705e}.select-all{display:flex;align-items:center;gap:7px;cursor:pointer}.select-all input,.card-select input{accent-color:#54744f;width:17px;height:17px;margin:0}.selection-bar #delete-selected{margin-left:auto}.library-card{position:relative}.library-card.is-selected{border-color:#73966d;box-shadow:0 0 0 1px #73966d}.card-select{position:absolute;top:9px;left:9px;z-index:1;width:30px;height:30px;background:#fff;border:1px solid #d8e1d5;border-radius:7px;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px #00000017}.delete-dialog{border:1px solid #e2e5dd;border-radius:18px;background:#fffefa;padding:28px;width:min(420px,calc(100% - 32px));box-shadow:0 24px 80px #1d291e30;color:#263329}.delete-dialog::backdrop{background:#17231ba6}.dialog-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fbefeb;color:#b85b4b;font-size:22px;font-weight:700}.delete-dialog h2{font-size:20px;margin:18px 0 9px}.delete-dialog p{font-size:13px;line-height:1.7;color:#7a877a;margin:0}.delete-dialog .delete-progress{margin-top:12px;color:#526b50}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.dialog-actions button{border-radius:8px;padding:10px 18px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.dialog-cancel{border:1px solid #dde4da;background:#fff;color:#536650}.dialog-confirm{border:1px solid #ad554a;background:#b85d50;color:#fff}.dialog-actions button:disabled{opacity:.55;cursor:wait}@media(max-width:600px){.selection-bar{gap:10px;flex-wrap:wrap}.selection-bar #delete-selected{margin-left:auto}.library-header-actions{gap:3px}}
.library-filters{display:flex;gap:4px;margin-top:22px;padding:4px;width:max-content;background:#f0f3ec;border-radius:9px}.filter-button{border:0;background:transparent;color:#788775;font:inherit;font-size:12px;padding:7px 15px;border-radius:6px;cursor:pointer}.filter-button.is-active{background:#fffefa;color:#405b3f;box-shadow:0 1px 4px #263b2514;font-weight:600}.filter-button:focus-visible,.library-preview:focus-visible,#preview-close:focus-visible{outline:2px solid #698c66;outline-offset:2px}.library-preview{width:100%;border:0;padding:0;cursor:pointer;overflow:hidden}.library-preview:hover img,.library-preview:hover video{transform:scale(1.025)}.library-preview img,.library-preview video{transition:transform .2s}.preview-dialog{width:min(1100px,calc(100% - 32px));max-width:none;max-height:calc(100% - 32px);border:0;border-radius:14px;background:#18211b;color:#f2f6ee;padding:0;overflow:hidden;box-shadow:0 24px 80px #10191066}.preview-dialog::backdrop{background:#111913dc}.preview-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:13px;font-weight:600}.preview-header button{width:34px;height:34px;border:0;border-radius:8px;background:#ffffff14;color:#f2f6ee;font-size:25px;line-height:1;cursor:pointer}.preview-header button:hover{background:#ffffff28}.preview-content{height:min(72vh,760px);display:flex;align-items:center;justify-content:center;background:#101712}.preview-content img,.preview-content video{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.preview-content video{width:100%;height:100%}@media(max-width:600px){.library-filters{margin-top:16px}.preview-dialog{width:calc(100% - 20px);max-height:calc(100% - 20px)}.preview-content{height:min(65vh,600px)}}