:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,system-ui,sans-serif;color:#17243b;background:#f4f8fe;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}input[type=range]{width:100%;accent-color:#397de4}input:not([type=range]):not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #d8e3f1;border-radius:11px;padding:10px 11px;min-height:40px;background:#fff;color:#17243b;outline-color:#326ee6}textarea{resize:vertical;line-height:1.5}label{font-size:13px;font-weight:650;color:#34445e}input[type=checkbox]{accent-color:#3276ea;width:16px;height:16px}a:focus-visible,button:focus-visible,input:focus-visible,label.btn:focus-within,select:focus-visible,textarea:focus-visible{outline:3px solid #1d69f0;outline-offset:2px}.skip{position:absolute;top:-100px;left:15px;background:#fff;padding:12px;z-index:1000}.skip:focus{top:8px}.topbar{background:#fff;border-bottom:1px solid #e3ebf6}.topinner{max-width:1600px;margin:auto;padding:13px 30px;display:flex;align-items:center;gap:30px}.brand{font-size:20px;font-weight:850;letter-spacing:-.8px;display:flex;align-items:center}.brandthin{font-weight:500}.brandmark{background:#4b9cff;color:#fff;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;margin-right:9px;font-weight:900}.topbar nav{display:flex;gap:24px;font-size:13px;color:#66738b;font-weight:600}.category{margin-left:auto;color:#3b77d8;background:#edf5ff;padding:6px 11px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.07em}.hero{max-width:1580px;margin:auto;padding:32px 26px 26px;display:flex;align-items:center;justify-content:space-between;gap:35px}.eyebrow{font-size:11px;letter-spacing:.15em;color:#3f7bdc;font-weight:850}.hero h1{font-size:clamp(28px,3vw,43px);letter-spacing:-1.6px;line-height:1.15;margin:10px 0 13px}.lead{max-width:750px;color:#667891;line-height:1.6;margin:0;font-size:15px}.pillrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.pillrow span{font-size:11px;border:1px solid #d9e8fc;background:#edf5ff;border-radius:30px;padding:8px 10px;color:#4674b7;font-weight:700}.heroBadge{max-width:270px;background:linear-gradient(135deg,#e1efff,#f9e8ff);border:1px solid #e0e6fb;border-radius:21px;padding:22px;display:grid;gap:7px;box-shadow:0 12px 30px #3863b010}.heroBadge .heroEmoji{font-size:30px;color:#4879df}.heroBadge strong{font-size:16px;letter-spacing:-.4px}.heroBadge small{color:#667895;line-height:1.5}.notice{max-width:1550px;margin:0 auto 12px;padding:12px 15px;background:#edf5ff;border:1px solid #cfe0f9;border-radius:12px;color:#21437b;font-size:13px}.notice.error{background:#fff2f2;border-color:#ffc7cb;color:#9f2839}.workbench{max-width:1600px;margin:auto;padding:0 25px 35px;display:grid;grid-template-columns:minmax(240px,290px) minmax(0,1fr) minmax(244px,290px);gap:16px;align-items:start}.leftcol,.middle,.rightcol{min-width:0;display:grid;gap:16px}.panel{border:1px solid #e0e9f5;border-radius:17px;background:#fff;padding:18px;box-shadow:0 6px 25px rgba(37,70,121,.045);min-width:0}.panel h2{font-size:15px;margin:0;letter-spacing:-.3px}.panel h3{font-size:13px;margin:8px 0}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px}.tag{background:#edf4ff;color:#5080ce;font-size:10px;border-radius:20px;padding:5px 9px;font-weight:800}.hint,.meta,.metadata{font-size:11px;color:#77859a;line-height:1.6}.metadata{padding-top:9px;overflow-wrap:anywhere}.hint{margin:9px 0}.field{display:grid;gap:6px;margin:12px 0}.checkline{display:flex;align-items:center;gap:7px;font-size:12px;margin:12px 0;color:#48576c}.small{margin:0}.dropbox{cursor:pointer;display:grid;place-items:center;text-align:center;gap:9px;background:#f8fbff;border:1.5px dashed #aac8f5;border-radius:13px;padding:22px 14px;color:#294870;transition:background .2s}.dropbox.over,.dropbox:hover{background:#eaf3ff;border-color:#377de0}.dropbox strong{font-size:13px}.dropbox small{font-size:11px;color:#7588a1}.dropicon{font-size:25px;color:#4b85e8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center;border-radius:10px;border:1px solid transparent;min-height:39px;padding:9px 12px;font-size:12px;font-weight:760;line-height:1.2;user-select:none}.btn.primary{color:#fff;background:#357bea;border-color:#357bea;box-shadow:0 3px 8px #3675df20}.btn.primary:hover{background:#2168d7}.btn.secondary{color:#376bc5;background:#f1f7ff;border-color:#d7e5fb}.btn.secondary:hover{background:#e4f0ff}.btn.ghost{background:#fff;border-color:#e0e8f2;color:#5b6e85}.btn.full{width:100%;margin-top:9px}.btn.slim{font-size:11px;min-height:32px;padding:7px 10px}.btn.big{min-height:49px;font-size:14px}.textbutton{border:0;background:0 0;color:#377ce5;font-size:11px;font-weight:750;padding:7px 2px}.buttonrow{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0}.buttonrow>*{flex:1}.screenpanel{padding:16px}.stage{width:100%;background:#0a1026;aspect-ratio:16/9;border-radius:13px;overflow:hidden;touch-action:none;position:relative;box-shadow:inset 0 0 0 1px #304060}.stage canvas{display:block;width:100%;height:100%;cursor:grab;outline-color:#fff}.stage canvas:active{cursor:grabbing}.statuspill{border-radius:20px;background:#f0f7ff;color:#346dbb;padding:7px 10px;font-size:10px;font-weight:800}.transport{display:flex;align-items:center;gap:10px;padding:13px 0 2px}.roundbutton{width:37px;height:37px;display:grid;place-items:center;color:#fff;background:#347bf0;border-radius:50%;border:0;flex-shrink:0}.transport input{flex:1;min-width:50px}.transport output{color:#6c7b93;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.timelinepanel{overflow:hidden}.ruler{display:flex;justify-content:space-between;color:#93a2b7;font-size:10px;padding-bottom:7px;margin-top:15px}.timeline{display:grid;gap:9px;max-height:280px;overflow:auto}.timelineTrack{position:relative;height:43px;border-radius:10px;background:#f0f5fb;border:1px solid #e1eaf7;cursor:pointer}.timelineTrack.selected{background:#e7f0ff;border-color:#99bdf5}.timelineSegment{position:absolute;top:5px;bottom:5px;min-width:3%;border-radius:7px;background:#5d92e5;color:#fff;font-size:10px;font-weight:750;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timelineTrack.selected .timelineSegment{background:#3474d9}.exportgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.exportgrid .field{margin:0}.avatars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:15px}.avatarOption{border:1.5px solid #e1ebfa;padding:6px 3px;background:#f9fbff;border-radius:11px;min-width:0;display:grid;justify-items:center;gap:4px}.avatarOption[aria-pressed=true]{border-color:#377de5;background:#e9f3ff;box-shadow:0 0 0 2px #b9d5ff}.avatarOption canvas{width:100%;aspect-ratio:1;max-width:56px;border-radius:9px}.avatarOption span{font-size:10px;color:#4e6486;font-weight:650}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mouthControls{padding:12px;background:#f4f8ff;border-radius:10px}.mouthControls label{display:block;margin:8px 0 4px}.learn{max-width:1570px;margin:0 auto 50px;padding:0 26px}.learn h2{font-size:23px;letter-spacing:-.6px}.learnGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.learnGrid article{background:#fff;padding:20px;border:1px solid #e2eaf5;border-radius:15px}.learnGrid span{color:#6392d9;font-size:11px;font-weight:850}.learnGrid h3{font-size:14px}.learnGrid p{font-size:12px;line-height:1.6;color:#7a8a9d}.disclaimer{margin-top:18px;background:#eaf3ff;border-radius:14px;padding:15px 18px;color:#3c5b7a;font-size:12px;line-height:1.65}.disclaimer p{margin:5px 0 0}footer{text-align:center;color:#92a2b6;padding:22px;font-size:11px;border-top:1px solid #e0e9f5}.overlay:not([hidden]){position:fixed;inset:0;background:rgba(11,20,41,.67);display:grid;place-items:center;z-index:100;backdrop-filter:blur(6px)}.overlay[hidden]{display:none!important}.processing{width:min(92vw,420px);padding:34px;background:#fff;border-radius:22px;text-align:center;box-shadow:0 20px 80px #0003}.processing h2{font-size:26px;margin:12px 0}.processing p{font-size:13px;color:#667891;line-height:1.6}.spinner{height:44px;width:44px;margin:auto;border:4px solid #deebff;border-top-color:#4283f0;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progressTrack{height:8px;border-radius:20px;background:#e7eef9;overflow:hidden;margin:20px 0}.progressTrack>div{height:100%;width:0;background:#387dea;transition:width .2s}.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:1250px){.workbench{grid-template-columns:minmax(225px,280px) minmax(0,1fr)}.rightcol{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.avatars{grid-template-columns:repeat(4,1fr)}}@media(max-width:800px){.workbench{grid-template-columns:1fr;padding:0 14px 30px}.leftcol{display:grid;grid-template-columns:1fr 1fr}.leftcol>.panel:first-child{grid-column:1/-1}.rightcol{grid-column:auto}.hero{padding:24px 18px}.heroBadge{display:none}.learnGrid{grid-template-columns:1fr 1fr}.topinner{padding:12px 16px}}@media(max-width:560px){.leftcol,.rightcol{display:grid;grid-template-columns:1fr}.panel{padding:14px}.hero h1{font-size:31px}.topbar nav{display:none}.category{font-size:9px}.learnGrid{grid-template-columns:1fr}.exportgrid{grid-template-columns:1fr}.transport{gap:6px}.transport output{font-size:10px}.transport .btn.slim{padding:6px}.avatars{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:NaNs!important;transition-duration:NaNs!important}}[hidden]{display:none!important}.blank-start{margin-top:16px;padding-top:13px;border-top:1px solid #e5edf8}.script-footer{display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap;margin-top:7px;color:#667891;font-size:11px}.script-footer .btn{cursor:pointer}.script-footer input{display:none}#canvasScenePanel{border-color:#d5e5fa}#sceneModeBadge{white-space:nowrap}#sceneTotal{margin-top:12px}.panel input:disabled,.panel select:disabled{background:#f0f3f8}.blank-start .btn{white-space:normal}@media(max-width:560px){.script-footer{align-items:flex-start}#canvasScenePanel .buttonrow{display:grid;grid-template-columns:1fr 1fr}}.voice-mode-choice{padding:0;margin:0 0 9px;border:0;min-width:0;display:grid;gap:8px}.voice-mode-choice legend{font-weight:750;font-size:12px;margin-bottom:8px;color:#34445e}.voice-mode-option{display:flex;align-items:flex-start;gap:10px;cursor:pointer;border:1px solid #dce7f5;border-radius:12px;background:#fbfdff;padding:12px;line-height:1.4}.voice-mode-option:has(input:checked){border-color:#5593ec;background:#edf5ff;box-shadow:inset 0 0 0 1px #b7d5fa}.voice-mode-option:focus-within{outline:3px solid #1d69f0;outline-offset:2px}.voice-mode-option input{flex-shrink:0;margin-top:3px}.voice-mode-option span{display:grid;gap:3px}.voice-mode-option strong{font-size:12px;color:#264268}.voice-mode-option small{font-size:11px;color:#5b728f}.voice-mode-status{font-size:11px;color:#375c89;line-height:1.55;margin:10px 0;padding:9px 11px;border-radius:10px;background:#f0f6ff}.voice-mode-choice input:disabled+span{opacity:.6}#aiVoicePanel{padding:10px 12px;border-radius:12px;border:1px solid #d9e8f9;background:#fafcff;margin-top:11px}#aiVoicePanel[hidden]{display:none!important}