:root{color-scheme:light;font-family:Trebuchet MS,Avenir Next,sans-serif;background:radial-gradient(circle at top left,rgba(255,211,124,.55),transparent 30%),radial-gradient(circle at top right,rgba(86,184,255,.3),transparent 28%),linear-gradient(180deg,#f7f5ef,#efe6d5);color:#1f2430}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}#app{min-height:100vh;padding:24px}.hero{display:grid;gap:20px;align-items:start}.hero-main{display:grid;gap:24px}.hero-copy,.controls,.preview-shell{border:1px solid rgba(31,36,48,.1);border-radius:24px;background:#fffcf7e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 18px 48px #3d2f191f}.hero-copy,.controls{padding:24px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;color:#9b5a1a;font-size:.78rem;font-weight:700}h1{margin:0;max-width:12ch;font-size:clamp(2.3rem,5vw,4.8rem);line-height:.95}.intro,.instructions,.status,.arm-card p,.preview-label{font-size:1rem;line-height:1.45}.instructions{padding-left:20px}.start-button{border:0;border-radius:999px;padding:14px 24px;background:linear-gradient(135deg,#ff8b3d,#ffb13d);color:#fffdf8;font-weight:700;cursor:pointer;box-shadow:0 12px 24px #ff8b3d47}.start-button:disabled{opacity:.6;cursor:wait}.status{margin-bottom:0;color:#495164}.control-card{display:grid;gap:8px;margin-bottom:20px}select{border:1px solid rgba(31,36,48,.15);border-radius:12px;padding:10px 12px;background:#ffffffd1;color:inherit}.arm-control-grid{display:grid;gap:14px}.toggle{display:inline-flex;align-items:center;gap:8px}.arm-panel{display:grid;gap:16px}.arm-card{display:grid;gap:10px;padding:16px;border-radius:18px;border:1px solid rgba(31,36,48,.08);background:#ffffffb8}.arm-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.arm-slider{display:grid;gap:8px}.arm-slider select{width:100%}.arm-card-left{border-color:#588dff47}.arm-card-right{border-color:#ff8b3d57}.arm-card p{margin:0 0 10px}.arm-debug,.arm-value{font-variant-numeric:tabular-nums;color:#495164}.arm-debug{font-size:.92rem}.arm-value{margin:8px 0 0;font-size:.95rem;font-weight:700}.meter{width:100%;height:12px;border-radius:999px;background:#1f243014;overflow:hidden}.meter-fill{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4d7cff,#64d2ff);transition:width .12s linear}.arm-card-right .meter-fill{background:linear-gradient(90deg,#ff8b3d,#ffc04d)}.stage{display:flex;justify-content:center}.preview-shell{position:relative;padding:16px;width:min(100%,720px)}.camera,.overlay{display:block;width:100%;border-radius:18px}.camera{background:#0c1320}.overlay{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);pointer-events:none;background:transparent}.preview-label{margin-top:12px;color:#495164}@media(min-width:960px){.hero{grid-template-columns:1.3fr .9fr}}