:root{--black:#11110f;--paper:#f2f0e9;--line:#11110f2e;--mono:"DM Mono",monospace;--serif:"Instrument Serif",serif;--eazo-safe-area-top:max(56px,env(safe-area-inset-top,0px));--eazo-safe-area-bottom:max(34px,env(safe-area-inset-bottom,0px))}.header-actions{align-items:center;gap:24px;display:flex}.camera-toggle{border:1px solid var(--black)!important;padding:8px 10px!important}.camera-toggle.active{background:var(--black);color:var(--paper)}.hand-cursor{z-index:7;pointer-events:none;font:500 7px var(--mono);letter-spacing:.12em;align-items:center;gap:8px;display:none;position:absolute;transform:translate(-9px,-9px)}.hand-cursor.show{display:flex}.hand-cursor i{background:#f2f0e959;border:1px solid #111;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 4px #f2f0e959}@media (max-width:700px){.workspace{grid-template-columns:0 minmax(0,1fr) 58px!important}.stage{grid-column:2;min-width:0}.right-rail{grid-column:3;width:58px;min-width:58px;overflow:hidden}.tool{min-width:0;padding:0}.header-actions{gap:8px}.camera-toggle{padding:7px!important}header{padding:0 12px}.intro{max-width:270px;right:7%;left:7%!important}.intro h1{font-size:48px!important}.primary{padding:13px 12px}.primary span{margin-left:15px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--black);background:#d8d6cf;margin:0;overflow:hidden}button{font:inherit;color:inherit}.app{background:var(--paper);border:1px solid var(--black);grid-template-rows:64px 1fr 72px;height:100dvh;display:grid}header,footer{border-color:var(--black);font:400 10px/1 var(--mono);letter-spacing:.12em;align-items:center;display:flex}header{border-bottom:1px solid;justify-content:space-between;padding:0 22px}.brand{color:inherit;align-items:center;gap:7px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.brand i{background:currentColor;width:18px;height:1px;display:block;transform:rotate(-45deg)}.status{align-items:center;gap:9px;display:flex}.status-dot{background:#111;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #00000014}.icon-button,.text-button{cursor:pointer;letter-spacing:.12em;background:0 0;border:0;font-size:9px}.workspace{grid-template-columns:72px 1fr 86px;min-height:0;display:grid}.rail{border-color:var(--black);font:400 8px/1.4 var(--mono);letter-spacing:.14em;position:relative}.left-rail{border-right:1px solid;flex-direction:column;align-items:center;padding:18px 15px;display:flex}.mode-label{writing-mode:vertical-rl;margin-bottom:auto}.vertical-title{writing-mode:vertical-rl;font-family:var(--serif);letter-spacing:.1em;margin:auto;font-size:15px;transform:rotate(180deg)}.meter{background:#d4d1c8;align-items:flex-end;width:2px;height:74px;margin-bottom:9px;display:flex}.meter span{background:#111;width:100%;height:24%;transition:height .3s;display:block}.left-rail small{text-align:center;font-size:7px}.right-rail{border-left:1px solid;flex-direction:column;display:flex}.tool{border:0;border-bottom:1px solid var(--line);writing-mode:vertical-rl;font:400 8px var(--mono);letter-spacing:.14em;cursor:pointer;background:0 0;flex:1;justify-content:center;align-items:center;gap:11px;transition:all .2s;display:flex}.tool span{opacity:.4}.tool:hover,.tool.active{color:#f4f2ec;background:#111}.stage{cursor:crosshair;isolation:isolate;background:#eeece5;position:relative;overflow:hidden}.stage:after{content:"";pointer-events:none;z-index:3;position:absolute;inset:0;box-shadow:inset 0 0 80px #2823190f}#camera,#inkCanvas,.paper-grain{width:100%;height:100%;position:absolute;inset:0}#camera{object-fit:cover;filter:grayscale()contrast(.75)brightness(1.35);opacity:0;transition:opacity .5s;transform:scaleX(-1)}#camera.visible{opacity:.12}#inkCanvas{z-index:1}.paper-grain{z-index:2;pointer-events:none;opacity:.42;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.corner{z-index:5;opacity:.5;width:18px;height:18px;position:absolute}.corner:before,.corner:after{content:"";background:#111;position:absolute}.corner:before{width:100%;height:1px}.corner:after{width:1px;height:100%}.tl{top:15px;left:15px}.tr{top:15px;right:15px;transform:rotate(90deg)}.bl{bottom:15px;left:15px;transform:rotate(-90deg)}.br{bottom:15px;right:15px;transform:rotate(180deg)}.intro{z-index:6;transition:all .6s;position:absolute;top:50%;left:9%;transform:translateY(-50%)}.intro.hidden{opacity:0;pointer-events:none;transform:translateY(-46%)}.eyebrow{font:400 8px var(--mono);letter-spacing:.26em;margin:0 0 18px}.intro h1{font:400 clamp(54px,7.2vw,108px)/.78 var(--serif);letter-spacing:-.045em;margin:0}.intro h1 em{font-weight:400}.instruction{font:300 10px/1.7 var(--mono);letter-spacing:.04em;margin:28px 0}.primary{color:#f5f3ed;font:400 9px var(--mono);letter-spacing:.12em;cursor:pointer;background:#111;border:1px solid #111;padding:14px 18px}.primary span{margin-left:35px}.text-button{border-bottom:1px solid;margin-top:15px;padding:3px 0;display:block}.gesture-hud{z-index:5;font:400 8px var(--mono);letter-spacing:.12em;align-items:center;gap:10px;display:none;position:absolute;bottom:22px;left:24px}.gesture-hud.show{display:flex}.hud-line{background:#111;width:34px;height:1px}.gesture-hud span:last-child{opacity:.5;text-transform:lowercase}.recording-badge{z-index:6;font:500 9px var(--mono);letter-spacing:.12em;align-items:center;gap:8px;display:none;position:absolute;top:22px;right:24px}.recording-badge.show{display:flex}.recording-badge i,.record-button i{background:#111;border-radius:50%;width:7px;height:7px}.recording-badge i{animation:1s infinite pulse}@keyframes pulse{50%{opacity:.2}}footer{border-top:1px solid}.footer-block{flex-direction:column;gap:6px;width:150px;padding:0 22px;display:flex}.footer-block span{opacity:.45;font-size:7px}.footer-block strong{font-size:9px}.wave{opacity:.5;clip-path:polygon(0 48%,5% 20%,10% 70%,15% 35%,20% 65%,25% 42%,30% 54%,35% 15%,40% 72%,45% 34%,50% 60%,55% 25%,60% 68%,65% 40%,70% 54%,75% 30%,80% 65%,85% 42%,90% 58%,95% 34%,100% 50%,100% 52%,0 52%);background:repeating-linear-gradient(90deg,#111 0 1px,#0000 1px 6px);flex:1;height:24px}.footer-action{border:0;border-left:1px solid var(--line);height:100%;font:400 8px var(--mono);letter-spacing:.13em;cursor:pointer;background:0 0;padding:0 22px}.record-button{color:#fff;width:156px;height:100%;font:400 9px var(--mono);letter-spacing:.1em;cursor:pointer;background:#111;border:0;border-left:1px solid #111;justify-content:center;align-items:center;gap:12px;display:flex}.record-button i{background:#fff}.record-button.recording{color:#111;background:#f2f0e9}.record-button.recording i{background:#111}@media (max-width:700px){.app{grid-template-rows:52px 1fr 62px}.workspace{grid-template-columns:0 1fr 58px}.left-rail{display:none}.right-rail{z-index:8}.intro{top:44%;left:8%}.intro h1{font-size:55px}.instruction{max-width:250px}.footer-block,.wave{display:none}.footer-action{padding:0 13px}.record-button{width:130px;margin-left:auto}.tool{font-size:7px}.status{display:none}}
@media (max-width:700px){.workspace{grid-template-columns:0 minmax(0,1fr) 58px}.left-rail{grid-column:1}.stage{grid-column:2;min-width:0}.right-rail{grid-column:3;width:58px;min-width:58px;overflow:hidden}.tool{min-width:0;padding:0}.header-actions{gap:8px}.camera-toggle{padding:7px!important}header{padding:0 12px}.intro{max-width:270px;left:7%;right:7%}.intro h1{font-size:48px}.primary{padding:13px 12px}.primary span{margin-left:15px}}