@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.studio-intro,.empty-art,.canvas-live-label,.dial-tick{display:none}.hand-cursor,.second-cursor{z-index:300}.second-cursor.cursor-dial{width:22px;height:22px;background:#f3b363;box-shadow:0 0 0 6px #f3b36333;border-color:#fff}.second-cursor.cursor-dial:after{content:"RELEASE TO LET GO";inset:auto;top:28px;left:50%;transform:translate(-50%);white-space:nowrap;background:#242424;color:#fff;border-radius:5px;padding:6px;font:9px system-ui}html[data-theme]{color-scheme:light;background:#edece6;color:#242823;font-family:Arial,Helvetica,sans-serif}html[data-theme] body{margin:0;background:#edece6}html[data-theme] .app{--blue:#244ad7;--muted:#71786c;--ink:#242823;background:#edece6;min-height:100vh;color:var(--ink)}html[data-theme] button,html[data-theme] .button{background:#f7f7f2;color:#30382f;border:1px solid #d3d7cb;border-radius:9px;box-shadow:0 2px 2px #26302005;padding:10px 13px;font-size:11px;transition:background .2s,box-shadow .2s,transform .2s,border-color .2s}html[data-theme] button:hover,html[data-theme] .button:hover{background:#fff;border-color:#8c9d88;box-shadow:0 4px 12px #2c3e2410;transform:translateY(-2px)}html[data-theme] button:active{transform:translateY(1px) scale(.97)}html[data-theme] button:focus-visible,html[data-theme] input:focus-visible,html[data-theme] select:focus-visible,html[data-theme] textarea:focus-visible{outline:3px solid #244ad7;outline-offset:3px}html[data-theme] button:disabled{opacity:.4;transform:none;box-shadow:none}html[data-theme] .primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 3px #193aa6}html[data-theme] .primary:hover{background:#355ef4;border-color:#355ef4;color:#fff}html[data-theme] header{height:76px;background:#f7f7f1;border:0;border-bottom:1px solid #d9dbd1;box-shadow:none;padding:0 30px;gap:20px}html[data-theme] .brand{color:#242823;font-size:23px;letter-spacing:-1px;font-weight:800}html[data-theme] .brand span:not(.logo){color:#62705e;font-weight:400}html[data-theme] .brand small{color:#828b7b;font-size:7px;letter-spacing:1.9px}html[data-theme] .logo{width:39px;height:39px;background:var(--blue);border-radius:50%;color:#fff;box-shadow:none;font-family:Georgia,serif;transform:rotate(-8deg);transition:transform .5s}html[data-theme] .brand:hover .logo{transform:rotate(8deg)}html[data-theme] .header-actions{gap:7px}html[data-theme] .theme-switch{background:transparent;border-color:transparent;color:#596753}html[data-theme] .studio-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0;padding:28px 32px 30px;background:#e8eadf;border-bottom:1px solid #d4d9c7;overflow:hidden;position:relative}html[data-theme] .intro-kicker{font:9px monospace;letter-spacing:1.8px;color:#758269}html[data-theme] h1{font-size:clamp(28px,3.5vw,52px);letter-spacing:-2.7px;font-weight:500;margin:10px 0 0;line-height:1.05;animation:intro-enter .8s both}html[data-theme] h1 em{font-family:Georgia,serif;color:#244ad7;font-weight:400}html[data-theme] .intro-note{display:flex;align-items:center;gap:22px}html[data-theme] .intro-note p{font-size:12px;line-height:1.6;color:#636f5b;max-width:180px}html[data-theme] .orbital-mark{font-size:74px;color:#ec8053;line-height:1;display:inline-block;animation:orbit 35s linear infinite}html[data-theme] .edition{font:9px/1.8 monospace;letter-spacing:2px;color:#8b947b;border-left:1px solid #c9d0bc;padding-left:22px}html[data-theme] .workspace{grid-template-columns:238px minmax(0,1fr) 126px;min-height:calc(100vh - 257px);padding:18px;gap:16px;align-items:start}html[data-theme] aside{background:#f5f5ee;border:1px solid #d8dbce;border-radius:16px;box-shadow:0 4px 12px #29312605}html[data-theme] .settings{padding:23px 20px;border-color:#d8dbce;position:relative;animation:panel-arrive .55s .05s both}html[data-theme] .eyebrow{color:#79856c;font:9px monospace;letter-spacing:1.4px}html[data-theme] h2{font-size:22px;font-weight:500;letter-spacing:-.8px;color:#273322;margin:22px 0 8px}html[data-theme] h3{color:#35402c}html[data-theme] p{color:#6b7562;font-size:11px;line-height:1.7}html[data-theme] .tabs{border:1px solid #dce0d1;background:#e7eadd;padding:4px;box-shadow:inset 0 1px 3px #46592c08;border-radius:9px;margin:20px 0 8px;gap:3px}html[data-theme] .tabs button{color:#6a795d;background:transparent;border:0;border-radius:6px;padding:8px 0}html[data-theme] .tabs .selected{background:#fff;color:var(--blue);box-shadow:0 2px 5px #34462212}html[data-theme] .label{font:9px monospace;letter-spacing:1px;color:#697b59;margin:24px 0 12px}html[data-theme] .label span{color:#244ad7}html[data-theme] .swatches{border-radius:10px;background:#e9ecdf;border:0;box-shadow:inset 0 2px 6px #56693912;gap:15px;padding:14px 10px;grid-template-columns:repeat(4,1fr)}html[data-theme] .swatches button{width:28px;height:28px;box-shadow:inset 0 2px 3px #fff6,inset 0 -3px 4px #0002,0 3px 5px #26361920;border-radius:50%;padding:0}html[data-theme] .swatches .chosen{outline:2px solid #244ad7;outline-offset:4px}html[data-theme] .swatches button:hover{transform:translateY(-4px) scale(1.12)}html[data-theme] .color-picker{color:#718064;font-size:11px}html[data-theme] .color-picker input{border-radius:4px}html[data-theme] .dial{display:grid;width:140px;height:140px;border:10px solid #c7ceba;outline:1px solid #aeb89e;background:repeating-conic-gradient(#cad1be,#cad1be 2deg,#e5e9dc 2deg,#e5e9dc 10deg);box-shadow:0 9px 12px #45543318,inset 0 0 0 5px #f3f5ed;position:relative;margin:6px auto 18px;transition:box-shadow .25s,border-color .25s}html[data-theme] .dial:before{top:12px;right:12px;bottom:12px;left:12px;background:radial-gradient(at 35% 20%,#fbfcf6,#d6ddc8);box-shadow:0 2px 6px #43582a25;border:1px solid #d2d9c6}html[data-theme] .dial div{box-shadow:inset 0 2px 5px #fff5,0 3px 9px #3c4a2625;max-width:74px;max-height:74px}html[data-theme] .dial-tick{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}html[data-theme] .dial-tick:before{content:"";position:absolute;top:2px;left:calc(50% - 2px);width:4px;height:11px;background:#244ad7;border-radius:4px}html[data-theme] .dial-scale{color:#869778;padding:0 28px}html[data-theme] .dial-engaged{border-color:#244ad7;box-shadow:0 0 0 5px #244ad717,0 9px 18px #244ad726}html[data-theme] .dial-engaged:after{content:"CAPTURED · TURN TO ADJUST";bottom:-29px;color:#244ad7;font:8px monospace}html[data-theme] .hint{color:#7a876d!important;font-size:10px!important}html[data-theme] .settings input[type=range],html[data-theme] .setup-panel input[type=range]{accent-color:#244ad7;height:20px}html[data-theme] .aside-bottom{border-color:#d6ddca;color:#89967c;font:9px/1.9 monospace;margin-top:24px;padding-top:16px}html[data-theme] main{background:transparent;padding:4px 14px 20px;min-width:0;animation:panel-arrive .6s .12s both}html[data-theme] .canvas-bar{margin:0 0 26px;min-height:34px}html[data-theme] .canvas-bar strong{color:#3f4c34;font-size:13px;font-weight:500}html[data-theme] .canvas-bar span{color:#8b957f;font:9px monospace}html[data-theme] .canvas-bar button{color:#657758;background:transparent;border:0;box-shadow:none;font-size:10px}html[data-theme] .canvas-live-label{display:inline-block!important;font:7px monospace!important;letter-spacing:1px;color:#5b8a4b!important;background:#dfe8d8;padding:4px 6px;border-radius:4px;margin-left:8px}html[data-theme] .artboard-label{color:#8a947e;font:8px monospace;letter-spacing:1px;padding:0 0 10px}html[data-theme] .canvas-well{padding:0;background:#fff;border-radius:4px;box-shadow:0 1px 2px #1b291720,0 20px 45px -20px #29381e40;position:relative;overflow:hidden;min-height:0}html[data-theme] .canvas-well:after{top:0;right:0;bottom:0;left:0;border:1px solid #00000009;border-radius:4px}html[data-theme] .canvas-well>canvas{position:relative;background:#fff;box-shadow:none;border-radius:4px;width:100%;display:block;animation:none}html[data-theme] .empty-art{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;align-items:center;justify-content:center;flex-direction:column;gap:0;background:radial-gradient(#fff0,#f9faf6a0);animation:intro-enter .8s .3s both}html[data-theme] .empty-art svg{width:70%;height:65%;overflow:visible;fill:#244ad7;stroke-width:4}html[data-theme] .art-line{fill:none;stroke:#244ad7;stroke-linecap:round;stroke-width:5;stroke-dasharray:1600;stroke-dashoffset:1600;animation:ink-reveal 2.5s .35s cubic-bezier(.2,.5,.2,1) forwards}html[data-theme] .art-b{stroke:#c4d1f4;stroke-width:12;opacity:.45;animation-delay:.15s}html[data-theme] .art-star{stroke:#ec8053;stroke-width:3;fill:none;transform-origin:440px 70px;animation:orbit 25s linear infinite}html[data-theme] .empty-art>div{text-align:center;margin-top:-5px}html[data-theme] .empty-art span{display:block;color:#718064;font-family:Georgia,serif;font-size:clamp(13px,1.4vw,22px);font-style:italic}html[data-theme] .empty-art small{display:block;margin-top:12px;font:7px monospace;letter-spacing:1.1px;color:#a1ab96}html[data-theme] .canvas-caption{color:#8e9a81;margin:18px 0 24px;font:8px monospace}html[data-theme] .gesture-card{background:#e3e7da;border:1px solid #d4dbca;border-radius:13px;padding:17px;box-shadow:inset 0 1px #fff8;gap:15px}html[data-theme] .gesture-card h3{color:#3e4d32;font-size:13px}html[data-theme] .gesture-card p{color:#829073;font-size:10px}html[data-theme] .camera-controls label{color:#6e7f5f}html[data-theme] .camera-controls select{color:#4c5c3f;background:#f3f5ed;border-color:#c4cfb8;padding:4px;border-radius:5px}html[data-theme] .tracking-status{color:#7a886c}html[data-theme] .preview{display:block;width:96px;height:76px;border:3px solid #fff;border-radius:9px;box-shadow:0 4px 10px #283c1920}html[data-theme] .preview.hidden{display:none}html[data-theme] .rack{padding:22px 13px;border-color:#d2d9c6;background:#e3e7d9;box-shadow:none;animation:panel-arrive .6s .2s both}html[data-theme] .rack .eyebrow{color:#798969}html[data-theme] .tool{height:126px;border:1px solid #cbd3bf;border-radius:12px;background:linear-gradient(100deg,#d5dcc9,#e9eddf);box-shadow:inset 0 2px 6px #66764c1a,0 1px #fff9;margin-top:16px;color:#667752;font-size:9px}html[data-theme] .tool:hover{background:#f3f6eb;transform:none;box-shadow:0 6px 15px #52633a18}html[data-theme] .tool small{color:#98a58a}html[data-theme] .tool .pen{height:76px;filter:drop-shadow(4px 6px 3px #31461a35)}html[data-theme] .equipped{border-color:#5874d0;background:#e0e6f7;box-shadow:0 0 0 3px #244ad70a,inset 0 1px #fff9}html[data-theme] .equipped:after{color:#244ad7;font:6px monospace;letter-spacing:1px;top:7px;left:7px}html[data-theme] .pen{background:linear-gradient(90deg,#647064,#eef0e9 35%,#9da99a 65%,#53664f)}html[data-theme] .pen-marker{background:linear-gradient(90deg,#c6c6b1,#ffffed 40%,#c0c4a9)}html[data-theme] .pen-brush{background:linear-gradient(90deg,#925d33,#e3b778 35%,#81582d)}html[data-theme] .pen-eraser{background:linear-gradient(95deg,#d2b09b,#ffe4cd 40%,#dabfac)}html[data-theme] .rack p{color:#8b9a7b;line-height:1.8;font-size:9px}html[data-theme] .equipped-note{color:#4f6558;font:9px/1.9 monospace}html[data-theme] footer{background:#e1e5d7;border-color:#d3dac5;color:#859675;font:9px monospace;min-height:36px;padding:12px 25px}html[data-theme] .live-dot{color:#4c8e53}html[data-theme] .hand-cursor{box-shadow:0 0 0 2px #fff,0 0 0 3px #244ad750}html[data-theme] .second-cursor{background:#244ad71a;border-color:#244ad7;box-shadow:0 0 0 3px #fff8}html[data-theme] .second-cursor:after{background:#244ad7}html[data-theme] .second-cursor.cursor-locked{border-color:#244ad7;background:#244ad72a}html[data-theme] .second-cursor.cursor-locked:after{background:#244ad7}html[data-theme] button.left-hand-locked{outline-color:#244ad7!important;box-shadow:0 0 0 6px #244ad716!important}html[data-theme] button.hand-hover{outline-color:#ed8053;box-shadow:0 0 0 5px #ed805316;transform:none}html[data-theme] .tool.hand-hover:before{color:#244ad7}html[data-theme] .hand-cursor:after{z-index:305}html[data-theme] .modal-backdrop{background:#19251285;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html[data-theme] .setup-panel{background:#f3f5ed;border-color:#c5ceb8;border-radius:20px;box-shadow:0 30px 100px #18251055;color:#324427}html[data-theme] .setup-grid h3{color:#244ad7;border-color:#d4dec8}html[data-theme] .setup-grid .adjust{color:#697d59}html[data-theme] .setup-grid .adjust span{color:#244ad7}html[data-theme] .connection-row{border-color:#d8dfcf;color:#465a37}html[data-theme] .connection-row span,html[data-theme] .connection-row code{color:#879875}html[data-theme] .calibration-banner{background:#244ad7;color:#fff;border-radius:12px}html[data-theme] .check{color:#798a68}html[data-theme] .check input{accent-color:#244ad7}html[data-theme] .service{color:#4c643d}html[data-theme] .service i{background:#b0bba3}html[data-theme] .service .online{background:#6b9a4d}html[data-theme] textarea,html[data-theme] .shape-editor input,html[data-theme] .shape-editor select{background:#fff;border-color:#d3dcc8;color:#334c25;border-radius:7px}html[data-theme] .shape-editor{border-color:#d3dcc8}html[data-theme] .diagram-proposal{background:#e6ebdd;border-color:#c5d2b5;border-radius:9px}html[data-theme] .insight{color:#6c805a;border-color:#d7e0ca}html[data-theme] .adjust{color:#718461}html[data-theme] .adjust span{color:#244ad7}html[data-theme] .companion{right:162px;bottom:42px;max-width:330px;gap:8px}html[data-theme] .companion-body{background:transparent;border:0;box-shadow:none;min-width:66px;width:66px;color:#244ad7}html[data-theme] .companion-body svg{width:66px;filter:drop-shadow(0 5px 4px #39502525)}html[data-theme] .companion-body:hover{background:transparent;box-shadow:none;border:0}html[data-theme] .companion-bubble{background:#f9fbf3f5;border:1px solid #c8d4b6;border-radius:12px 12px 0;box-shadow:0 6px 18px #38502012;max-width:210px}html[data-theme] .companion-bubble strong{color:#244ad7;font:8px monospace}html[data-theme] .companion-bubble span{color:#647b4f;font-size:10px}html[data-theme] .companion-body>span{font-size:6px;bottom:11px}html[data-theme] .companion-listening .companion-bubble{border-color:#244ad7}@media(min-width:1600px){html[data-theme] .workspace{padding:26px 30px;grid-template-columns:260px minmax(0,1fr) 140px;gap:25px}html[data-theme] main{padding:4px 30px 30px}html[data-theme] .canvas-well{max-width:1050px;margin:auto}}@media(max-width:1150px){html[data-theme] header{padding:0 20px}html[data-theme] .brand{font-size:18px}html[data-theme] .header-actions{gap:4px}html[data-theme] .header-actions button,html[data-theme] .header-actions .button{padding:9px;font-size:10px}html[data-theme] .intro-note{display:none}html[data-theme] .studio-intro{padding:25px}html[data-theme] .workspace{grid-template-columns:210px minmax(0,1fr) 105px;gap:12px;padding:14px}html[data-theme] .settings{padding:20px 14px}html[data-theme] main{padding:4px 5px 20px}html[data-theme] .preview{display:none}html[data-theme] .gesture-card>div:first-child{display:none}html[data-theme] .companion{right:140px}html[data-theme] .tool{height:120px}}@media(max-width:780px){html[data-theme] header{height:auto;padding:15px;flex-wrap:wrap;gap:12px}html[data-theme] .header-actions{flex-wrap:wrap}html[data-theme] .brand small{display:none}html[data-theme] .studio-intro{padding:21px 17px}html[data-theme] .studio-intro h1{font-size:32px;letter-spacing:-1.8px}html[data-theme] .edition{display:none}html[data-theme] .intro-kicker{font-size:7px}html[data-theme] .workspace{display:flex;flex-direction:column;gap:15px;padding:15px}html[data-theme] .workspace main{order:0;width:100%;padding:0}html[data-theme] .rack{order:1;width:100%;display:flex;align-items:center;gap:10px;padding:12px;overflow-x:auto}html[data-theme] .rack>.eyebrow,html[data-theme] .rack p,html[data-theme] .equipped-note{display:none}html[data-theme] .tool{min-width:65px;flex:1;height:103px;margin:0;padding:8px;gap:4px}html[data-theme] .tool .pen{height:58px;margin-top:8px}html[data-theme] .tool small{display:none}html[data-theme] .settings{order:2;width:100%;padding:20px}html[data-theme] .settings .dial{display:grid}html[data-theme] .dial-scale{display:flex;max-width:190px;margin:auto}html[data-theme] .settings .tabs{max-width:none}html[data-theme] .settings .swatches{display:flex;flex-wrap:wrap;justify-content:space-between}html[data-theme] .settings input[type=range]{max-width:none}html[data-theme] .canvas-bar{flex-direction:row;align-items:center;gap:6px;margin-bottom:20px}html[data-theme] .canvas-bar button{font-size:9px;padding:6px}html[data-theme] .canvas-bar strong{font-size:11px}html[data-theme] .canvas-live-label{display:none!important}html[data-theme] .canvas-caption{font-size:7px;margin:12px 0 18px}html[data-theme] .gesture-card{flex-direction:row;align-items:center;justify-content:space-between;padding:14px}html[data-theme] .gesture-card .camera-controls{width:100%}html[data-theme] .camera-controls .primary{align-self:start;min-height:42px}html[data-theme] .camera-controls label{font-size:11px}html[data-theme] .tracking-status{max-width:none}html[data-theme] .companion{right:12px;bottom:12px;max-width:240px}html[data-theme] .companion-bubble{max-width:165px;padding:8px}html[data-theme] .companion-body,html[data-theme] .companion-body svg{width:55px;min-width:55px}html[data-theme] footer{padding-bottom:110px}html[data-theme] .setup-panel{padding:20px;max-height:85vh}html[data-theme] .setup-grid{grid-template-columns:1fr;gap:15px}html[data-theme] .empty-art small{font-size:5px;letter-spacing:.4px}html[data-theme] .empty-art span{font-size:13px}html[data-theme] .empty-art svg{height:60%}html[data-theme] .aside-bottom{display:none}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes ink-reveal{to{stroke-dashoffset:0}}@keyframes intro-enter{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes panel-arrive{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){html[data-theme] *{animation:none!important;transition:none!important}.art-line{stroke-dashoffset:0!important}}@media(min-width:781px){html[data-theme] .studio-intro{padding:18px 30px 21px}html[data-theme] .studio-intro h1{font-size:clamp(28px,3.2vw,46px)}html[data-theme] .canvas-well{width:min(100%,max(390px,calc((100dvh - 500px)*var(--canvas-ratio,1.5))));margin-inline:auto}html[data-theme] .settings{padding-top:18px;padding-bottom:15px}html[data-theme] .settings h2{margin-top:16px;font-size:20px}html[data-theme] .settings p{font-size:10px;line-height:1.6}html[data-theme] .tabs{margin:14px 0 6px}html[data-theme] .label{margin:16px 0 10px}html[data-theme] .swatches{padding:11px 10px;gap:13px}html[data-theme] .color-picker{margin-top:13px}html[data-theme] .dial{width:118px;height:118px;margin-bottom:12px}html[data-theme] .dial div{max-width:64px;max-height:64px}html[data-theme] .dial-engaged:after{bottom:-23px;font-size:7px}html[data-theme] .aside-bottom{margin-top:15px;padding-top:12px}html[data-theme] .canvas-bar{margin-bottom:18px}html[data-theme] .canvas-caption{margin:14px 0 18px}html[data-theme] .tool{height:115px;margin-top:13px}html[data-theme] .tool .pen{height:65px}html[data-theme] .rack p,html[data-theme] .equipped-note{margin-top:17px}html[data-theme] .gesture-card{padding:13px}html[data-theme] .companion-bubble{max-width:180px}}html[data-theme] .companion{right:22px;bottom:12px}html[data-theme] .companion-idle .companion-bubble{display:none}html[data-theme] .companion-idle:focus-within .companion-bubble{display:block}html[data-theme] .canvas-bar>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end}html[data-theme] .canvas-size-panel{max-width:560px;width:calc(100vw - 32px)}html[data-theme] .canvas-presets{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}html[data-theme] .canvas-presets button{text-align:left;padding:15px;display:grid;gap:7px}html[data-theme] .canvas-presets small{font:10px monospace;opacity:.75}html[data-theme] .canvas-presets .selected{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}html[data-theme] .canvas-dimensions{display:flex;align-items:center;gap:12px}html[data-theme] .canvas-dimensions label{display:grid;gap:8px;flex:1;min-width:0;font-size:12px}html[data-theme] .canvas-dimensions input{width:100%;padding:12px;border:1px solid #c5ceb8;border-radius:8px;background:#fff;color:#242823}html[data-theme] .canvas-dimensions>button{align-self:end}html[data-theme] .canvas-size-panel .full{margin-top:12px}html[data-theme=dark]{color-scheme:dark;background:#20211f;color:#e1e0d8}html[data-theme=dark] body,html[data-theme=dark] .app{background:#20211f;color:#e1e0d8}html[data-theme=dark] .app{--blue:#d2b986;--muted:#a3ad8f;--ink:#e1e0d8}html[data-theme=dark] header{background:#20231c;border-color:#40413b}html[data-theme=dark] .brand,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] .canvas-bar strong{color:#e1e0d8}html[data-theme=dark] .brand span:not(.logo){color:#bdbcb3}html[data-theme=dark] .brand small,html[data-theme=dark] .eyebrow,html[data-theme=dark] .intro-kicker,html[data-theme=dark] .edition,html[data-theme=dark] .label,html[data-theme=dark] .artboard-label,html[data-theme=dark] .canvas-caption,html[data-theme=dark] .canvas-bar span{color:#afb6a1}html[data-theme=dark] button,html[data-theme=dark] .button{background:#35372f;color:#e9e8f3;border-color:#4d4e46;box-shadow:none}html[data-theme=dark] button:hover,html[data-theme=dark] .button:hover{background:#494a42;border-color:#7e806f;box-shadow:0 4px 12px #0003}html[data-theme=dark] button:focus-visible,html[data-theme=dark] input:focus-visible,html[data-theme=dark] select:focus-visible,html[data-theme=dark] textarea:focus-visible{outline-color:#e1cd9f}html[data-theme=dark] .primary,html[data-theme=dark] .primary:hover{background:#d2b986;border-color:#e1cd9f;color:#fff}html[data-theme=dark] .theme-switch,html[data-theme=dark] .canvas-bar button{background:transparent;color:#d9d9d0}html[data-theme=dark] .studio-intro{background:#292e23;border-color:#494f40}html[data-theme=dark] h1 em,html[data-theme=dark] .label span,html[data-theme=dark] .adjust span,html[data-theme=dark] .setup-grid .adjust span{color:#e1cd9f}html[data-theme=dark] .intro-note p,html[data-theme=dark] p,html[data-theme=dark] .color-picker,html[data-theme=dark] .camera-controls label,html[data-theme=dark] .check,html[data-theme=dark] .tracking-status,html[data-theme=dark] .rack p,html[data-theme=dark] .equipped-note,html[data-theme=dark] .adjust,html[data-theme=dark] .setup-grid .adjust{color:#afb6a1}html[data-theme=dark] .orbital-mark{color:#ee98b3}html[data-theme=dark] .edition{border-color:#525b43}html[data-theme=dark] aside,html[data-theme=dark] .settings{background:#292a26;border-color:#40413b;box-shadow:0 4px 12px #0002}html[data-theme=dark] .tabs{background:#22251d;border-color:#40413b}html[data-theme=dark] .tabs button{background:transparent;color:#afb6a1}html[data-theme=dark] .tabs .selected{background:#414936;color:#e5d3a8}html[data-theme=dark] .swatches{background:#33372d;box-shadow:inset 0 2px 6px #0003}html[data-theme=dark] .swatches button{border-color:#7e806f}html[data-theme=dark] .swatches .chosen{outline-color:#e5d3a8}html[data-theme=dark] .hint{color:#a3ad8f!important}html[data-theme=dark] .dial{background:repeating-conic-gradient(#62694f,#62694f 2deg,#343e2c 2deg,#343e2c 10deg);border-color:#4d5540;outline-color:#777f62;box-shadow:0 9px 12px #0003,inset 0 0 0 5px #20231c}html[data-theme=dark] .dial:before{background:radial-gradient(at 35% 20%,#505940,#292a26);border-color:#586347;box-shadow:0 2px 6px #0005}html[data-theme=dark] .dial-tick:before{background:#e1cd9f}html[data-theme=dark] .dial-scale{color:#bdbcb3}html[data-theme=dark] .dial-engaged{border-color:#d2b986;box-shadow:0 0 0 5px #d2b98622,0 9px 18px #0004}html[data-theme=dark] .dial-engaged:after{color:#e5d3a8}html[data-theme=dark] .settings input[type=range],html[data-theme=dark] .setup-panel input[type=range],html[data-theme=dark] .check input{accent-color:#d2b986}html[data-theme=dark] .aside-bottom{border-color:#4d4e46;color:#a9a99b}html[data-theme=dark] .canvas-live-label{color:#e5d3a8!important;background:#414936}html[data-theme=dark] .canvas-well{box-shadow:0 20px 45px -20px #000b}html[data-theme=dark] .gesture-card{background:linear-gradient(115deg,#353a2c,#272c21);border-color:#525b43;box-shadow:inset 0 1px #ffffff08}html[data-theme=dark] .gesture-card h3{color:#e1e0d8}html[data-theme=dark] .gesture-card p{color:#afb6a1}html[data-theme=dark] .camera-controls select{background:#272c21;color:#d3d5c4;border-color:#586347}html[data-theme=dark] .rack{background:#292a26;border-color:#40413b}html[data-theme=dark] .rack .eyebrow{color:#afb6a1}html[data-theme=dark] .tool{background:linear-gradient(100deg,#30382a,#343e2c);border-color:#4d4e46;color:#d9d9d0;box-shadow:inset 0 2px 6px #0003}html[data-theme=dark] .tool:hover{background:#494f40}html[data-theme=dark] .tool small{color:#afb6a1}html[data-theme=dark] .equipped{background:#414936;border-color:#d2b986;box-shadow:0 0 0 3px #9376e315}html[data-theme=dark] .equipped:after{color:#e5d3a8}html[data-theme=dark] .pen{background:linear-gradient(90deg,#383642,#888292 40%,#36343e)}html[data-theme=dark] .pen-marker{background:linear-gradient(90deg,#47414f,#b8b0c4 40%,#514858)}html[data-theme=dark] .pen-brush{background:linear-gradient(90deg,#654c42,#c79b72 40%,#594235)}html[data-theme=dark] .pen-eraser{background:linear-gradient(#e7a4b9 50%,#bbb3cc 50%)}html[data-theme=dark] footer{background:#20231c;color:#afb6a1;border-color:#40413b}html[data-theme=dark] .modal-backdrop{background:#09090fbb}html[data-theme=dark] .setup-panel{background:#292a26;color:#e1e0d8;border-color:#525b43}html[data-theme=dark] .setup-grid h3{color:#e5d3a8;border-color:#525b43}html[data-theme=dark] .connection-row,html[data-theme=dark] .shape-editor,html[data-theme=dark] .insight{border-color:#525b43;color:#d3d5c4}html[data-theme=dark] .connection-row span,html[data-theme=dark] .connection-row code{color:#afb6a1}html[data-theme=dark] textarea,html[data-theme=dark] .shape-editor input,html[data-theme=dark] .shape-editor select,html[data-theme=dark] .canvas-dimensions input{background:#272c21;border-color:#586347;color:#e1e0d8}html[data-theme=dark] .diagram-proposal{background:#353a2c;border-color:#586347}html[data-theme=dark] .service{color:#d3d5c4}html[data-theme=dark] .service i{background:#6d7262}html[data-theme=dark] .service .online{background:#83d7b2}html[data-theme=dark] .companion-body{background:transparent;color:#e1cd9f}html[data-theme=dark] .companion-body:hover{background:transparent}html[data-theme=dark] .companion-bubble{background:#272c21f5;border-color:#586347;box-shadow:0 6px 18px #0003}html[data-theme=dark] .companion-bubble strong{color:#e5d3a8}html[data-theme=dark] .companion-bubble span{color:#d9d9d0}html[data-theme=dark] .companion-listening .companion-bubble{border-color:#d2b986}html[data-theme=dark] .second-cursor,html[data-theme=dark] .second-cursor.cursor-locked{border-color:#e1cd9f;background:#d2b9862a}html[data-theme=dark] .second-cursor:after,html[data-theme=dark] .second-cursor.cursor-locked:after{background:#d2b986}html[data-theme=dark] button.left-hand-locked{outline-color:#e1cd9f!important;box-shadow:0 0 0 6px #d2b98622!important}html[data-theme] .canvas-view-controls{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;font:9px monospace;color:var(--muted)}html[data-theme] .canvas-view-controls button{padding:5px 9px;font-size:9px}html[data-theme] .canvas-viewport{width:100%;overflow:auto;max-height:75vh;padding-bottom:5px;overscroll-behavior:contain}html[data-theme] .canvas-viewport .canvas-well{margin-left:0;margin-right:auto}html[data-theme] .canvas-well .canvas-extender{position:absolute;right:0;bottom:0;z-index:4;width:32px;height:32px;min-width:32px;padding:7px;display:grid;place-items:center;cursor:nwse-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:9px 0 0;border:1px solid #c6cbbe;background:#eef0e7;color:#35402c;box-shadow:0 0 0 2px #fff8;transform:none;opacity:.85}html[data-theme] .canvas-well .canvas-extender:hover,html[data-theme] .canvas-well .canvas-extender.resizing{opacity:1;background:var(--blue);color:#fff;transform:none}html[data-theme=dark] .canvas-well .canvas-extender{background:#30312c;color:#d2b986;border-color:#777f62;box-shadow:0 0 0 2px #20211f66}:root{font-family:DM Sans,system-ui,sans-serif;color:#e8e8f2;background:#111219;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,.button{background:#252630;border:1px solid #383945;border-radius:8px;color:#e9e8f3;padding:9px 12px;cursor:pointer;font-size:12px;transition:.15s}button:hover,.button:hover{background:#343541;border-color:#777386}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #a19afa;outline-offset:3px}.primary{background:#8273ed;border-color:#9487fc;color:#fff}.primary:hover{background:#9688fa}.button input{display:none}header{height:88px;border-bottom:1px solid #2a2b35;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:20px}.brand{display:flex;gap:12px;align-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:23px;letter-spacing:-1px}.brand span:not(.logo){font-weight:400;color:#b5b2cc}.logo{background:#8273ed;border-radius:12px;width:43px;height:43px;display:grid;place-items:center;color:#fff;font-style:italic}.brand small{display:block;font-size:7px;letter-spacing:2px;color:#8e8b9f;margin-top:3px}.header-actions{display:flex;gap:8px}.workspace{display:grid;grid-template-columns:245px minmax(400px,1fr) 112px;min-height:calc(100vh - 126px)}aside{background:#191a22}.settings{padding:24px 20px;border-right:1px solid #2a2b35;display:flex;flex-direction:column}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#9390a8}.tabs{display:flex;gap:3px;background:#101117;border:1px solid #30313d;border-radius:9px;padding:3px;margin:20px 0 7px}.tabs button{flex:1;text-transform:capitalize;padding:7px 0;background:none;border-color:transparent}.tabs .selected{background:#393344;color:#c8bbff}h2{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-1px;margin:20px 0 6px}p{font-size:12px;line-height:1.7;color:#9694a8}.label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;margin:24px 0 12px;color:#b4b1c6}.label span{color:#9389da;letter-spacing:0}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.swatches button{height:29px;width:29px;border-radius:50%;padding:0;border:2px solid transparent}.swatches .chosen{outline:2px solid #c4bafc;outline-offset:3px}.color-picker{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:18px;color:#9996ae}.color-picker input{width:30px;height:25px;border:0;padding:0;background:none}.dial{width:128px;height:128px;border-radius:50%;border:9px solid #30303e;outline:1px solid #605771;box-shadow:inset 0 0 0 4px #171820;display:grid;place-items:center;margin:9px auto;background:radial-gradient(#2d293e,#191a22)}.dial div{border-radius:50%;min-width:2px;min-height:2px}.hint{font-size:10px!important;color:#77758b!important}.settings input[type=range]{width:100%;accent-color:#9b8cf5;height:16px}.aside-bottom{margin-top:auto;padding-top:32px;font-size:8px;letter-spacing:1px;color:#666477;line-height:2}main{padding:24px 28px;background:radial-gradient(ellipse at 50% 35%,#252331,#15161d 70%);min-width:0}.canvas-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.canvas-bar strong{font-weight:500;font-size:12px}.canvas-bar span{display:block;font-size:9px;color:#878498;margin-top:6px}.canvas-bar button{padding:6px 8px;background:transparent;border-color:transparent;color:#9d99b0}.canvas-well{display:grid;place-items:center;padding:22px;border:1px solid #30313d;border-radius:12px;background:repeating-conic-gradient(#1b1c24,#1b1c24 25%,#1e1f28 0%,#1e1f28 50%) 50%/20px 20px;min-height:280px}canvas{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block;box-shadow:0 15px 50px #0006;touch-action:none;background:#fff;cursor:crosshair}.canvas-caption{display:flex;justify-content:space-between;margin:12px 0 22px;color:#747188;font-size:9px}.gesture-card{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px;border-radius:12px;border:1px solid #403952;background:linear-gradient(115deg,#252032,#1b1b26)}h3{font-size:16px;margin:10px 0}.gesture-card p{font-size:11px;margin-bottom:0}.camera-controls{display:flex;flex-direction:column;gap:10px;min-width:160px}.camera-controls label{font-size:10px;color:#aaa4bd}.camera-controls select{font-size:10px;background:#252231;color:#bbb6cd;border:1px solid #4b435b;border-radius:4px;margin-left:8px}.preview{width:110px;height:83px;object-fit:cover;transform:scaleX(-1);border-radius:8px}.hidden{display:none}.rack{padding:25px 12px;border-left:1px solid #2a2b35;text-align:center}.rack .eyebrow{font-size:8px}.tool{display:flex;align-items:center;flex-direction:column;width:100%;height:118px;margin-top:15px;background:#22232d;border-color:#33343e;overflow:hidden;position:relative;gap:8px;text-transform:capitalize;font-size:10px}.tool small{position:absolute;right:7px;top:7px;font-size:8px;color:#666073}.equipped{border-color:#9c88f4;background:#30283f;box-shadow:0 0 22px #9376e315}.pen{display:block;width:14px;height:68px;background:linear-gradient(90deg,#383642,#888292 40%,#36343e);border-radius:4px 4px 2px 2px;border-top:8px solid var(--ink);position:relative;margin-top:3px}.pen:after{content:"";position:absolute;bottom:0;left:0;width:14px;height:17px;background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%)}.pen-marker{width:22px;border-radius:6px}.pen-marker:after{width:22px;clip-path:polygon(0 0,100% 0,80% 100%,20% 100%)}.pen-brush{width:10px}.pen-brush:after{width:10px}.pen-eraser{width:25px;background:linear-gradient(#e7a4b9 50%,#bbb3cc 50%);border:0;border-radius:5px;transform:rotate(-8deg)}.pen-eraser:after{display:none}.rack p{font-size:9px;color:#78748a;margin-top:23px}.equipped-note{font-size:8px;color:#9c91ba;line-height:2;margin-top:25px}.equipped-note i{display:block;width:6px;height:6px;border-radius:50%;margin:auto}footer{min-height:38px;display:flex;gap:10px;padding:10px 24px;background:#171820;border-top:1px solid #2a2b35;font-size:10px;color:#938da7}footer .local{margin-left:auto;white-space:nowrap}.live-dot{color:#83d7b2}.hand-cursor,.second-cursor{position:fixed;pointer-events:none;border:2px solid;transform:translate(-50%,-50%);border-radius:50%;z-index:100;box-shadow:0 0 0 2px #fff9}.second-cursor{width:14px;height:14px;background:#73d5bd77;border-color:#8ce2cb}.adjust{display:block;font-size:11px;text-transform:capitalize;color:#b1aabd;margin:12px 0}.adjust span{float:right;color:#887ca5}.adjust input{display:block;margin-top:6px}.check{display:flex;align-items:center;gap:6px;font-size:11px;color:#aaa4b9;margin:9px 0}.check input{accent-color:#9c88f4}.service{font-size:12px;display:flex;align-items:center;gap:6px;margin-top:23px}.service span{margin-left:auto;font-size:8px;color:#8b839a}.service i{width:6px;height:6px;border-radius:50%;background:#6d626a}.service .online{background:#79cbb0}textarea{width:100%;height:95px;background:#111219;color:#ded9ef;border:1px solid #3b354b;border-radius:8px;padding:10px;font-size:12px;resize:vertical}.full{width:100%;margin-top:9px}.proposal{padding:10px;background:#292333;margin-top:12px;border-radius:8px;font-size:10px}.proposal button{margin-top:10px;padding:6px}.insight{display:flex;flex-direction:column;gap:4px;font-size:10px;padding:10px 0;border-bottom:1px solid #34303e}@media(min-width:1500px){main{padding:30px 6%}canvas{max-height:none}}@media(max-width:1000px){.workspace{grid-template-columns:210px minmax(350px,1fr) 90px}.settings{padding:20px 14px}main{padding:20px 15px}.preview{display:none}.header-actions{gap:4px}header{padding:0 18px}.brand{font-size:18px}.canvas-caption{font-size:8px}.gesture-card{padding:14px}.canvas-bar button{font-size:10px}}@media(max-width:740px){header{height:auto;padding:16px;flex-wrap:wrap}.workspace{grid-template-columns:1fr 80px}.settings{grid-column:1 / -1;display:block}.tabs{max-width:300px}.settings .dial,.aside-bottom{display:none}.swatches{display:flex}.settings input[type=range]{max-width:300px}.settings p{margin:5px 0}.settings h2{margin:10px 0}.label{margin:14px 0 8px}.canvas-well{padding:8px}.gesture-card,.canvas-bar{flex-direction:column;align-items:start}.canvas-caption span:last-child{display:none}footer .local{display:none}}:root{font-family:Inter,Helvetica Neue,Arial,sans-serif;background:#20211f;color:#e1e0d8;--accent:#d2b986;--edge:#40413b;color-scheme:dark}header{height:70px;background:linear-gradient(#33342f,#292a26);border-bottom:1px solid #11120f;box-shadow:0 2px 8px #0006;padding:0 24px}.brand{font-family:inherit;font-size:20px;letter-spacing:-.7px}.brand span:not(.logo){color:#bdbcb3}.brand small{font-size:7px;letter-spacing:1.5px;color:#8f9184}.logo{width:35px;height:35px;border-radius:6px;background:#d2b986;color:#25251e;font-family:Georgia,serif;box-shadow:inset 0 1px #f2e0bf,0 2px 5px #0006}.workspace{min-height:calc(100vh - 106px);grid-template-columns:235px minmax(400px,1fr) 140px}aside{background:linear-gradient(90deg,#292a26,#30312c 97%,#20211d)}.settings{padding:23px 20px;border-color:#161713}.eyebrow{font-size:9px;color:#a9a99b;letter-spacing:1.5px}button,.button{border-radius:4px;background:linear-gradient(#3d3e38,#31322c);border:1px solid #4d4e46;box-shadow:0 1px 2px #0004,inset 0 1px #ffffff09;color:#d9d9d0;font-size:11px;transition:background .18s,transform .18s,box-shadow .18s}button:hover,.button:hover{background:#494a42;border-color:#7e806f;transform:translateY(-1px)}button:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #0005}button:disabled:hover{transform:none}.primary{background:linear-gradient(#d3bd94,#bda176);border-color:#dcc59c;color:#29281f}.primary:hover{background:#e0c89e;border-color:#e5d8b8}.tabs{border-radius:5px;background:#20211d;border-color:#151611;box-shadow:inset 0 1px 5px #0005}.tabs .selected{background:#555447;color:#f1dfb7;box-shadow:inset 0 1px #ffffff12}.tabs button{box-shadow:none}h2{font-family:inherit;font-size:18px;letter-spacing:-.4px;margin-top:19px}p{color:#a1a393}.label{color:#b4b7a4;font-size:9px}.label span{color:#dfc695}.swatches{gap:15px 12px;padding:12px 8px;background:#252621;border:1px solid #181914;border-radius:5px;box-shadow:inset 0 2px 7px #0006}.swatches button{height:28px;width:28px;box-shadow:inset 0 -4px 5px #0004,inset 0 2px 3px #fff5,0 3px 4px #0008;transition:transform .22s}.swatches button:hover{transform:translateY(-3px) scale(1.12)}.swatches .chosen{outline-color:#e0c697;outline-offset:4px}.color-picker{color:#b4b6a6}.dial-scale{display:flex;justify-content:space-between;padding:0 22px;color:#9e9d8b;font-size:15px}.dial{width:142px;height:142px;margin:3px auto 14px;border:12px solid #484a41;outline:1px solid #171813;background:repeating-conic-gradient(from 0deg,#383a32,#383a32 3deg,#272922 3deg,#272922 12deg);box-shadow:inset 0 0 0 6px #20221d,inset 0 0 18px #000,0 5px 12px #0007,0 -1px #929480;position:relative;transition:border-color .2s,box-shadow .2s}.dial:before{content:"";position:absolute;top:15px;right:15px;bottom:15px;left:15px;border-radius:50%;background:radial-gradient(at 40% 30%,#44463c,#272920);box-shadow:0 2px 7px #0008}.dial div{position:relative;z-index:1;box-shadow:0 0 15px #0005;transition:width .06s,height .06s}.dial-engaged{border-color:#bcaa78;box-shadow:0 0 0 3px #d5bd8733,0 0 25px #d5bd871a,inset 0 0 0 6px #24251f}.dial-engaged:after{content:"TURN TO ADJUST";position:absolute;bottom:-28px;font-size:7px;letter-spacing:1px;white-space:nowrap;color:#e2cc9f}.settings input[type=range],.setup-panel input[type=range]{accent-color:#d4bd8e}.hint{color:#969987!important}.aside-bottom{color:#878b79;border-top:1px solid #46483e;margin-top:35px;padding-top:16px;font-family:monospace;font-size:9px}main{background:radial-gradient(ellipse at 50% 40%,#515449,#393c33 65%,#2e3029);padding:22px 30px;position:relative}.canvas-bar{margin-bottom:23px}.canvas-bar strong{font-size:12px;color:#e2e3d7}.canvas-bar span{color:#9ea18e}.canvas-bar button{color:#c4c7b4;box-shadow:none}.artboard-label{display:flex;justify-content:space-between;color:#afb49f;font-family:monospace;font-size:8px;letter-spacing:1px;padding:0 3px 9px}.canvas-well{border:0;border-radius:0;padding:0;background:none;min-height:0;position:relative}.canvas-well:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:1px solid #a8ac942a;pointer-events:none}canvas{box-shadow:0 2px 2px #0009,0 18px 45px #0005;border-radius:1px;animation:paper-in .6s ease-out both}.canvas-caption{margin:18px 0 23px;color:#a8ad96;font-family:monospace;font-size:9px}.gesture-card{border-radius:5px;border:1px solid #535747;background:linear-gradient(#34372e,#30332a);box-shadow:inset 0 1px #ffffff08;gap:15px;padding:16px}.gesture-card h3{font-size:12px;font-weight:500;margin:7px 0}.gesture-card p{font-size:10px;color:#9ea38c;max-width:210px}.gesture-card .eyebrow{font-size:7px}.camera-controls{gap:5px;min-width:165px}.camera-controls label{color:#b0b69a;font-size:9px}.camera-controls select{background:#23261e;border-color:#5a6049;color:#c9cdbb}.tracking-status{font-size:8px;color:#c8ccbb;max-width:200px}.check input{accent-color:#c8b482}.rack{background:linear-gradient(90deg,#262822,#393c32 15%,#32352c 90%,#22251f);padding:23px 14px;border-color:#1e211a;box-shadow:inset 3px 0 6px #0004}.rack .eyebrow{font-size:9px}.tool{height:137px;border-radius:5px;background:linear-gradient(90deg,#20231c,#292c23 55%,#1d201a);border-color:#171a14;box-shadow:inset 0 2px 5px #0009,0 1px #61674e;overflow:visible;margin-top:20px;gap:6px;font-size:10px;color:#abb198;transition:background .25s,box-shadow .25s}.tool:hover{background:#363b2e;transform:none}.tool small{color:#657050;font-family:monospace}.tool .pen{height:88px;margin-top:8px;transform:rotate(-9deg);transform-origin:50% 90%;transition:transform .35s cubic-bezier(.2,.9,.3,1.4),filter .3s;filter:drop-shadow(5px 5px 3px #0008)}.tool:hover .pen{transform:translateY(-10px) rotate(-2deg);filter:drop-shadow(7px 13px 5px #0009)}.equipped{background:linear-gradient(90deg,#4a4937,#383c2e);border-color:#b09e70;box-shadow:inset 0 0 14px #cab28211,0 0 0 1px #13160f}.equipped .pen{animation:pickup .5s cubic-bezier(.2,.8,.2,1) both}.equipped:after{content:"IN HAND";position:absolute;top:6px;left:6px;font-size:6px;letter-spacing:1px;color:#e7d3a6}.pen{background:linear-gradient(90deg,#272b29,#b4b9aa 25%,#515b50 58%,#242f28);border-top-width:10px}.pen-marker{width:24px;background:linear-gradient(90deg,#8d8e7a,#e3e1c7 35%,#adae91 80%,#76775f)}.pen-brush{background:linear-gradient(90deg,#5e3b23,#c79759 35%,#7a5735 80%,#543925);border-top-color:#b7bcb0}.pen-eraser{background:linear-gradient(95deg,#bea589,#e7cdb0 40%,#c7b496);border-top:28px solid #ba8a78}.rack p{color:#939d7d;font-size:9px}.equipped-note{color:#d9c69a}.preview{border:2px solid #525b43;border-radius:3px;width:120px;height:90px}.service{color:#d3d5c4}.service span{color:#9da589}.proposal{background:#33382a;border:1px solid #555f44;border-radius:3px}.insight{border-color:#4a5240}textarea{background:#22251d;border-color:#515841;border-radius:4px;color:#e0e4d2}footer{background:#20231c;border-color:#11140f;color:#a3ad8f;min-height:36px}.hand-cursor{transition:width .1s,height .1s;box-shadow:0 0 0 1px #fffa,0 2px 7px #0007}.second-cursor{width:24px;height:24px;background:#d8c08a22;border-color:#e3cb96;box-shadow:0 0 0 3px #24281d99}.second-cursor:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;background:#e3cb96;border-radius:50%}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0c100bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:25px}.setup-panel{width:min(760px,100%);max-height:90vh;overflow:auto;padding:28px;background:linear-gradient(120deg,#353a2c,#272c21);border:1px solid #777f62;border-radius:8px;box-shadow:0 24px 80px #0009;animation:panel-in .23s ease-out}.setup-heading{display:flex;justify-content:space-between;align-items:center}.setup-heading h2{font-size:26px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:22px}.setup-grid h3{font-size:12px;color:#d7c498;border-bottom:1px solid #525b43;padding-bottom:14px}.setup-grid input[type=range]{width:100%;display:block}.setup-grid .adjust{color:#c1c7b0;margin:22px 0}.setup-grid .adjust span{color:#d9c498}.connection-row{padding:15px 0;border-top:1px solid #49533b;font-size:11px}.connection-row span{float:right;font-size:9px;color:#b3bf9d}.connection-row code{display:block;margin-top:8px;font-size:9px;color:#a2b18c;overflow-wrap:anywhere}.calibration-banner{position:fixed;top:90px;left:50%;transform:translate(-50%);z-index:250;background:#e6d1a7;color:#292e21;padding:16px 20px;box-shadow:0 8px 30px #0007;display:flex;align-items:center;gap:20px;border-radius:5px;min-width:500px}.calibration-banner strong{font-size:9px;letter-spacing:1px}.calibration-banner span{font-size:12px}.artboard-label,.settings,.rack{animation:panel-in .45s ease-out both}@keyframes pickup{0%{transform:translateY(0) rotate(-9deg)}45%{transform:translateY(-20px) rotate(9deg)}to{transform:translateY(-6px) rotate(3deg)}}@keyframes paper-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes panel-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:1100px){.workspace{grid-template-columns:215px minmax(350px,1fr) 110px}main{padding:20px}.preview{display:none}.gesture-card>div:first-child{display:none}}@media(max-width:740px){.workspace{grid-template-columns:1fr 90px}header{height:auto}.settings{grid-column:1 / -1}.setup-grid{grid-template-columns:1fr}.calibration-banner{min-width:0;width:90%;flex-wrap:wrap}.dial-scale{display:none}.tool{height:130px}.header-actions{flex-wrap:wrap}}.diagram-proposal{margin-top:15px;padding:10px;border:1px solid #6d7655;background:#262d21}.diagram-proposal canvas{box-shadow:none;width:100%;height:auto}.diagram-proposal button{margin:5px 4px 0 0}.shape-editor{border-top:1px solid #525c41;margin-top:22px;padding-top:12px}.shape-editor select{width:100%;background:#23281d;color:#dce4ce;border:1px solid #586347;padding:7px;font-size:11px}.shape-editor label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;margin:8px 0}.shape-editor input{width:105px;min-width:0;background:#21251d;border:1px solid #566145;color:#d7e2c9;padding:5px;border-radius:3px}.shape-editor input[type=color]{height:28px;padding:2px}.companion{position:fixed;bottom:44px;right:160px;z-index:110;display:flex;align-items:end;gap:10px;max-width:360px;pointer-events:none}.companion-body{pointer-events:auto;width:85px;min-width:85px;padding:0;border:0;background:transparent;box-shadow:none;position:relative;color:#d1bd88}.companion-body:hover{background:transparent;border:0;transform:translateY(-3px)}.companion-body svg{display:block;width:85px;filter:drop-shadow(0 5px 4px #0007)}.companion-body>span{position:absolute;bottom:16px;left:0;right:0;font-size:7px;letter-spacing:2px;color:#605039}.antenna{stroke:currentColor}.nib-eyes{transform-origin:50px 52px;animation:nib-blink 6s infinite}.companion-bubble{pointer-events:auto;background:#22291fef;border:1px solid #73805b;border-radius:10px 10px 0;padding:10px 12px;box-shadow:0 5px 20px #0005;font-size:10px;max-width:240px}.companion-bubble strong{display:block;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#d7c28a;margin-bottom:5px}.companion-bubble span{line-height:1.6;color:#c5d0b4;display:block;max-height:95px;overflow:auto}.companion-listening .companion-body{color:#b9e6b1;transform:scale(calc(1 + var(--level)*.12));filter:drop-shadow(0 0 calc(4px + var(--level)*18px) #96d88666)}.companion-listening .nib-mouth{stroke-width:4;transform:translateY(-2px)}.companion-thinking svg{animation:nib-think .8s ease-in-out infinite alternate}.companion-success .nib-arm{animation:nib-wave .5s ease-in-out 3;transform-origin:83px 57px}.companion-error .companion-bubble{border-color:#bc8069}.companion-error .nib-mouth{transform:rotate(180deg);transform-origin:50px 67px}.companion-requesting .companion-bubble{border-style:dashed}@keyframes nib-blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.1)}}@keyframes nib-think{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes nib-wave{0%,to{transform:rotate(0)}50%{transform:rotate(-9deg)}}@media(max-width:1100px){.companion{right:125px}}@media(max-width:740px){.companion{right:95px;max-width:250px}.companion-bubble{max-width:165px}.companion-body,.companion-body svg{width:65px;min-width:65px}}@media(prefers-reduced-motion:reduce){.companion *{animation:none!important;transition:none!important;transform:none!important}}button.left-hand-locked{outline:2px solid #e5cb91!important;outline-offset:3px;transform:none!important;box-shadow:0 0 0 5px #e5cb9118!important}.second-cursor.cursor-locked{width:20px;height:20px;border-color:#f5db99;background:#e2c57d44;box-shadow:0 0 0 3px #302e20aa;transition:width .1s,height .1s}.second-cursor.cursor-locked:after{top:5px;right:5px;bottom:5px;left:5px;background:#f5db99}button.hand-hover{outline:2px solid #8ed9cf;outline-offset:3px;box-shadow:0 0 16px #8ed9cf44}.tool.hand-hover .pen{transform:translateY(-10px) rotate(-2deg);filter:drop-shadow(7px 13px 5px #0009)}.tool.hand-hover:before{content:"PINCH TO PICK UP";position:absolute;bottom:4px;left:0;right:0;font-size:6px;letter-spacing:.5px;color:#b6eee7}body:has(button.hand-hover) .hand-cursor:after{content:"PINCH TO SELECT";position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap;background:#202a25;color:#b6eee7;border:1px solid #8ed9cf;padding:5px 7px;border-radius:4px;font:9px system-ui}