:root{--bg:#0b0b0c;--card:#111114;--border:#1f1f24;--text:#fafafa;--muted:#a1a1aa;--accent:#ff6a00;--accent-2:#ff9a1a;--ok:#10b981;--no:#ef4444}*{box-sizing:border-box}html,body,#root{height:100%}html,body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Arial}a{color:inherit}.container{max-width:1080px;margin:0 auto;padding:24px}.header{position:sticky;top:0;z-index:20;background:color-mix(in oklab,var(--bg) 80%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--border)}.header .row{display:flex;align-items:center;justify-content:space-between;padding:14px 24px}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand .logo{width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2))}nav a{color:var(--muted);text-decoration:none;margin-left:14px}nav a.active{color:var(--text)}.card{background:var(--card);border:1px solid var(--border);border-radius:16px}.card.pad{padding:18px}.h1{font-size:22px;font-weight:700}.subtle{color:var(--muted);font-size:14px}.mt6{margin-top:24px}.mt4{margin-top:16px}.row{display:flex;gap:12px;align-items:center}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:1fr}@media (min-width:900px){.grid-2{grid-template-columns:1fr 1fr}}.input{width:100%;background:#0d0d10;color:var(--text);font-size:14px;border:1px solid var(--border);border-radius:14px;padding:12px 14px 12px 36px;outline:none}.input:focus{border-color:var(--accent)}.input-icon{position:relative}.input-icon svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);opacity:.6}.button{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0b0b0c;font-weight:700;border:0;border-radius:14px;padding:12px 16px;cursor:pointer}.button.ghost{background:#17171a;color:var(--text);border:1px solid var(--border)}.button.danger{background:#3a0f12;color:#ffb4b4;border:1px solid #3d1a1a}.button:disabled{opacity:.6;cursor:not-allowed}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border);font-size:14px}.table th{text-align:left;color:var(--muted);font-weight:600}.table td .thumb{width:48px;height:48px;border-radius:8px;background:#0d0d10;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border)}.table td img{max-width:100%;max-height:100%;object-fit:contain}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:12px;border:1px solid transparent}.badge.ok{background:color-mix(in oklab,var(--ok) 18%,transparent);color:#70f0c3;border-color:color-mix(in oklab,var(--ok) 30%,transparent)}.badge.no{background:color-mix(in oklab,var(--no) 18%,transparent);color:#ffb3b3;border-color:color-mix(in oklab,var(--no) 30%,transparent)}.badge.subtle-ok{background:#0e1714;color:#8be9c7;border-color:#133e31}.badge.subtle-no{background:#1a1112;color:#f3a3a3;border-color:#402022}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0b0b0c;font-weight:700}.kbd{background:#1a1a1f;padding:2px 6px;border-radius:6px;border:1px solid var(--border)}.skeleton{animation:pulse 1.2s ease-in-out infinite;background:#121217;border-radius:16px;border:1px solid var(--border);height:240px}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.small{font-size:12px;color:var(--muted)}.overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(1200px 600px at 10% -20%,color-mix(in oklab,var(--accent) 35%,transparent),transparent 60%),radial-gradient(1200px 600px at 110% 120%,color-mix(in oklab,var(--accent-2) 35%,transparent),transparent 60%),var(--bg)}.overlay-card{width:min(520px,92vw);padding:28px;border-radius:24px;background:color-mix(in oklab,var(--card) 98%,transparent);border:1px solid var(--border);box-shadow:0 10px 40px #00000059;text-align:center}.splash-logo{width:56px;height:56px;margin:0 auto 12px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 40px color-mix(in oklab,var(--accent) 35%,transparent)}.splash-title{margin:0;font-size:26px;font-weight:800;letter-spacing:.4px}.splash-sub{margin:4px 0 18px;color:var(--muted);font-size:14px}.splash-spinner{width:48px;height:48px;margin:6px auto 14px;border-radius:999px;border:3px solid #1e1e22;border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.splash-bar{height:8px;border-radius:999px;background:#141419;border:1px solid var(--border);overflow:hidden;position:relative}.splash-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-2));animation:loadbar 4s ease forwards}@keyframes loadbar{0%{width:0%}to{width:100%}}.toast-container{position:fixed;top:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:10px}.toast{padding:12px 18px;border-radius:10px;font-size:14px;font-weight:600;color:#fff;box-shadow:0 4px 14px #0000004d;animation:slideIn .3s ease,fadeOut .4s ease 3.6s forwards}.toast.success{background:linear-gradient(135deg,#10b981,#34d399)}.toast.error{background:linear-gradient(135deg,#ef4444,#f87171)}.toast.info{background:linear-gradient(135deg,var(--accent),var(--accent-2))}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{to{opacity:0;transform:translate(100%)}}.select{position:relative;display:inline-block;width:100%}.select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:12px 42px 12px 12px;border-radius:14px;border:1px solid var(--border);background:#0d0d10;color:var(--text);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.select select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 25%,transparent)}.select select:hover{border-color:color-mix(in oklab,var(--border) 60%,var(--text) 10%)}.select:after{content:"";position:absolute;right:12px;top:50%;width:10px;height:10px;transform:translateY(-50%) rotate(45deg);border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);pointer-events:none;opacity:.85}.select select:disabled{opacity:.6;cursor:not-allowed}select,option{color-scheme:dark}option{background:#0d0d10;color:var(--text)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.select select option{background:#0d0d10;color:var(--text)}.select select option:hover,.select select option:checked{background:var(--accent);color:#fff}.f5-select{position:relative;display:flex;align-items:center;background:#0d0d10;color:var(--text);border:1px solid var(--border);border-radius:14px;padding:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .2s,box-shadow .2s}.f5-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 25%,transparent)}.f5-select-value{flex:1;min-height:1em}.f5-select-caret{position:absolute;right:12px;width:10px;height:10px;transform:rotate(45deg);border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);opacity:.85}.f5-select-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:60;background:#0c0c0ef5;-webkit-backdrop-filter:blur(8px) saturate(1.1);backdrop-filter:blur(8px) saturate(1.1);border:1px solid var(--border);border-radius:14px;padding:6px;max-height:280px;overflow:auto;box-shadow:0 12px 48px #00000073,inset 0 0 0 1px #ffffff05;animation:f5drop .12s ease-out}@keyframes f5drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.f5-option{list-style:none;padding:10px 12px;border-radius:10px;font-size:14px;line-height:1.2;cursor:pointer;color:var(--text)}.f5-option.hover{background:color-mix(in oklab,var(--accent) 20%,transparent)}.f5-option.selected{background:color-mix(in oklab,var(--accent) 32%,transparent);font-weight:700}.f5-option:not(.selected):active{transform:translateY(1px)}.f5-select{width:100%}.f5-select-menu::-webkit-scrollbar{width:10px}.f5-select-menu::-webkit-scrollbar-track{background:#121216;border-radius:10px}.f5-select-menu::-webkit-scrollbar-thumb{background:#2a2a2f;border-radius:10px;border:2px solid #121216}.f5-select-menu::-webkit-scrollbar-thumb:hover{background:#3a3a42}.carousel{position:relative;display:flex;align-items:center;justify-content:center;margin-top:16px}.carousel-slide{text-align:center;flex:1;max-width:600px}.carousel-btn{background:color-mix(in oklab,var(--accent) 70%,transparent);border:none;color:#fff;font-size:28px;font-weight:700;cursor:pointer;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;transition:background .2s}.carousel-btn:hover{background:var(--accent)}.carousel-btn.left{position:absolute;left:-50px}.carousel-btn.right{position:absolute;right:-50px}.gallery-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:700px){.gallery-grid{grid-template-columns:1fr 1fr}}@media (min-width:1050px){.gallery-grid{grid-template-columns:1fr 1fr 1fr}}.tp-card{display:block;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;color:inherit;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.tp-card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--accent) 40%,var(--border))}.tp-imgwrap{aspect-ratio:4/3;background:#0d0d10;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--border)}.tp-imgwrap img{width:100%;height:100%;object-fit:cover}.tp-meta{padding:12px}.tp-model{display:flex;align-items:center;gap:8px;margin-bottom:2px}.tp-model .pill{padding:4px 10px;font-size:12px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0b0b0c;font-weight:700}.lb-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;background:#060608bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lb-frame{position:relative;max-width:min(92vw,1100px);max-height:82vh;background:#0d0d10;border:1px solid var(--border);border-radius:18px;padding:10px;box-shadow:0 10px 50px #0009}.lb-frame img{display:block;max-width:100%;max-height:70vh;border-radius:12px;margin:auto}.lb-caption{text-align:center;color:var(--muted);margin-top:8px}.lb-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;font-size:26px;font-weight:700;color:#fff;background:color-mix(in oklab,var(--accent) 70%,transparent)}.lb-btn:hover{background:var(--accent)}.lb-btn.prev{left:8px}.lb-btn.next{right:8px}.lb-close{position:absolute;top:6px;right:6px;width:36px;height:36px;border-radius:10px;border:0;cursor:pointer;font-size:16px;font-weight:800;color:#0b0b0c;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.result-row{display:grid;grid-template-columns:360px 1fr;gap:16px;align-items:stretch}@media (max-width: 980px){.result-row{grid-template-columns:1fr}}.result-media{background:#0d0d10;border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;align-items:center;justify-content:center;position:relative;min-height:260px}.result-media img{max-width:92%;max-height:260px;object-fit:contain;display:block}.result-stamp{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-weight:800;letter-spacing:.5px;opacity:.9;background:linear-gradient(135deg,#cfcfcf,#ff6a00 60%);-webkit-background-clip:text;background-clip:text;color:transparent}.result-info{background:#0d0d10;border:1px solid var(--border);border-radius:16px;padding:18px}.brand .logo-apple{width:28px;height:28px;border-radius:8px;object-fit:cover;display:block;image-rendering:auto}.splash-logo{width:56px;height:56px;margin:0 auto 12px;border-radius:16px;background-image:url(/apple-touch-icon.png),linear-gradient(135deg,var(--accent),var(--accent-2));background-size:cover,cover;background-position:center,center;box-shadow:0 0 40px color-mix(in oklab,var(--accent) 35%,transparent);overflow:hidden}.splash-logo-img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}