.lab-stage>.lab-stage-toggle{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:10;display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 12px;border:1px solid #c4d9e43d;border-radius:4px;background:#09121ce8;color:#e4edf3;font:14px/1.3 Manrope,sans-serif;cursor:pointer;touch-action:manipulation}.lab-stage>.lab-stage-toggle:hover{background:#1b3042;border-color:#b6dbea80}.lab-stage>.lab-stage-toggle:focus-visible{outline:2px solid #a2e7ef;outline-offset:-4px}.lab-stage-toggle svg{flex-shrink:0}.lab-stage-toggle kbd{font:11px/1.3 DM Mono,monospace;color:#a0b5c6}.lab-stage.lab-stage-maximized{position:fixed;inset:0;z-index:10000;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;aspect-ratio:auto;overflow:hidden;background:#070b13}.wd-view:has(.lab-stage-maximized){z-index:10000;overflow:visible}.lab-stage-square.lab-stage-maximized{display:grid;place-items:center}.lab-stage-square.lab-stage-maximized>canvas{width:min(100vw,100vh);height:min(100vw,100vh);width:min(100vw,100dvh);height:min(100vw,100dvh)}.wd-canvas-wrap.lab-stage .wd-area-label{top:67px}@media(max-width:480px){.lab-stage-toggle kbd{display:none}.wd-canvas-wrap.lab-stage .wd-probe{max-width:calc(100% - 158px)}}.kai-chat{max-width:760px;margin:0 auto;padding:0}.kai-chat button{font:inherit;color:#526873;background:transparent;border:0;cursor:pointer}.kai-chat button:disabled{opacity:.35;cursor:default}.kai-chat-log{padding:0 6px 12px}.kai-chat-log.is-empty{display:none}.kai-chat-message{margin:0 0 20px;max-width:92%}.kai-chat-message.user{margin-left:auto;text-align:right;color:#647680}.kai-chat-speaker{font-size:.8125rem;color:#829098}.kai-chat-message p{font-size:1rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0}.kai-chat-message-meta{margin-top:5px}.kai-chat-message-meta button{padding:4px 0;font-size:.8125rem;color:#788b96}.kai-chat-thinking{font-size:.9375rem;color:#647680;margin:0 0 16px}.kai-chat-compose{display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid #aebdc5;padding:4px 0 10px}.kai-chat-compose:focus-within{border-color:#43697f}.kai-chat textarea{width:100%;min-height:42px;height:auto;resize:none;overflow:hidden;box-sizing:border-box;border:0;background:transparent;color:#27343c;font:1rem/1.6 Arial,Helvetica,sans-serif;padding:8px 0;outline:none!important}.kai-chat textarea::placeholder{color:#829098}.kai-chat-compose button{font-size:1.4rem;min-width:44px;min-height:44px;padding:6px}.kai-chat-compose button[type=button]{font-size:.875rem}.kai-chat-options{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:13px 0 0;color:#788993;font-size:.875rem}.kai-chat-options label{display:flex;gap:7px;align-items:center}.kai-chat-options input{accent-color:#607c8e;width:14px;height:14px}.kai-chat-options button{font-size:.875rem;padding:4px 0}.kai-chat-options button:last-child{margin-left:auto}.kai-chat-privacy{font-size:.8125rem;color:#7a8992;margin-top:15px}.kai-chat-privacy summary{cursor:pointer;width:fit-content}.kai-chat-privacy p{line-height:1.65;max-width:650px}.kai-chat-notice,.kai-chat-error{font-size:.9375rem;line-height:1.6;margin:12px 0;color:#647680}.kai-chat-error{color:#943e32}@media(max-width:640px){.kai-chat-message{max-width:96%}.kai-chat textarea{font-size:1rem}.kai-chat-options{gap:12px}}.kai-explanation{border-left:1px solid #b8c7d0;padding:3px 0 3px 14px;margin:12px 0;color:#6b7e89}.kai-explanation>span{font-size:.8125rem}.kai-explanation p{font-size:.9375rem;line-height:1.6;margin-top:5px}.kai-model-picker{gap:8px}.kai-model-picker select{font:inherit;color:#526873;background:transparent;border:0;border-bottom:1px solid #c1cdd4;border-radius:0;padding:5px 20px 5px 2px;max-width:240px;cursor:pointer}.kai-model-picker select:disabled{opacity:.5;cursor:default}@media(max-width:640px){.kai-model-picker{width:100%}.kai-model-picker select{flex:1;max-width:100%}}.kai-chat-compose .kai-chat-clear{font-size:1.25rem;color:#829098;flex-shrink:0;min-width:32px;min-height:44px;padding:6px 2px}.kai-chat-clear:hover{color:#27343c}.kai-chat button:focus-visible{outline:2px solid #607c8e;outline-offset:3px}.anima-lab{background:#f3f4f4;color:#27343c;padding:0 clamp(20px,5vw,72px);min-height:100svh;font-family:Arial,Helvetica,sans-serif}.anima-lab *{box-sizing:border-box}.anima-lab a{color:inherit}.anima-heading{max-width:1100px;margin:auto;padding:28px 0 0}.anima-heading h1{font-size:1.65rem;letter-spacing:-.06em;font-weight:400;margin:0}.anima-stage{height:52svh;min-height:300px;max-height:620px;position:relative;overflow:hidden;max-width:1100px;margin:auto}.anima-stage canvas{height:100%;width:100%;display:block;touch-action:none;cursor:grab}.anima-stage canvas:active{cursor:grabbing}.anima-stage.lab-stage>.lab-stage-toggle{top:8px;right:0;color:#63737c;background:transparent;border-color:transparent;font-size:.875rem}.anima-stage.lab-stage>.lab-stage-toggle:hover{background:#e8edef}.anima-stage.lab-stage.lab-stage-maximized{max-width:none;height:100dvh;max-height:none;background:#f3f4f4}.anima-message{position:absolute;top:40%;left:10%;width:80%;text-align:center;line-height:1.6}.anima-settings,.anima-footer{max-width:760px;margin:auto;color:#718089;font-size:.875rem}.anima-settings{padding:18px 0}.anima-settings summary,.anima-footer summary{cursor:pointer;width:fit-content}.anima-controls{display:flex;flex-wrap:wrap;gap:16px 22px;align-items:center;padding:18px 0 6px}.anima-controls label{display:flex;align-items:center;gap:7px}.anima-controls input{accent-color:#385d72;width:16px;height:16px}.anima-controls button{font:inherit;color:#405763;background:transparent;border:1px solid #c4ced4;border-radius:3px;padding:8px 12px;cursor:pointer}.anima-footer{padding:8px 0 28px}.anima-footer p{font-size:.875rem;line-height:1.7;max-width:620px}.anima-lab :focus-visible{outline:2px solid #416e88;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){.anima-heading{padding-top:22px}.anima-stage{height:43svh;min-height:250px}.anima-stage.lab-stage>.lab-stage-toggle span{display:none}}html,body{margin:0;background:#f3f4f4}body{min-width:320px}button,input{font:inherit}
