:root{font-family:Inter,Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif;color:#252928;background:#faf9f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #47765e;outline-offset:5px}.studio{max-width:1280px;margin:auto;padding:0 56px}.studio-nav{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e5de}.studio-nav>div{display:flex;align-items:center;gap:32px;font-size:13px}.brand{font-size:19px;font-weight:650;letter-spacing:-.6px;display:flex;align-items:center;gap:12px}.brand-mark{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:50%;font:italic 30px Georgia,serif;background:#e0ead8;color:#344632;padding-bottom:6px}.preview-label,.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px}.preview-label{color:#7d8279}.studio-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:42px;padding:28px 0 24px}.intro{padding:12px 0 0}.eyebrow{margin:0 0 22px;color:#67715f;display:flex;align-items:center;gap:10px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:#74916d}h1{font-size:clamp(44px,5.2vw,67px);font-weight:550;letter-spacing:-3px;line-height:1.36;margin:0 0 16px}.lead{font-size:16px;line-height:1.95;color:#6a7069;margin:0}.sample-copy{margin-top:28px;max-width:410px}.sample-copy .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:12px}.caption{font-size:16px;line-height:1.8;min-height:45px;margin:0 0 14px;letter-spacing:.2px}.transport{display:flex;align-items:center;gap:9px}.primary{display:flex;align-items:center;gap:12px;padding:15px 25px;border-radius:30px;background:#2d3d33;color:#fff;border:1px solid #2d3d33;box-shadow:0 5px 15px #24382c13;transition:background .2s,transform .2s}.primary:hover{background:#45604c;transform:translateY(-1px)}svg{height:18px;width:18px;fill:currentColor}.stop{display:grid;place-items:center;width:49px;height:49px;border-radius:50%;border:1px solid #d8dbd2;color:#445440;background:transparent}.micro{color:#7a7e76;font-size:11px;line-height:1.8;margin:12px 0 0}.status{font-size:11px;line-height:1.7;color:#65725e;min-height:2.8em;margin-top:15px}.portrait{position:relative;height:550px;min-height:550px;isolation:isolate;overflow:hidden;border-radius:200px 200px 22px 22px;background:#f1e9e0}.portrait-backdrop{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 45% 45%,#fff9ed,#f3e7dc 52%,#e2d9cf);overflow:hidden}.backdrop-word{position:absolute;top:110px;left:0;width:100%;text-align:center;color:#fff8f0;font:italic 125px Georgia,serif;letter-spacing:-7px}.orbit{position:absolute;border:1px solid #fff8f2b0;border-radius:50%;width:660px;height:500px;left:-60px;top:130px;transform:rotate(-30deg)}.orbit-two{top:45px;left:-230px;transform:rotate(60deg)}.stage{position:absolute;inset:14px -4% -14px;width:108%;height:100%;z-index:0}.stage canvas{display:block;width:100%;height:100%}.presence{position:absolute;top:23px;left:50%;transform:translate(-50%);display:flex;gap:7px;align-items:center;white-space:nowrap;padding:7px 12px;border:1px solid #fff9;background:#faf8f0d9;border-radius:20px;font-size:10px;color:#59624f}.presence>span:first-child{width:5px;height:5px;background:#80986b;border-radius:50%}.is-playing .presence>span:first-child{animation:pulse 1s infinite}.character-label{position:absolute;bottom:83px;left:28px;display:flex;flex-direction:column;color:#fff;text-shadow:0 1px 14px #18221788}.character-label>span{font-size:8px;letter-spacing:1.8px;margin-bottom:4px}.character-label strong{font:italic 28px Georgia,serif;font-weight:400}.reactions{position:absolute;bottom:21px;left:20px;right:20px;display:flex;gap:8px;padding:8px;background:#faf9f1c9;backdrop-filter:blur(12px);border:1px solid #fff9;border-radius:40px}.reactions button{flex:1;background:transparent;border:0;border-radius:24px;padding:11px 5px;font-size:12px;color:#48523f;transition:background .2s}.reactions button:hover{background:#fff9}.next-step{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #e0e2d9;padding:29px 0 27px}.next-step .eyebrow{font-size:9px;margin:0 0 8px}.next-step h2{margin:0 0 7px;font-size:20px;letter-spacing:-.7px;font-weight:550}.next-step p:last-child{color:#70786b;font-size:12px;line-height:1.8;margin:0}.outline-link{display:flex;gap:35px;align-items:center;border:1px solid #c8cec0;border-radius:30px;padding:14px 21px;font-size:12px;white-space:nowrap}.outline-link:hover{background:#e9eddf}.customize{border-top:1px solid #e0e2d9;padding:19px 0}.customize>summary{font-size:12px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;color:#697260}.customize-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:25px 0 10px}.customize label{display:block;font-size:13px;margin-bottom:14px}.customize input{font:12px system-ui;max-width:100%}.small-button{font-size:11px;margin-top:15px;border:1px solid #ccd2c4;border-radius:20px;background:transparent;color:#54624a;padding:8px 14px}.diagnostic{font-size:11px;margin-top:24px}pre{white-space:pre-wrap;overflow:auto}footer{border-top:1px solid #e0e2d9;padding:21px 0 28px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#83877e;line-height:1.7}footer a{text-decoration:underline}@keyframes pulse{50%{box-shadow:0 0 0 5px #80986b22}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:850px){.studio{padding:0 24px}.studio-nav{height:77px}.preview-label{display:none}.studio-hero{gap:20px}.portrait{height:550px;min-height:550px}.intro{padding-top:25px}h1{font-size:48px}.sample-copy{margin-top:30px}.primary{padding:14px 17px;font-size:13px}.next-step{gap:18px}footer{flex-direction:column;gap:5px}}@media(max-width:620px){.studio{padding:0 20px}.studio-nav{height:70px}.brand{font-size:16px}.studio-hero{display:flex;flex-direction:column;padding-top:23px;gap:20px}.intro{display:contents}.intro>.eyebrow{order:0;margin:0;font-size:8px}.intro>h1{order:1;font-size:42px;line-height:1.3;margin:0;letter-spacing:-1.8px}.intro>h1 br{display:none}.lead{order:2;font-size:13px;line-height:1.8}.lead br{display:none}.portrait{order:3;height:480px;min-height:480px;margin-top:0;border-radius:160px 160px 20px 20px}.sample-copy{order:4;margin:0;max-width:none}.sample-copy>.eyebrow{display:none}.caption{font-size:15px;min-height:36px;margin-bottom:12px}.transport .primary{flex:1;justify-content:center;padding:15px}.micro{font-size:10px}.status{order:5;margin:0;min-height:18px}.next-step{align-items:flex-start;flex-direction:column;padding:23px 0;gap:17px}.outline-link{width:100%;justify-content:space-between}.customize-grid{grid-template-columns:1fr}.character-label{bottom:92px}.backdrop-word{font-size:95px;top:80px}.studio-nav>div{font-size:12px}}