.sm-shell{--ink:#273149;--cream:#fff0dd;--accent:#ffca8d;max-width:1040px;margin:auto;background:var(--ink);color:var(--cream);font-family:Arial,sans-serif;border:1px solid #5d726e;border-radius:18px;overflow:hidden;box-shadow:0 22px 65px #16363830}.sm-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 26px;background:linear-gradient(110deg,#4b3d56,#273149);border-bottom:1px solid #58726b}.sm-eyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:700;color:#f3d99c}.sm-header strong{display:block;font-size:26px;letter-spacing:1px;margin-top:7px;font-weight:900}.sm-header em{font-style:normal;color:#f7abb9}.sm-best{font-size:10px;text-align:right;color:#cbded5;letter-spacing:1px}.sm-best b{display:block;font-size:24px;color:var(--accent);margin-top:4px}.sm-hud{display:grid;grid-template-columns:repeat(4,1fr);padding:15px 0;background:#323750}.sm-hud>div{padding:0 25px;border-right:1px solid #536762}.sm-hud>div:last-child{border:0}.sm-hud small,.sm-strip small{display:block;color:#c9dbd2;font-size:10px;letter-spacing:1px}.sm-hud b{display:block;margin-top:5px;font-size:23px;font-variant-numeric:tabular-nums}.sm-stage{position:relative}.sm-stage canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.sm-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#152e35ee,#17383bb5);display:grid;place-items:center;text-align:center;padding:24px}.sm-overlay[hidden]{display:none}.sm-card{max-width:560px}.sm-card h2{font-size:clamp(28px,4.5vw,52px);font-family:Georgia,serif;font-weight:500;letter-spacing:-1px;line-height:1.1;margin:17px 0;color:#fff3d4}.sm-card p{font-size:15px;line-height:1.7;color:#d6e7de;margin:10px 0}.sm-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0}.sm-tags span{border:1px solid #839588;border-radius:20px;padding:8px 12px;font-size:10px;letter-spacing:1px}.sm-card button{min-height:50px;border:0;border-radius:8px;background:var(--accent);color:#203735;font-size:16px;font-weight:800;padding:14px 25px;cursor:pointer}.sm-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid #4e6e66}.sm-strip b{display:block;color:#ffd2a0;font-size:16px;margin-top:6px}.sm-focus{width:24%}.sm-focus>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.sm-focus b{margin:0;font-size:12px;color:var(--accent)}.sm-meter{height:5px;border-radius:5px;background:#496761;margin-top:10px;overflow:hidden}.sm-meter span{display:block;width:100%;height:100%;background:var(--accent)}.sm-toolbar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:16px 12px 0}.sm-toolbar button{min-height:44px;padding:10px 15px;background:#41465f;border:1px solid #71918a;color:#f8f0d7;border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s}.sm-toolbar button:hover{background:#575a73}.sm-toolbar button:disabled{opacity:.5;cursor:default}.sm-toolbar button:first-child{color:var(--accent)}.sm-toolbar kbd{margin-left:8px}.sm-shell button:focus-visible,.sm-stage canvas:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}.sm-help{font-size:12px;line-height:1.8;text-align:center;color:#c5d8cf;padding:13px 14px 19px;margin:0}.sm-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sm-shell:fullscreen{max-width:none;width:100%;height:100dvh;overflow:auto;border-radius:0}.sm-shell:fullscreen .sm-stage{max-width:1100px;margin:auto}.sm-shell:fullscreen canvas{max-height:calc(100dvh - 310px);object-fit:contain}@media(max-width:600px){.sm-header{padding:15px}.sm-header strong{font-size:19px}.sm-eyebrow{font-size:8px;letter-spacing:.8px}.sm-best{font-size:8px}.sm-best b{font-size:19px}.sm-hud>div{padding:0 12px}.sm-hud b{font-size:18px}.sm-hud small{font-size:8px;letter-spacing:.5px}.sm-overlay{padding:10px}.sm-card h2{font-size:26px;margin:9px 0}.sm-card p{font-size:11px;line-height:1.4;margin:6px 0}.sm-tags{display:none}.sm-card button{min-height:44px;font-size:12px;padding:10px 16px;margin-top:7px}.sm-strip{padding:14px 12px;gap:12px;flex-wrap:wrap}.sm-strip small{font-size:8px;letter-spacing:.4px}.sm-strip b{font-size:13px}.sm-focus{width:100%;display:flex;gap:15px;align-items:center}.sm-focus>div:first-child{min-width:110px}.sm-meter{flex:1;margin:0}.sm-toolbar button{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.sm-toolbar button{transition:none}}

.sm-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid #67748d}.sm-materials{display:flex;gap:8px}.sm-controls button{min-height:44px;border:1px solid #9aa8c4;background:#38435b;color:#fff0dd;border-radius:8px;padding:9px 15px;font-weight:700;cursor:pointer}.sm-controls button[aria-pressed=true]{background:#ffca8d;color:#293247}.sm-controls button:disabled{opacity:.5;cursor:default}.sm-sliders{display:flex;gap:18px;flex:1;min-width:230px}.sm-sliders label{flex:1;font-size:11px;color:#dfe4ef}.sm-sliders input{display:block;width:100%;min-height:44px;accent-color:#ffca8d;cursor:pointer}.sm-sliders b{color:#ffd5a2}.sm-controls #sm-throw{background:#f7abb9;color:#293247}.sm-strip>div{flex:1}.sm-help a{color:#ffd7a5;text-decoration:underline}.sm-stage canvas{outline-offset:-4px}@media(max-width:600px){.sm-controls{padding:12px;gap:10px}.sm-materials{flex:1}.sm-sliders{width:100%;order:2}.sm-controls button{padding:10px 13px}.sm-strip{gap:10px}.sm-header strong{font-size:19px}}