:root{--bg:#f4e6c8;--surface:#fffaf0;--border:#dcc9a3;--text:#6f5f4a;--muted:#8a624a;--accent:#8a624a;--soft:#efe3cb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.65}.wrap{max-width:1100px;margin:auto;padding:36px 24px}.hero{margin:0 0 28px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--muted)}h1{font-size:clamp(27px,4vw,42px);margin:8px 0;font-weight:650;letter-spacing:-1px}.hero>p:last-child{margin:0;color:var(--muted)}.workspace{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 8px 24px #6f5f4a10}.drop{border:2px dashed var(--border);border-radius:12px;text-align:center;padding:30px 16px;background:#f8f0df;transition:.2s}.drop.drag{border-color:var(--accent);background:var(--soft)}.drop-icon{font-size:36px;display:block;line-height:1.2;margin-bottom:12px}.drop strong{display:block;font-size:20px}.drop p{margin:6px 0 14px}.drop small{display:block;margin-top:14px}button,select{font:inherit;border-radius:8px;border:1px solid var(--accent);padding:9px 16px}button{background:var(--accent);color:var(--surface);cursor:pointer;font-weight:600}button:hover{filter:brightness(.93)}button:disabled{opacity:.45;cursor:not-allowed}.secondary,select{background:var(--surface);color:var(--accent);border-color:var(--border)}button:focus-visible,select:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b28b4b;outline-offset:3px}.settings{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0 12px}.settings span,small{font-size:12px;color:var(--muted)}.settings #clear{margin-left:auto}#status{background:var(--soft);padding:12px 16px;border-radius:8px;font-size:14px;overflow-wrap:anywhere}#status.error{color:#a13723;background:#f8e0cf}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding:20px 0 16px}.toolbar[hidden]{display:none}.toolbar span{display:block;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:13px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.card{min-width:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fffdf7}.picture{position:relative;background:var(--soft);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}.picture img{display:block;width:100%;height:100%;object-fit:contain}.picture label{position:absolute;top:8px;left:8px;background:#fffaf0eb;border-radius:6px;padding:4px 8px;display:flex;gap:5px;font-size:13px;cursor:pointer}.picture input{accent-color:var(--accent);width:17px;height:17px}.details{padding:12px}.details strong{display:block;font-size:13px;overflow-wrap:anywhere}.details small{display:block;margin:4px 0 10px}.details button{width:100%;padding:6px;font-size:13px}.empty{text-align:center;padding:34px 10px 30px;color:var(--muted)}.empty>span{font-size:40px}.empty p{margin:4px}.sources{font-size:13px}.source{border-bottom:1px solid var(--border);padding:10px 0;overflow-wrap:anywhere}.source a{color:var(--accent);margin-left:8px}.help{margin-top:30px;font-size:14px}.help h2{font-size:19px}footer{text-align:center;font-size:12px;margin-top:30px;color:var(--muted)}[data-embedded=true] .hero,[data-embedded=true] .help,[data-embedded=true] footer{display:none}[data-embedded=true] .wrap{padding:12px;max-width:none}[data-embedded=true] .workspace{box-shadow:none}@media(max-width:600px){.wrap{padding:22px 12px}.workspace{padding:14px}.drop{padding:22px 10px}.drop strong{font-size:18px}.toolbar{align-items:flex-start;flex-direction:column}.settings #clear{margin-left:0}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.details{padding:9px}.picture label{font-size:12px;top:4px;left:4px}.actions button{padding:8px 10px}}
:root:has(#viewer[open]){overflow:hidden}.picture img{cursor:zoom-in}.details button+button{margin-top:7px}#viewer{border:0;padding:16px;background:transparent;color:var(--text);max-width:100vw;max-height:100vh;width:100vw;height:100vh;overflow:auto}#viewer::backdrop{background:#221a12e8}.viewer-panel{margin:auto;width:fit-content;max-width:100%;background:var(--surface);padding:14px;border-radius:12px}.viewer-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.viewer-head strong{overflow-wrap:anywhere;min-width:0}.viewer-head button{flex:none}#viewer-image{display:block;max-width:calc(100vw - 60px);max-height:calc(100dvh - 160px);object-fit:contain;width:auto;height:auto}.viewer-panel p{font-size:12px;text-align:center;margin:10px 0 0}