:root{--hue:200;--ink:#0f172a;--muted:#64748b;--bg:#f6f8fb;--card:#fff;--accent:hsl(var(--hue) 70% 40%);--accent-dark:hsl(var(--hue) 65% 22%);color:var(--ink);font-family:Sarabun,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);margin:0}h1,h2,h3,.btn,.chip,.badge,.tabs a{font-family:Prompt,system-ui,sans-serif}a{color:var(--accent)}.btn{cursor:pointer;color:#fff;background:#0b6e6e;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.4em;padding:.8em 1.4em;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6}.btn-ghost{color:#0b6e6e;background:#fff;box-shadow:inset 0 0 0 2px #0b6e6e}.buttons{flex-wrap:wrap;gap:.75rem;display:flex}.badge{background:var(--accent-dark);color:#fff;border-radius:50%;flex:none;place-items:center;width:2.2em;height:2.2em;font-weight:700;display:inline-grid}.tip{background:hsl(var(--hue) 80% 95%);border-left:4px solid var(--accent);border-radius:8px;padding:.6em .8em}.muted{color:var(--muted)}.home{max-width:720px;margin:0 auto;padding:48px 16px 64px}.eyebrow{color:#0b6e6e;letter-spacing:.05em;margin:0;font-weight:600}.home h1{margin:.3em 0;font-size:clamp(2rem,7vw,3.2rem);line-height:1.15}.lead{color:#334155;font-size:1.15rem}.home h2{margin-top:2.5rem;font-size:1.2rem}.card-list{gap:.6rem;padding:0;list-style:none;display:grid}.card-list a{color:var(--ink);background:var(--card);border-left:6px solid hsl(var(--hue) 70% 45%);border-radius:14px;align-items:center;gap:.9rem;padding:.8rem 1rem;text-decoration:none;display:flex;box-shadow:0 1px 3px #00000014}.card-list .badge{background:hsl(var(--hue) 65% 25%)}.card-list small{color:var(--muted);display:block}.topbar{background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:1rem;padding:12px 16px;display:flex}.topbar h1{margin:0;font-size:1.2rem}.back{font-family:Prompt;text-decoration:none}.toolbar{max-width:1100px;margin:0 auto;padding:16px}.status{color:#0b6e6e;min-height:1.5em;font-weight:600}.sheet{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;max-width:1100px;margin:0 auto;padding:0 16px 48px;display:grid}.card{margin:0}.card img{border-radius:12px;width:100%;display:block;box-shadow:0 4px 16px #0000001f}.card figcaption{justify-content:space-between;gap:.5rem;margin-top:.5rem;font-size:.9rem;display:flex}@media print{@page{size:A4 portrait;margin:10mm}.no-print{display:none!important}body{background:#fff}.sheet{grid-template-columns:90mm 90mm;justify-content:center;gap:8mm;padding:0;display:grid}.card{break-inside:avoid}.card img{width:90mm;box-shadow:none;border-radius:0}}.tabs{gap:.4rem;display:flex;overflow-x:auto}.tabs a{white-space:nowrap;color:var(--ink);background:#eef2f7;border-radius:999px;padding:.35em .8em;font-size:.9rem;text-decoration:none}.tabs a.active{background:var(--accent-dark);color:#fff}.viewer{grid-template-columns:1fr 380px;height:calc(100vh - 58px);display:grid}.stage{background:radial-gradient(circle at 50% 40%, #fff, hsl(var(--hue) 40% 90%));min-height:50vh;position:relative}.stage canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.info{background:#fff;padding:20px;overflow-y:auto}.info h2{align-items:center;gap:.5rem;margin:0;display:flex}.info li{margin-bottom:.5em;line-height:1.5}@media (width<=800px){.viewer{grid-template-columns:1fr;height:auto}.stage{height:60vh}}.page-ar{background:#000;overflow:hidden}#ar{position:fixed;inset:0}.ar-top{z-index:20;gap:8px;display:flex;position:fixed;top:12px;left:12px;right:12px}.chip{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172abf;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.3em;min-width:40px;height:40px;padding:0 .9em;font-size:.95rem;text-decoration:none;display:inline-flex}.chip.off{opacity:.5}.chip-wide{flex:1}.ar-start{z-index:30;color:#fff;background:linear-gradient(160deg,#0b6e6e,#0f172a);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ar-start-box{text-align:center;max-width:360px}.ar-start .btn{color:#0b6e6e;background:#fff}.ar-start a{color:#a5f3fc}.small{font-size:.9rem}.ar-sheet{z-index:20;background:#fffffff0;border-radius:18px;max-height:55vh;padding:14px 16px;transition:transform .25s;position:fixed;bottom:8px;left:8px;right:8px;overflow-y:auto;box-shadow:0 8px 30px #0000004d}.ar-sheet.hidden{transform:translateY(120%)}.ar-sheet-head{align-items:center;gap:.7rem;display:flex}.ar-sheet-head h2{margin:0;font-size:1.15rem}.ar-sheet-head p{color:var(--muted);margin:0;font-size:.9rem}.ar-sheet-head .chip{margin-left:auto}.ar-sheet ul{margin:.6em 0;padding-left:1.2em}.ar-sheet li{margin-bottom:.35em;line-height:1.45}.ar-sheet.collapsed .ar-sheet-body{display:none}.ar-tools{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.mindar-ui-overlay{z-index:10!important}