.anima-lab{color:#27343c;background:#f3f4f4;min-height:100vh;padding:0 clamp(18px,4vw,68px);font-family:Arial,Helvetica,sans-serif}.anima-lab *{box-sizing:border-box}.anima-lab a{color:inherit;text-decoration:none}.anima-header{border-bottom:1px solid #cfd4d6;justify-content:space-between;gap:20px;padding:26px 0;font-size:.875rem;display:flex}.anima-header>a:first-child{letter-spacing:.12em}.anima-heading{justify-content:space-between;align-items:center;gap:18px;padding:28px 0 6px;display:flex}.anima-heading h1{letter-spacing:-.055em;margin:0;font-size:2.2rem;font-weight:400}.anima-heading h1 span{letter-spacing:0;color:#65737b;margin-left:12px;font-size:1rem}.anima-heading>span{letter-spacing:.1em;color:#65737b;font:.75rem monospace}.anima-stage{height:72svh;min-height:480px;max-height:850px;position:relative;overflow:hidden}.anima-stage canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.anima-stage canvas:active{cursor:grabbing}.anima-stage .lab-stage-toggle{color:#354650;background:#f3f4f4c9;border-color:#bdc8ce;top:12px;right:0}.anima-controls{border-top:1px solid #cfd4d6;flex-wrap:wrap;align-items:center;gap:18px 26px;padding:20px 0 26px;font-size:.875rem;display:flex}.anima-controls button,.anima-max-actions button{font:inherit;color:#253b47;cursor:pointer;background:0 0;border:1px solid #b7c1c6;border-radius:2px;padding:11px 16px}.anima-controls button:first-child{color:#fff;background:#283f4e;border-color:#283f4e;min-width:80px}.anima-controls label{align-items:center;gap:8px;display:flex}.anima-controls input{accent-color:#385d72;width:16px;height:16px}.anima-controls>span{color:#63727b;margin-left:auto;font-size:.8125rem}.anima-notes{border-top:1px solid #cfd4d6;grid-template-columns:1fr 1.4fr 1fr;gap:35px;padding:40px 0 50px;display:grid}.anima-notes h2{letter-spacing:-.035em;margin:0;font-size:1.65rem;font-weight:400}.anima-notes p{color:#5a6a74;margin:0;font-size:1rem;line-height:1.8}.anima-notes a{border-bottom:1px solid #aab9c2}.anima-footer{color:#62717a;border-top:1px solid #cfd4d6;justify-content:space-between;gap:24px;padding:24px 0;font-size:.875rem;display:flex}.anima-message{text-align:center;width:80%;font-size:1rem;line-height:1.7;position:absolute;top:40%;left:10%}.anima-stage.lab-stage-maximized{background:#f3f4f4;max-height:none;height:100dvh!important}.anima-max-actions{gap:10px;font-size:.875rem;display:none;position:absolute;bottom:22px;left:24px}.lab-stage-maximized .anima-max-actions{display:flex}.anima-max-actions button{background:#f3f4f4e6}.anima-lab :focus-visible{outline-offset:4px;outline:2px solid #416e88}.anima-stage.lab-stage>.lab-stage-toggle{color:#354650;background:#f3f4f4df;border-color:#bdc8ce}.anima-stage.lab-stage>.lab-stage-toggle:hover{background:#e1e7eb}.anima-stage.lab-stage.lab-stage-maximized{background:#f3f4f4}.anima-stage .lab-stage-toggle kbd{color:#65737b}.anima-controls button,.anima-max-actions button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.anima-voice-message{color:#65737b;max-width:550px;margin-top:8px;font-size:.875rem;line-height:1.45;display:block}.anima-transcript:has(.anima-voice-message){flex-basis:128px}.lab-stage-maximized .anima-max-actions{max-width:calc(100% - 24px)}@media (max-width:420px){.anima-max-actions button{gap:5px;padding:10px;font-size:.8125rem}}.anima-stage{flex-direction:column;display:flex}.anima-stage canvas{flex:1 1 0;height:calc(100% - 96px);min-height:0}.anima-transcript{text-align:center;pointer-events:none;flex-direction:column;flex:0 0 96px;justify-content:center;align-items:center;padding:8px 14px 22px;display:flex}.anima-transcript-label{letter-spacing:.18em;color:#77858b;font:10px monospace}.anima-transcript p{letter-spacing:-.018em;color:#40515b;max-width:550px;margin:13px 0 0;font-size:clamp(16px,1.8vw,22px);line-height:1.55;position:relative}.anima-transcript-space{visibility:hidden}.anima-transcript-ink{position:absolute;inset:0}.anima-stage.lab-stage-maximized canvas{height:calc(100% - 155px)}.lab-stage-maximized .anima-transcript{flex-basis:155px;justify-content:flex-start;padding-top:12px}.lab-stage-maximized .anima-max-actions{white-space:nowrap;bottom:18px;left:50%;transform:translate(-50%)}@media (max-width:760px){.anima-header{align-items:center;font-size:.8125rem}.anima-heading{padding-top:22px;display:block}.anima-heading h1 span{margin:10px 0 15px;display:block}.anima-heading>span{display:none}.anima-stage{height:65svh;min-height:440px}.anima-controls{gap:15px 20px}.anima-controls>span{width:100%;margin-left:0}.anima-notes{grid-template-columns:1fr;gap:22px}.anima-footer{flex-wrap:wrap}.anima-stage .lab-stage-toggle{font-size:.8125rem}}.anima-stage canvas,.anima-stage.lab-stage-maximized canvas{height:auto}:is(.anima-transcript,.anima-transcript:has(.anima-voice-message)){flex:none;min-height:96px;padding:10px 14px 22px}.anima-transcript p{max-width:760px;margin:0;font-size:clamp(1rem,1.55vw,1.2rem);line-height:1.5}.lab-stage-maximized .anima-transcript{flex-basis:auto;padding:12px 22px 82px}@media (max-width:760px){.anima-stage{min-height:520px}.anima-transcript{padding:10px 2px 20px}.anima-transcript p{font-size:1rem}.anima-heading h1 span{line-height:1.5}}