:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;color:#dadce5;background:#151619;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;border:1px solid #3a3d47;background:#282a32;color:#dfe2ec;border-radius:6px;padding:6px 9px}button:hover{background:#383b45}button.active,.primary{background:#c8f578;color:#192012;border-color:#c8f578}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #c8f578;outline-offset:3px}header{height:44px;position:relative;z-index:3;background:#1b1d22;border-bottom:1px solid #30333a;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.brand{font-weight:750;letter-spacing:2px;font-size:14px;display:flex;gap:8px;align-items:center}.brand i{font-style:normal;font-size:25px;color:#c8f578}.topactions{display:flex;align-items:center;gap:7px}.topactions button{font-size:12px;padding:4px 9px;background:transparent}.topactions span{font-size:12px;color:#848995;margin-right:8px}main{position:absolute;inset:44px 0 0;background:radial-gradient(ellipse at center,#21252e,#121418)}main>canvas{display:block;touch-action:none;width:100%;height:100%}.tools{position:absolute;left:12px;top:62px;display:grid;gap:3px;background:#202229ed;border:1px solid #3a3e48;border-radius:9px;padding:5px}.tools button{width:32px;height:32px;padding:0;border:0;background:transparent;font-size:23px}.tools button.active{background:#c8f578}.tools hr{width:20px;border:0;border-top:1px solid #414550;margin:5px auto}.inspector{position:absolute;right:12px;top:60px;width:204px;max-height:calc(100dvh - 76px);overflow:auto;background:#202229f5;border:1px solid #383d47;border-radius:10px;scrollbar-width:thin;box-shadow:0 8px 24px #0002}section{padding:12px 13px}.sectionhead{font-size:14px;font-weight:600}.brushPreview{margin:10px 0;font-size:13px}.brushPreview small{display:block;color:#878d9b;font-size:12px;line-height:1.4;margin-top:4px}.seg{display:flex;gap:5px}.seg button{flex:1;font-size:12px;padding:6px 3px}label{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-top:12px;color:#b8bdca}output{font-family:monospace;font-size:12px;color:#d5dae5}input[type=range]{width:100%;height:14px;accent-color:#c8f578;margin:7px 0 0}.check{justify-content:flex-start;gap:7px;margin-top:4px}input[type=checkbox]{accent-color:#c8f578}.micro{font-size:12px;line-height:1.5;color:#8d94a3;margin:9px 0}#palette{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:14px 2px 4px}#palette button{padding:0;aspect-ratio:1;border:0;border-radius:50%}#palette button.selected{outline:1px solid #f5f7ff;outline-offset:3px}.wide{width:100%;font-size:12px;margin:10px 0}.clearCanvas{width:calc(100% - 26px);margin:12px 13px 0;font-size:12px;background:transparent}details{border-top:1px solid #383c46}summary{padding:11px 13px;font-size:13px;cursor:pointer;color:#c0c6d3}summary span{float:right;font-size:11px;color:#818896}details section{padding-top:0}.musicButtons{display:flex;gap:5px}.musicButtons button{flex:1;font-size:12px;padding:7px 5px}.musicMeta{display:flex;justify-content:space-between;font-size:11px;color:#8c94a5;margin:12px 0 7px}.music progress{width:100%;height:4px;accent-color:#c8f578;display:block}.music a{color:#c8f578;font-size:12px;display:block;margin-top:10px}.music a[hidden]{display:none}.camera{position:absolute;left:12px;bottom:12px;width:134px;background:#202229e8;border:1px solid #373c46;border-radius:8px;overflow:hidden}.cameraTop{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:6px 7px;color:#939bab;font-size:11px}.cameraTop button{font-size:11px;padding:2px 5px}.cameraTop span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px}.feed{height:83px;position:relative;background:#17191e}.feed video,.feed canvas{position:absolute;width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}#cameraEmpty{position:absolute;inset:0;display:grid;place-content:center;font-size:24px;color:#646b79}#gesture{font-size:11px;padding:6px 7px;color:#b4d988;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axis{position:absolute;left:75px;top:18px;width:48px;height:48px;opacity:.7;pointer-events:none;font-family:monospace}.axis b{position:absolute;font-size:11px}.y{top:0;left:20px;color:#b5e678}.x{top:26px;right:0;color:#ed86a7}.z{top:26px;left:0;color:#82a8f8}#startHint{position:absolute;left:calc((100% - 204px)/2);top:42%;transform:translate(-50%,-50%);text-align:center;width:min(460px,65%);pointer-events:none}h1{font-size:32px;font-weight:500;letter-spacing:-.5px;margin:0 0 14px}#startHint p{font-size:14px;line-height:1.6;color:#9ca5b5}#startHint button{pointer-events:auto;margin:10px 3px 0;padding:9px 13px}#startHint small{display:block;color:#707b8d;font-size:12px;margin-top:16px}#toast{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:none;background:#323844;border:1px solid #525c6d;border-radius:8px;color:#e6edf8;font-size:13px;padding:11px 15px;max-width:min(520px,70%);z-index:5}dialog{width:min(510px,92vw);max-height:85dvh;background:#22262f;color:#e1e6f0;border:1px solid #4a5363;border-radius:13px;padding:26px;line-height:1.6}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}dialog h2{font-size:22px;font-weight:550;margin:0 30px 20px 0}dialog p,dd{font-size:14px;color:#a4adbd}dt{font-size:14px;margin-top:15px}dd{margin:4px 0 0}.close{float:right;background:transparent;border:0;font-size:20px}@media(max-width:700px){.topactions span{display:none}.inspector{width:178px;right:8px;top:54px;max-height:calc(100dvh - 64px)}section{padding:10px}.tools{left:8px;top:56px}.camera{left:8px;bottom:8px;width:112px}.feed{height:65px}.brand{letter-spacing:1px;font-size:12px}.brand i{font-size:21px}header{padding:0 9px}.topactions{gap:3px}.topactions button{padding:4px 6px;font-size:11px}#startHint{left:calc((100% - 178px)/2);width:calc(100% - 220px);min-width:120px}h1{font-size:23px}#startHint p{font-size:12px}#startHint small{display:none}.axis{left:58px}.brushPreview small{display:none}}@media(max-height:650px){.brushPreview small{display:none}.inspector section{padding-top:8px;padding-bottom:8px}.inspector label{margin-top:8px}summary{padding:9px 12px}.camera{width:110px}.feed{height:62px}}

.handCursor{position:absolute;pointer-events:none;z-index:2;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:25px;line-height:1;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 3px #0009);user-select:none}.handCursor[hidden]{display:none}

/* Quiet light workspace, compact icon rails. */
:root{color:#363835;background:#f5f5f5;color-scheme:light}button{background:transparent;color:#41433f;border:1px solid #92948e;border-radius:3px}button:hover{background:#e8e8e8}button.active,.primary{background:#454842;color:#fafbf7;border-color:#454842}button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#666b60}header{height:42px;background:#f5f5f5;border-color:#b8bab3;padding:0 16px}.brand{font-size:12px;letter-spacing:2px}.brand i{color:#454842;font-size:22px}.topactions span{color:#878a82;font-size:10px}.topactions button{border-color:transparent;color:#55584f}main{inset:42px 0 0;background:#f5f5f5}.tools,.inspector{top:58px;border:1px solid #a4a79d;border-radius:4px;background:#fafafa;box-shadow:none;padding:4px;width:42px;overflow:visible;max-height:none}.tools{left:14px;gap:4px}.tools button{width:32px;height:32px;display:grid;place-items:center;color:#494d43;border-radius:2px}.tools button.active{color:#fff}.ui-icon{width:20px;height:20px;display:block}.inspector{right:14px;display:grid;gap:4px}.inspector details{border:0}.inspector summary{list-style:none;display:grid;place-items:center;width:32px;height:32px;padding:0;color:#494d43;border-radius:2px}.inspector summary::-webkit-details-marker{display:none}.inspector summary:hover{background:#e8e8e8}.inspector details[open]>summary{background:#454842;color:#fff}.inspector details>section{position:absolute;right:50px;top:-1px;width:220px;max-height:calc(100dvh - 80px);overflow:auto;background:#fafafa;border:1px solid #a4a79d;border-radius:4px;padding:16px;box-shadow:0 5px 18px #252b2010}.sectionhead{font-size:12px;letter-spacing:.06em;font-weight:600;margin-bottom:12px}.brushPreview{font-size:12px}.brushPreview small,.micro{color:#777b70;font-size:11px}label,output{color:#5d6255;font-size:12px}input[type=range],input[type=checkbox],.music progress{accent-color:#5e6754}.seg button{font-size:11px}#palette button.selected{outline-color:#555d4b}.musicMeta{color:#747b69}.music a{color:#4f6542}#startHint{left:50%;width:min(460px,calc(100% - 140px));min-width:0}h1{font-size:32px;color:#464b40;font-weight:400}#startHint p{color:#7a8072;font-size:13px}#startHint small{color:#92978c}.axis{left:75px;opacity:.55}.axis .x,.axis .y,.axis .z{color:#6e7565}.camera{left:14px;bottom:14px;background:#fafafa;border-color:#a4a79d;border-radius:4px;width:120px}.cameraTop{color:#777d6e}.feed{height:75px;background:#ebebeb}#cameraEmpty{color:#929887}#gesture{color:#737d62}#toast{background:#fafafa;color:#454d3d;border-color:#a4ad99;border-radius:4px;box-shadow:0 4px 16px #0001}dialog{background:#fafafa;color:#41483a;border-color:#929c86;border-radius:6px}dialog p,dd{color:#747d69}dialog::backdrop{background:#343a3033;backdrop-filter:blur(3px)}.close{color:#59624e}.handCursor{filter:drop-shadow(0 1px 2px #0003)}
@media(max-width:700px){.tools{left:8px}.inspector{right:8px;width:42px}.inspector details>section{right:48px;width:min(220px,calc(100vw - 116px))}.camera{left:8px;width:104px}.feed{height:62px}#startHint{left:50%;width:calc(100% - 124px)}h1{font-size:26px}.axis{left:61px}.topactions span{display:none}.topactions button{font-size:10px;padding:4px}.brand{font-size:11px}.brushPreview small{display:block}}

.inspector>button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:2px;padding:0;color:#494d43}

.traceTemplates{display:grid;grid-template-columns:1fr 1fr;gap:8px}.traceTemplates button{padding:5px;font-size:10px}.traceTemplates img{display:block;width:100%;aspect-ratio:1;object-fit:contain;margin-bottom:4px}.traceTemplates button.active{background:#dde1d6;color:#454842}.traceTemplates button.active img{opacity:.8}#traceOptions[hidden]{display:none}#traceName{overflow-wrap:anywhere}

#showcaseHint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:11px;color:#51594a;pointer-events:none;letter-spacing:.03em}#showcaseHint span{margin-left:12px;color:#8a9083}#showcaseHint[hidden]{display:none}.inspector>button.active{background:#454842;color:#fff}

#brushDetails .seg{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}

#metalFinishControl[hidden]{display:none}#metalFinish{font:inherit;background:#fafafa;border:1px solid #a4a79d;color:#454842;padding:4px;border-radius:3px}

/* Public trial: keep recovery instructions readable on small screens. */
#cameraError{font-size:13px;color:#8a382c;background:#fff5ef;border:1px solid #dcb9aa;padding:10px;border-radius:4px;line-height:1.5}#startHint small{display:block;font-size:12px;line-height:1.5}#startHint{max-height:calc(100dvh - 110px);overflow:auto;pointer-events:auto}#startHint[hidden]{display:none}.startup-error{position:fixed;inset:0;z-index:100;background:#f5f5f5;display:grid;place-content:center;padding:24px;text-align:center}.startup-error p{max-width:420px;line-height:1.6}.startup-error button{justify-self:center}
@media(max-width:480px){#startHint{top:40%;width:calc(100% - 120px)}#startHint h1{font-size:24px}#startHint small{font-size:12px}.topactions button{font-size:11px}.brand{letter-spacing:.5px}}

/* Neutral, near-white workspace surface. */
body{background:#f5f5f5}


/* Keep the original welcome layout, with slightly tighter supporting copy. */
#startHint>p:not(#cameraError){line-height:1.4;margin:6px 0}
#startHint{top:45%}
#startHint h1{margin-bottom:12px}
@media(max-width:480px){#startHint{top:44%}}