@layer components{.ar-studio{--s-bg:#f5f5f7;--s-bar:#fbfbfc;--s-card:#fff;--s-ink:#1d1d1f;--s-soft:#86868b;--s-line:#00000014;border-radius:var(--corner-2xl);background:var(--s-bg);color:var(--s-ink);text-align:start;font-size:11px;line-height:1.45;overflow:hidden;box-shadow:0 0 0 .5px #00000024,0 50px 100px -30px #00000059,0 30px 60px -40px #0000004d}.ar-studio[data-tone=dark]{box-shadow:0 0 0 .5px #ffffff24,0 60px 120px -30px #000000e6}.ar-studio-bar{background:var(--s-bar);border-bottom:1px solid var(--s-line);grid-template-columns:1fr auto 1fr;align-items:center;height:46px;padding-inline:14px;display:grid}.ar-studio-start,.ar-studio-end{align-items:center;gap:12px;display:flex}.ar-studio-end{justify-content:flex-end}.ar-studio-pill{border-radius:var(--corner-md);color:#3a3a3c;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.ar-studio-mid{justify-items:center;line-height:1.25;display:grid}.ar-studio-mid b{font-size:12.5px}.ar-studio-mid span{color:var(--s-soft);font-size:10px}.ar-studio-tool{color:#3a3a3c;justify-items:center;gap:1px;display:grid}.ar-studio-tool small{color:var(--s-soft);font-size:9px}.ar-studio-pdf{border-radius:var(--corner-md);background:var(--wine);color:#fff;align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:inline-flex}.ar-studio-body{grid-template-columns:1.05fr 2.4fr 1.15fr;height:clamp(300px,40vw,520px);display:grid}.ar-studio-editor{background:var(--s-card);border-inline-end:1px solid var(--s-line);font-family:var(--font-serif);align-content:start;gap:8px;padding:14px 16px;font-size:12px;line-height:1.75;display:grid;overflow:hidden}.ar-ed-part{font-family:var(--font-sans);color:var(--s-soft);border-bottom:1px solid var(--s-line);justify-content:center;align-items:center;gap:6px;padding-bottom:8px;font-size:10px;display:flex}.ar-ed-h{font-size:15px;font-weight:700}.ar-studio-editor sup{color:var(--wine);font-family:var(--font-sans);font-size:8px;font-weight:700}.ar-studio-editor mark{color:inherit;background:#eab30847}.ar-ed-caret{vertical-align:-.2em;background:var(--wine);width:1.5px;height:1.1em;animation:1.1s step-end infinite ar-blink;display:inline-block}.ar-studio-pages{place-items:center;padding:22px 26px 54px;display:grid;position:relative;overflow:hidden}.ar-studio-spread{grid-template-columns:1fr 1fr;gap:2px;width:min(100%,520px);display:grid}.ar-studio-capsule{border-radius:var(--corner-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#3a3a3c;background:#ffffffd9;align-items:center;gap:8px;padding:5px 12px;font-size:10px;display:flex;position:absolute;bottom:12px;box-shadow:0 0 0 .5px #0000001a,0 6px 16px -6px #0003}.ar-studio-capsule i{background:var(--s-line);width:1px;height:12px}.ar-studio-seg{align-items:center;gap:6px;display:inline-flex}.ar-studio-seg b{border-radius:var(--corner-sm);background:#fff;padding:2px 5px;box-shadow:0 1px 2px #00000026}.ar-studio-panel{background:var(--s-bg);border-inline-start:1px solid var(--s-line);align-content:start;gap:10px;padding:12px;display:grid;overflow:hidden}.ar-studio-search{border-radius:var(--corner-md);color:var(--s-soft);background:#0000000d;align-items:center;gap:6px;padding:6px 10px;display:flex}.ar-studio-ph{justify-content:space-between;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.ar-studio-ready{color:var(--s-soft);white-space:nowrap;align-items:center;gap:4px;font-size:9.5px;font-weight:500;display:inline-flex}.ar-studio-card{background:var(--s-card);border-radius:var(--corner-lg);box-shadow:0 0 0 .5px #00000014}.ar-studio-row{grid-template-columns:1fr auto;align-items:center;gap:0 6px;padding:7px 10px;display:grid}.ar-studio-row span{font-weight:600}.ar-studio-row small{color:var(--s-soft);grid-row:2;font-size:9.5px}.ar-studio-row svg{grid-area:1/2/3}.ar-studio-row+.ar-studio-row{border-top:1px solid var(--s-line)}.ar-studio-row[data-lit]{background:#eab3081f}.ar-studio-ph2{color:var(--s-soft);font-size:11px;font-weight:700}.ar-studio-chips{flex-wrap:wrap;gap:4px;display:flex}.ar-studio-chips span{border-radius:var(--corner-sm);background:var(--s-card);padding:3px 8px;font-size:10px;box-shadow:0 0 0 .5px #00000014}@media (max-width:760px){.ar-studio-body{grid-template-columns:1fr;height:auto}.ar-studio-editor,.ar-studio-panel,.ar-studio-end .ar-studio-tool,.ar-studio-pill{display:none}}}