:root{font-family:Arial,Helvetica,sans-serif;color:#161b26;background:#f4f7fb;font-synthesis:none;--blue: #1f6feb;--teal: #0f9f79;--violet: #7c3aed;--line: #dce4ee;--muted: #5b6372;--surface: #ffffff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 85% 0%,#e9f2ff 0,transparent 34rem),#f4f7fb}button,textarea,select,input{font:inherit}button,select,textarea,.file-label{min-height:44px}button{cursor:pointer}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.8rem 1rem;background:#161b26;color:#fff;border-radius:.5rem}.skip-link:focus{top:1rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.35rem clamp(1rem,3vw,3rem);border-bottom:1px solid rgba(214,224,236,.9);background:#ffffffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar h1{margin:.15rem 0 0;font-size:clamp(1.55rem,2.5vw,2.35rem);letter-spacing:-.04em}.eyebrow,.step-label{margin:0;color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.12em}.status-cluster{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.88rem;white-space:nowrap}.status-dot{width:.65rem;height:.65rem;border-radius:999px;background:var(--teal);box-shadow:0 0 0 .25rem #0f9f791f}.status-dot.error{background:#dc2626;box-shadow:0 0 0 .25rem #dc26261f}.workspace{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(440px,1.65fr) minmax(280px,.9fr);gap:1rem;max-width:1800px;margin:0 auto;padding:1rem;min-height:calc(100vh - 8.6rem)}.panel,.viewport-card{background:#fffffff0;border:1px solid var(--line);border-radius:1rem;box-shadow:0 18px 50px #22406e12;overflow:hidden}.panel{padding:1.1rem}.panel-heading,.viewport-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}h2{margin:.25rem 0 1rem;font-size:1.12rem;letter-spacing:-.02em}.icon-button{width:44px;border:1px solid var(--line);border-radius:.7rem;background:#fff;color:var(--blue);font-size:1.25rem}label,legend{font-size:.82rem;font-weight:700}textarea,select{width:100%;margin-top:.45rem;border:1px solid #cbd5e1;border-radius:.75rem;color:#172033;background:#fbfdff;padding:.8rem;font-size:1rem;line-height:1.45}textarea:focus,select:focus,button:focus-visible,.file-label:focus-visible{outline:3px solid rgba(31,111,235,.25);outline-offset:2px;border-color:var(--blue)}.field-help{margin:.55rem 0 1rem;color:var(--muted);font-size:.75rem;line-height:1.45}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.template{padding:.55rem .35rem;min-height:50px;border:1px solid #d7e4f5;border-radius:.65rem;background:#f4f8fd;color:#274261;font-size:.74rem;font-weight:700}.template:hover{border-color:var(--blue);background:#edf5ff}.primary-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:.55rem;margin:1rem 0}.button{border:0;border-radius:.75rem;padding:.75rem;font-weight:800}.button.primary{color:#fff;background:linear-gradient(135deg,var(--blue),#185dcc)}.button.secondary{color:#3c235e;background:#f0eafd;border:1px solid #dacafb}.control-row{margin:1rem 0}fieldset{margin:1rem 0;padding:.75rem;border:1px solid var(--line);border-radius:.75rem}.switch-row{display:flex;align-items:center;gap:.65rem;min-height:44px;color:#364152;font-weight:500}.switch-row input{width:1.05rem;height:1.05rem;accent-color:var(--blue)}.file-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.text-button{display:flex;align-items:center;justify-content:center;padding:.6rem;color:var(--blue);background:#fff;border:1px solid var(--line);border-radius:.65rem;font-size:.76rem;font-weight:700;text-align:center}.viewport-card{display:grid;grid-template-rows:auto minmax(360px,1fr) auto}.viewport-toolbar{padding:1.1rem 1.25rem 0}.metric{display:grid;place-items:center;min-width:3.5rem;padding:.45rem .65rem;border-radius:.7rem;background:#effaf6;color:#087458}.metric span{font-size:1.15rem;font-weight:800}.metric small{font-size:.62rem;letter-spacing:.1em}#xr-stage{position:relative;min-height:460px;margin:0 1rem;overflow:hidden;border-radius:.9rem;background:linear-gradient(180deg,#eef5fc,#f9fbfd)}#xr-stage canvas{display:block;width:100%;height:100%}.xr-actions{display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;gap:.6rem;padding:.9rem 1rem 1rem}.xr-button{position:static!important;width:auto!important;min-width:112px!important;height:44px!important;padding:0 1rem!important;opacity:1!important;border-radius:.65rem!important;font:700 .8rem Arial!important}.xr-button.ar{background:var(--teal)!important}.xr-button.vr{background:var(--violet)!important}#xr-note{margin:0;color:var(--muted);font-size:.72rem;line-height:1.35}.capture-button{min-height:44px;padding:0 .9rem;border:1px solid var(--line);border-radius:.65rem;background:#fff;color:var(--blue);font-size:.78rem;font-weight:700}.quality-badge{padding:.4rem .6rem;border-radius:.6rem;background:#eaf8f3;color:#087458;font-size:.8rem;font-weight:800}.tab-list{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:.65rem;overflow:hidden}.tab{min-height:44px;border:0;border-right:1px solid var(--line);background:#fff;color:var(--muted);font-size:.75rem;font-weight:700}.tab:last-child{border-right:0}.tab.active{background:#edf5ff;color:var(--blue)}.tab-panel{margin-top:.8rem;min-height:390px;max-height:52vh;overflow:auto;border-radius:.7rem;background:#111827}.tab-panel.hidden{display:none}pre{margin:0;padding:1rem;color:#dbeafe;font:.73rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}.check-list,.storyboard-list{margin:0;padding:.75rem;list-style:none;background:#fff}.check-list li{margin-bottom:.55rem;padding:.75rem;border-radius:.6rem;background:#f5f8fc;color:#364152;font-size:.82rem}.check-list li.pass{border-left:.25rem solid var(--teal)}.check-list li.fail{border-left:.25rem solid #dc2626}.storyboard-list li{display:grid;gap:.25rem;margin-bottom:.55rem;padding:.8rem;border-left:.25rem solid var(--blue);background:#f5f8fc;font-size:.8rem}.storyboard-list span{color:var(--muted);line-height:1.4}.evidence-card{margin-top:.85rem;padding:.85rem;border-radius:.75rem;background:#f5f8fc}.evidence-card p:last-child{margin:.45rem 0 0;color:#364152;font-size:.8rem;line-height:1.45}footer{display:flex;justify-content:space-between;gap:1rem;padding:.75rem clamp(1rem,3vw,3rem);color:var(--muted);font-size:.72rem}.powered-by{margin:0}.powered-by a{color:var(--blue);font-weight:700;text-underline-offset:.15rem}@media(max-width:1180px){.workspace{grid-template-columns:minmax(270px,.8fr) minmax(480px,1.4fr)}.inspector{grid-column:1 / -1}.tab-panel{min-height:240px;max-height:32rem}}@media(max-width:780px){.topbar{align-items:flex-start;flex-direction:column;gap:.7rem}.workspace{display:flex;flex-direction:column;padding:.65rem}.viewport-card{order:-1}#xr-stage{min-height:48vh;margin:0 .65rem}.template-grid{grid-template-columns:1fr}.template{min-height:44px}.xr-actions{grid-template-columns:1fr 1fr}.capture-button,#xr-note{grid-column:1 / -1}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}