:root{--bg:#faf8ff;--surface:#fff;--surface-2:#eee8ff;--text:#1c1430;--text-muted:#5e5678;--border:#e2daf7;--primary:#6a2fe0;--primary-hover:#5622c4;--on-primary:#fff;--primary-soft:#ece4fb;--on-primary-soft:#4a2a99;--danger:#b42318;--grid:#ebe5f9;--radius:10px;--radius-sm:6px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f0a1c;--surface:#1a1330;--surface-2:#251c40;--text:#f1ecfb;--text-muted:#ada3c7;--border:#33285a;--primary:#b18cff;--primary-hover:#c7adff;--on-primary:#1a0b3a;--primary-soft:#2a1f45;--on-primary-soft:#d9ccff;--danger:#ff8a80;--grid:#211a38}}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);color:var(--text);font:16px/1.5 var(--font);background-size:28px 28px;margin:0}a{color:var(--primary)}a:hover{color:var(--primary-hover)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app{max-width:1100px;margin:0 auto;padding:24px 16px}.top{margin-bottom:24px}.logo{font:700 30px/1 "Sora", var(--font);letter-spacing:-.03em;align-items:center;gap:10px;margin:0;display:flex}.tagline{color:var(--text-muted);margin:12px 0 0}.query{gap:12px;margin-bottom:24px;display:grid}.drop{border:1.5px dashed var(--border);border-radius:var(--radius);background:var(--surface);min-height:200px;color:var(--text-muted);cursor:pointer;text-align:center;place-items:center;padding:12px;display:grid;position:relative}.drop:hover,.drop:focus-within{border-color:var(--primary)}.drop input{opacity:0;width:1px;height:1px;position:absolute}.drop strong{color:var(--primary);font-weight:600}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:14px;text-decoration:none;display:inline-flex;position:relative}.btn:hover{border-color:var(--primary);color:var(--text)}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn input{opacity:0;width:1px;height:1px;position:absolute}.keyword{border:1px solid var(--border);background:var(--surface);max-width:480px;color:var(--text-muted);border-radius:999px;align-items:center;gap:8px;margin-top:12px;padding:0 12px;display:flex}.keyword:focus-within{border-color:var(--primary)}.keyword input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:9px 0;font-size:14px}.viewer-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.viewer-foot .credit{flex:1;min-width:0;margin:0;padding:0}.photo-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.angles,.status{color:var(--text-muted);margin:0;font-size:14px}.angles:empty,.status:empty{display:none}.results{grid-template-columns:repeat(auto-fill,minmax(min(200px,40vw),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.card img{aspect-ratio:4/5;object-fit:cover;background:var(--surface-2);width:100%;display:block}.credit{color:var(--text-muted);gap:2px;padding:8px 10px 10px;font-size:12px;display:grid}.credit .title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.open{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.viewer{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(960px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--text);padding:16px}.viewer::backdrop{background:#0009}.viewer .credit{margin:12px 0 0;padding:0}.viewer .close{z-index:1;background:var(--surface);position:absolute;top:8px;right:8px}.tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:10px;display:flex}.tools .sep{background:var(--border);width:1px;height:24px;margin:0 4px}.tool{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--primary-soft);width:38px;height:38px;color:var(--on-primary-soft);cursor:pointer;place-items:center;padding:0;display:grid;position:relative}.tool.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.tool:after{content:attr(data-tip);z-index:2;border-radius:var(--radius-sm);background:var(--text);color:var(--bg);white-space:nowrap;pointer-events:none;padding:3px 8px;font-size:12px;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tool:hover:after,.tool:focus-visible:after{display:block}.hint{color:var(--text-muted);text-align:center;margin:8px 0 0;font-size:13px}.adjust{justify-content:center;align-items:center;gap:10px;margin-top:10px;font-size:14px;display:flex}.adjust input{width:min(320px,50vw);accent-color:var(--primary)}.adjust output{min-width:56px;color:var(--text-muted)}.link{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.stage{border-radius:var(--radius-sm);background:var(--surface-2);place-items:center;display:grid;overflow:hidden}.stage>div{transition:transform .2s}.stage img{-webkit-user-select:none;user-select:none;max-width:100%;max-height:60vh;display:block}.pick{position:relative}.pick.cropping{cursor:crosshair;touch-action:none}.pick .sel{border:2px dashed var(--primary);background:#ffffff26;position:absolute}.crop{position:relative;overflow:hidden}.crop>div{position:absolute}.crop img{width:100%;max-width:none;max-height:none}.foot{color:var(--text-muted);margin-top:40px;font-size:13px}@media (width<=480px){.tools{gap:4px}.tools .sep{display:none}.tool{width:34px;height:34px}.viewer{border:0;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:12px}.results{gap:10px}}.kinds{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.kinds .btn{padding:5px 14px}