:root{--navigation-height:40px;--ar-line:#ffffff14;--ar-card:#141820;--ar-accent:#3b82f6;--ar-accent-2:#60a5fa}html,body{height:100%;color:var(--text-primary);background:#0b0d12;margin:0}body{overflow:hidden}*{box-sizing:border-box}nav{z-index:2;width:100%;height:var(--navigation-height);background:var(--nav-background);border-bottom:1px solid var(--ar-line);justify-content:space-between;align-items:center;display:flex;position:relative}.ar-nav-links{scrollbar-width:none;align-items:center;min-width:0;display:inline-flex;overflow-x:auto}nav a,nav span{height:var(--navigation-height);color:var(--link-color);white-space:nowrap;align-items:center;padding:0 1rem;text-decoration:none;transition:background .2s;display:inline-flex}nav .active-nav-item,nav a:hover{background:var(--nav-active-item-bg);color:var(--text-primary)}#ar-app{top:var(--navigation-height);position:fixed;bottom:0;left:0;right:0}#ar-view{position:absolute;inset:0}#ar-view canvas{outline:none;width:100%;height:100%;display:block}#ar-upload,#ar-pick,#ar-progress,#ar-panel,#ar-unsupported,#ar-error{display:none}[data-state=upload] #ar-upload,[data-state=working] #ar-progress,[data-state=unsupported] #ar-unsupported,[data-state=error] #ar-error{display:block}[data-state=done] #ar-panel{display:flex}[data-state=working][data-pick] #ar-pick{display:block}[data-state=unsupported] #ar-view,[data-state=checking] #ar-view{visibility:hidden}.ar-card{z-index:1;background:var(--ar-card);border:1px solid var(--ar-line);border-radius:16px;width:min(520px,100% - 32px);padding:28px;position:absolute;box-shadow:0 30px 80px -20px #0009}.ar-center{max-height:calc(100% - 32px);top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.ar-wide{width:min(600px,100% - 32px)}.ar-bottom{padding:18px 22px;bottom:28px;left:50%;transform:translate(-50%)}.ar-card h1{letter-spacing:-.01em;margin:0 0 10px;font-size:1.5rem;line-height:1.25}.ar-lead{color:var(--text-alternate);margin:0 0 20px;line-height:1.55}.ar-fine{color:var(--text-alternate);margin:14px 0 0;font-size:.82rem;line-height:1.5}.ar-fine:empty{display:none}.ar-primary,.ar-secondary,.ar-chip,.ar-link{font:inherit;cursor:pointer;border-radius:10px;transition:background .15s,border-color .15s,opacity .15s}.ar-primary{background:var(--ar-accent);color:#fff;border:1px solid #0000;padding:10px 16px;font-weight:600}.ar-primary:hover{background:#2563eb}.ar-primary:disabled{opacity:.5;cursor:default}.ar-secondary{color:var(--text-primary);background:0 0;border:1px solid #ffffff29;padding:9px 14px}.ar-secondary:hover{background:#ffffff0f}.ar-small{padding:7px 12px;font-size:.85rem}.ar-link{color:var(--ar-accent-2);background:0 0;border:none;padding:7px 4px;text-decoration:underline}.ar-chip{color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:6px 12px;font-size:.85rem}.ar-chip:hover{border-color:#ffffff4d}.ar-chip.on,.ar-chip[aria-checked=true]{border-color:var(--ar-accent);background:#3b82f62e}:is(.ar-primary,.ar-secondary,.ar-chip,.ar-link,#ar-list li,#ar-drop):focus-visible{outline:2px solid var(--ar-accent-2);outline-offset:2px}#ar-drop{cursor:pointer;text-align:center;background:#ffffff05;border:1.5px dashed #ffffff2e;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:30px 16px;transition:border-color .15s,background .15s;display:flex}#ar-drop:hover,#ar-drop.over{border-color:var(--ar-accent);background:#3b82f612}.ar-drop-icon{color:var(--ar-accent-2)}.ar-drop-main{font-weight:600}.ar-drop-sub{color:var(--text-alternate);font-size:.82rem}.ar-samples{color:var(--text-alternate);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:.85rem;display:flex}.ar-progress-head{justify-content:space-between;gap:12px;margin-bottom:10px;font-weight:600;display:flex}#ar-pct{font-variant-numeric:tabular-nums;color:var(--text-alternate)}.ar-bar{background:#ffffff14;border-radius:99px;height:8px;overflow:hidden}#ar-bar-fill{background:linear-gradient(90deg, var(--ar-accent), var(--ar-accent-2));border-radius:99px;width:0;height:100%;transition:width .3s}#ar-panel{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--ar-line);background:#141820eb;border-radius:16px;flex-direction:column;width:300px;position:absolute;top:16px;bottom:16px;right:16px;overflow:hidden}.ar-panel-head{border-bottom:1px solid var(--ar-line);padding:16px 16px 10px}.ar-panel-head h2{margin:0 0 10px;font-size:1rem}#ar-count{color:var(--text-alternate);font-weight:400}#ar-search,#ar-price,#ar-type{width:100%;font:inherit;color:var(--text-primary);background:#0b0d12;border:1px solid #ffffff1f;border-radius:10px;padding:8px 10px;font-size:.9rem}#ar-search:focus,#ar-price:focus,#ar-type:focus{border-color:var(--ar-accent);outline:none}#ar-list{flex:1;min-height:0;margin:0;padding:6px;list-style:none;overflow-y:auto}#ar-list li{cursor:pointer;color:var(--link-color);border-radius:8px;padding:7px 10px;font-size:.9rem}#ar-list li:hover{background:#ffffff0d}#ar-list li.on{color:var(--text-primary);background:#3b82f62e}.ar-panel-foot{border-top:1px solid var(--ar-line);flex-direction:column;gap:10px;padding:12px 16px 16px;display:flex}.ar-panel-foot .ar-row{align-items:center;gap:10px;display:flex}.ar-panel-foot .ar-row .ar-fine{white-space:nowrap;margin:0}.ar-panel-foot .afk-ad-slot{min-height:0;margin:4px 0 0}.ar-row.ar-gap{flex-wrap:wrap;gap:10px;display:flex}.ar-callout,.ar-how,.ar-survey{border-top:1px solid var(--ar-line);margin-top:16px;padding-top:16px}.ar-callout{background:#fbbf2412;border:1px solid #fbbf2459;border-radius:12px;margin-top:0;padding:12px 14px}.ar-callout p,.ar-how p,.ar-survey p{color:var(--text-alternate);margin:6px 0 12px;line-height:1.5}.ar-callout p{margin-bottom:0}.ar-survey{flex-direction:column;display:flex}.ar-survey label{margin:14px 0 8px;font-size:.9rem}.ar-choice{flex-wrap:wrap;gap:8px;display:flex}.ar-survey #ar-price{margin-top:10px}.ar-survey .ar-primary{align-self:flex-start;margin-top:14px}.ar-thanks{color:#86efac!important;margin:12px 0 0!important}#ar-pick{width:348px;max-height:calc(100% - 140px);padding:18px;transition:border-color .2s,box-shadow .2s;top:16px;right:16px;overflow-y:auto}#ar-pick h2{margin:0 0 4px;font-size:1.15rem}#ar-pick .ar-fine{margin:0 0 14px}[data-pick=waiting] #ar-pick{border-color:var(--ar-accent);box-shadow:0 0 0 3px #3b82f640,0 30px 80px -20px #0009}#ar-pick-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}#ar-pick-grid button{cursor:pointer;font:inherit;color:var(--text-primary);background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 10px;transition:border-color .15s,background .15s;display:flex}#ar-pick-grid button:hover{border-color:var(--ar-accent);background:#3b82f61a}#ar-pick-grid button:focus-visible{outline:2px solid var(--ar-accent-2);outline-offset:2px}#ar-pick-grid img{object-fit:contain;width:64px;height:64px}.ar-pick-name{text-align:center;font-size:.82rem;font-weight:600;line-height:1.2}.ar-pick-hint{color:var(--text-alternate);text-align:center;font-size:.7rem;line-height:1.25}@media (width<=720px){.ar-card{padding:20px}.ar-card h1{font-size:1.25rem}#ar-panel{width:auto;height:46%;inset:auto 12px 12px}#ar-pick{width:auto;top:12px;left:12px;right:12px}.ar-bottom{bottom:16px}}