.ar-page,.ar-admin{max-width:1100px;margin:0 auto;padding:40px 5vw 80px}.ar-page .intro{max-width:680px}.ar-collection{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:30px}.ar-card img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--bg)}.ar-card h2{font-size:20px}.ar-reference{display:block;width:auto;max-width:100%;max-height:240px;object-fit:contain;margin:20px 0}.ar-footnote{max-width:640px;font-size:13px;line-height:1.6;opacity:.7;margin-top:36px}.ar-toolbar{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:20px 0}.ar-admin-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:44px}.ar-admin aside button{display:block;text-align:left;width:100%;padding:14px 0;border-bottom:1px solid var(--border)}.ar-admin form>label,.ar-admin fieldset label{display:flex;flex-direction:column;gap:8px;margin:15px 0}.ar-admin fieldset{margin:25px 0;padding:20px;border:1px solid var(--border)}.ar-admin fieldset p{font-size:14px;line-height:1.5}.ar-admin .ar-check{flex-direction:row;align-items:center}.ar-check input{width:auto}.ar-placement{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.ar-admin input,.ar-admin select{width:100%;box-sizing:border-box;min-width:0}.ar-admin select{padding:10px}#ar-stage:not([hidden]){position:fixed;inset:0;z-index:10000;background:#000}#ar-camera{position:absolute;inset:0;overflow:hidden}.ar-controls{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;flex-wrap:wrap;gap:12px;padding:calc(16px + env(safe-area-inset-top)) 16px 16px;background:linear-gradient(#000c,transparent);color:white}.ar-controls button{background:#fff;color:#111;padding:12px 16px;border-radius:3px}.ar-controls p{flex-basis:100%;margin:0;font-size:14px}.ar-error{color:#b33}.ar-admin [aria-current=true]{font-weight:bold;text-decoration:underline}@media(max-width:700px){.ar-admin-layout{grid-template-columns:1fr;gap:20px}.ar-admin aside{display:flex;gap:20px;overflow:auto}.ar-admin aside button{min-width:140px}.ar-placement{grid-template-columns:1fr 1fr}}
.ar-controls .ar-record.is-recording{background:#b71c1c;color:#fff}.ar-record-time{font:12px monospace;align-self:center}.ar-controls .ar-playback-fallback[hidden]{display:none}#ar-recorded-clip{width:min(620px,calc(100% - 24px));max-height:90vh;overflow:auto;border:1px solid var(--border);background:var(--page);color:var(--text);padding:20px}#ar-recorded-clip::backdrop{background:#000b}#ar-recorded-clip h2{font:normal 26px Georgia,serif}#ar-recorded-clip video{display:block;width:100%;max-height:55vh;background:#000}#ar-recorded-clip p{font-size:12px;line-height:1.6}.ar-clip-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.ar-clip-actions button,.ar-clip-actions a{padding:10px 14px;background:#111;color:white;border:0;font:13px Arial;cursor:pointer}.ar-controls .ar-playback-fallback{background:#fff2df;color:#111}

.ar-loading:not([hidden]){position:absolute;top:22%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:85%;padding:12px 16px;border-radius:6px;background:#000c;color:#fff;font:14px Arial,sans-serif;pointer-events:none;z-index:2}.ar-loading-spinner{width:18px;height:18px;flex:none;border:2px solid #fff5;border-top-color:#fff;border-radius:50%;animation:ar-loading-spin .8s linear infinite}@keyframes ar-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ar-loading-spinner{animation:none}}