/* After the mist: paper, brush lettering, and a design field notebook. */
@font-face{font-family:'IntentKit Brush';src:url('./fonts/intentkit-brush.woff2?v=0.4.4.0.2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IntentKit Notes';src:url('./fonts/intentkit-notes.woff2?v=0.4.4.0.2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IntentKit Script';src:url('./fonts/intentkit-script.woff2?v=0.4.4.0.2') format('woff2');font-weight:400 700;font-display:swap}
:root{--ink:#34362e;--deep:#363e32;--lime:#f4ead4;--paper:#f4ecd9;--white:#fffaf0;--muted:#736953;--line:#c8b99a;--red:#af432f;--moss:#526047;--ochre:#ae8549;--notes:'IntentKit Notes','Kaiti SC','KaiTi',serif;--brush:'IntentKit Brush','IntentKit Notes',serif;--script:'IntentKit Script','IntentKit Notes',cursive;font-family:var(--notes);font-size:18px;font-synthesis:none;color:var(--ink);background:var(--paper)}
body{background-image:radial-gradient(ellipse at 12% 5%,#d9c09622,transparent 50%),radial-gradient(#70532918 .6px,transparent .8px);background-size:auto,7px 9px;line-height:1.65}
h1,h2,h3,h4,.brand{font-family:var(--brush);font-weight:400!important;letter-spacing:0}
html:not([lang=zh-CN]) h1,html:not([lang=zh-CN]) h2,html:not([lang=zh-CN]) h3,html:not([lang=zh-CN]) h4{font-family:var(--script)}
html[lang=ja] h1,html[lang=ja] h2,html[lang=ja] h3,html[lang=ja] h4,html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3,html[lang=ko] h4{font-family:var(--notes)}
.brand,.translation-result strong,.step-number,.type-visual>span,.issue,.demo-coordinate,.field-note{font-family:var(--script)}
button,input,select,textarea{font-family:var(--notes)}::selection{background:#bf513833;color:var(--ink)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:var(--red)}
.site-header{height:auto;min-height:98px;padding-top:15px;padding-bottom:15px;border-bottom:0;background:transparent;gap:22px}.brand{font-size:36px;letter-spacing:0;gap:9px}.brand-mark{color:var(--red);transform:rotate(-9deg);font-size:45px}.brand-cn{font-family:var(--brush);font-size:22px;color:var(--moss)}.site-header nav{font-size:19px;gap:34px}.site-header nav a:nth-child(2){transform:rotate(-3deg)}.site-header nav a:after{background:var(--red);border-radius:50%}.header-actions{gap:22px}.language{font-size:18px;max-width:112px}.small-cta{font-size:18px;transform:rotate(-2deg);color:var(--red);border-bottom:2px solid currentColor;padding-bottom:3px}
.hero{background:transparent;color:var(--ink);padding-top:28px;padding-bottom:40px}.hero:before{background:radial-gradient(440px circle at var(--mx,50%) var(--my,40%),#c77b4620,transparent 75%)}.hero-grain{opacity:.24;background:repeating-linear-gradient(174deg,transparent 0 5px,#9d866010 6px 7px);mask-image:linear-gradient(transparent,#000)}.eyebrow{font-size:16px;letter-spacing:1px;font-weight:400;color:var(--moss)}.live-dot{background:var(--red);width:8px;height:8px;box-shadow:none}.issue{font-size:22px;color:var(--ochre);letter-spacing:.5px;transform:rotate(3deg)}
.hero-copy{grid-template-columns:1.3fr 1fr;gap:9%;padding:50px 0 72px;align-items:center}.hero h1{font-family:var(--brush);font-size:clamp(78px,7.7vw,126px);line-height:1.18;letter-spacing:0;font-weight:400;overflow-wrap:normal;position:relative}.hero h1>span:first-child{transform:rotate(-4deg);display:inline-block}.hero h1>span.accent{margin-left:5%;color:var(--red);transform:rotate(-2deg);position:relative;white-space:nowrap}.hero h1>span.accent:after{content:'';display:block;width:73%;height:10px;border-bottom:4px solid #af432f88;border-radius:50%;position:absolute;bottom:-13px;left:6%;transform:rotate(-2deg)}
html[lang=en] .hero-copy h1,html[lang=de] .hero-copy h1{font-family:var(--script);font-size:clamp(76px,8.3vw,136px);line-height:1.05}html[lang=ja] .hero-copy h1,html[lang=ko] .hero-copy h1{font-size:clamp(56px,5.5vw,88px)}
.hero-side{max-width:480px;margin-top:22px;position:relative}.hero-side p{font-size:23px;color:var(--ink);line-height:1.9;margin-bottom:25px}.hero-note{margin-bottom:13px;color:var(--ochre);font-size:28px;display:inline-block;transform:rotate(-5deg);font-family:var(--script)}.button{font-size:20px;min-height:62px;gap:24px;padding:13px 26px;border-radius:48% 49% 45% 46% / 18% 23% 18% 28%;font-weight:400;box-shadow:3px 5px 0 #5f412821;border:1px solid #633d2622}.button.lime{background:var(--red);color:var(--white)}.button:hover{box-shadow:5px 8px 0 #5f41282b}.button span:last-child{font-size:30px}.quiet{font-size:16px;color:#76674e;line-height:1.75;margin-top:21px}
.hero-console{background:var(--white);border:1px solid #b6a582;border-radius:3px 17px 7px 13px;box-shadow:11px 17px 0 #caba9a2b,0 10px 30px #68503412;overflow:visible;transform:rotate(-.6deg);margin:0 12px 0 0}.hero-console:after{content:'';position:absolute;width:98px;height:24px;top:-12px;right:10%;background:#c0b08266;transform:rotate(7deg);pointer-events:none;border-left:2px solid #ece1b744;border-right:2px solid #ece1b744}.console-bar{font-size:16px;letter-spacing:1px;border-color:var(--line);padding:19px 29px}.console-status{font-size:16px;color:var(--muted)}.tiny-dot{background:var(--red)}.console-grid{grid-template-columns:1.15fr 1fr}.intent-side{padding:27px 34px 35px;border-color:#c8b99a66}.label{font-size:16px;color:var(--muted);letter-spacing:0}.intent-side h2{font-size:35px;line-height:1.6;margin:13px 0 22px;min-height:105px;letter-spacing:0}.effect-tab{font-size:17px;padding:9px 18px;border:1px solid #b9a57e;border-radius:45% 50% 44% 47% / 23% 28% 20% 25%;background:#f4ecd9}.effect-tab:nth-child(2){transform:rotate(-3deg)}.effect-tab:nth-child(3){transform:rotate(2deg)}.effect-tab.active,.effect-tab:hover{background:var(--moss);color:var(--white);border-color:var(--moss)}.translation-result{border-color:var(--line);margin-top:27px}.translation-result strong{font-size:29px;line-height:1.3}.translation-result p{font-size:18px;color:var(--muted);line-height:1.85}.demo-side{background:#e5e2cf;border-radius:0 0 8px 0;padding:27px 30px 20px;background-image:radial-gradient(#71805a24 1px,transparent 1px);background-size:20px 20px}.demo-coordinate{font-size:22px;color:#6c755b;letter-spacing:1px;transform:rotate(2deg);display:inline-block}.preview-stage{min-height:265px;overflow:visible}.demo-controls{font-size:17px;gap:12px;color:var(--ink);flex-wrap:wrap}.demo-controls input{accent-color:var(--red);flex-basis:100px}.demo-controls output{font-size:17px}.icon-button{font-size:17px}.console-footer{font-size:16px;padding:16px 29px;background:transparent;border-color:var(--line);color:var(--muted);border-radius:0 0 9px 9px;line-height:1.8}.console-footer a{color:var(--red)}.hero-bottom{margin-top:33px;font-size:16px;color:var(--muted)}
.section-wrap{padding-top:110px;padding-bottom:105px}.section-heading{max-width:960px}.section-heading h2,.library-intro h2{font-size:clamp(44px,4.8vw,70px);line-height:1.3;letter-spacing:0;margin:24px 0 20px}.section-heading h2{transform:rotate(-1.5deg);transform-origin:left}.section-heading p,.library-intro p{font-size:21px;color:var(--muted);line-height:1.85}.process-grid{gap:4%;margin-top:72px;align-items:start}.process-step{background:#eee1c5;border:1px solid #c3af8877;border-radius:4px 22px 8px 6px;padding:28px 29px;box-shadow:5px 6px 0 #c9b18a20;min-width:0;position:relative}.process-step:nth-child(1){rotate:-2deg}.process-step:nth-child(2){rotate:2deg;margin-top:38px;background:#e4e5d3}.process-step:nth-child(3){rotate:-1deg;margin-top:-13px;background:#efdbca}.step-number{font-size:55px;line-height:1;color:var(--red)}.process-step h3{font-size:34px;margin:22px 0 12px}.process-step p{font-size:18px;min-height:70px;color:#645d4b;line-height:1.85}.phrase-chips{flex-wrap:wrap}.phrase-chips span{font-size:17px;background:#faf4e5;border-color:#c5b38e;padding:6px 13px;border-radius:50% 47% 45% 53% / 30% 34% 31% 26%}.term-line{font-size:19px;line-height:1.5;border-color:var(--line);overflow-wrap:anywhere}.param-line{font-size:17px;gap:10px;flex-wrap:wrap}.param-track{background:#c7af88;width:75px}.param-track i{background:var(--red)}
.library-section{grid-template-columns:.75fr 1.65fr;gap:6%;border-color:var(--line)}.library-intro h2{transform:rotate(-2deg)}.library-intro p{max-width:400px}.text-link{font-size:20px;color:var(--red);border-bottom:2px solid currentColor}.mini-gallery{grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:start;padding-top:40px}.gallery-card{background:#e0e2cf;border:1px solid #c4b28e;border-radius:9px 4px 15px 3px;box-shadow:5px 9px 0 #bbab8d2b;min-width:0}.gallery-card:nth-child(1){rotate:-5deg;margin-top:22px}.gallery-card:nth-child(2){rotate:3deg;margin-top:70px;background:#efddc1}.gallery-card:nth-child(3){rotate:-2deg;background:#e9d6c6}.gallery-caption{padding:20px 18px 25px;background:var(--white);border-color:var(--line)}.gallery-caption h3{font-size:31px;margin:12px 0}.gallery-caption>span:first-child{font-size:16px;letter-spacing:.3px;color:var(--muted)}.gallery-caption>span:last-child{font-size:17px;color:var(--muted);line-height:1.5}.gallery-preview{height:220px}.type-visual>span{font-size:79px;letter-spacing:0}.type-visual i{background:#a98c61}.stagger-visual i{background:var(--red);border-radius:50% 32% 40% 25% / 12% 24% 15% 28%}.stagger-visual i:nth-child(2){background:var(--moss)}.stagger-visual i:nth-child(3){background:var(--ochre)}.feedback-token{font-size:18px;color:var(--white);background:var(--moss);border-radius:45% 46% 44% 48% / 20% 21% 23% 19%;padding:14px 18px}
.open-section{background:var(--deep);color:var(--paper);margin:0 2%;border-radius:45px 8px 35px 6px;padding-top:45px;padding-bottom:31px;rotate:-.4deg}.open-top .eyebrow{color:#dbceb0}.open-badge{font-size:18px;letter-spacing:1px;color:#e5c28b;border-color:#c3af8888;transform:rotate(4deg)}.open-grid{gap:10%;grid-template-columns:1fr 1fr;margin-bottom:58px}.open-grid h2{font-size:clamp(64px,6vw,90px);color:var(--paper);line-height:1.5;letter-spacing:0;rotate:-2deg}.open-copy>p{font-size:22px;color:#e3d9bf;line-height:1.9}.open-facts b{font-size:22px;font-weight:400}.open-facts span{font-size:17px;color:#d5c8a9}.open-facts>div{padding:20px 0;border-color:#bcaf8644}.open-bottom{font-size:19px;color:var(--paper);border-color:#bcaf8666;flex-wrap:wrap}.open-bottom a:hover,.open-bottom .github-link{color:#e7b47d}.open-bottom .github-link{border-bottom:1px solid currentColor}.site-footer{padding-top:42px;padding-bottom:35px;flex-wrap:wrap}.site-footer .brand{font-size:33px}.site-footer>span,.ambient-pause{font-size:16px;color:var(--muted)}.spotlight:before{background:radial-gradient(var(--spot-radius,340px) circle at var(--mx,50%) var(--my,50%),var(--spot-color,#bb6e3c25),transparent 72%)}
/* Shared controlled previews retain the exported parameter contract. */
.preview-card{width:280px;max-width:100%;padding:27px;background:var(--white);border-color:#c0af8b;border-radius:10px 5px 16px 5px;box-shadow:6px 9px 0 #52604719}.preview-card .demo-icon{background:var(--red);color:var(--white);border-radius:45% 42% 46% 48%;width:39px;height:39px;font-size:27px}.preview-card h4{font-size:29px;line-height:1.45;margin:18px 0 9px}.preview-card p{font-size:18px;color:var(--muted);line-height:1.8}.preview-card .demo-line{background:#ddd1b5;height:6px}.preview-stack{width:280px;max-width:100%;gap:14px}.preview-stack>div{font-size:20px;padding:17px 20px;border-color:#b6ab8c;background:var(--white);border-radius:2px 12px 4px 8px}.preview-stack i{background:#ab8655;border-radius:3px 8px 2px 7px}.preview-save>p{font-size:17px;color:var(--muted);max-width:290px}.preview-save button{font-size:20px;background:var(--moss);color:var(--white);border-radius:7px 18px 5px 13px;padding:16px 25px}.demo-ui{max-width:310px;font-size:18px;background:var(--white);border-color:#c0af8b;border-radius:5px 16px 8px 4px}.demo-ui h4{font-size:33px}.demo-ui p{font-size:18px;color:var(--muted)}.demo-ui button{font-size:19px;background:var(--moss);color:var(--white)}.demo-ui label{font-size:18px}.demo-ui summary{color:var(--red)}.demo-tabs{background:#dfd3b7;max-width:100%;flex-wrap:wrap}.demo-tabs button{font-size:18px;padding:11px 14px}.demo-tabs button.active{background:var(--moss);color:var(--white)}.focus-target{background:var(--white);border-color:#aa9776;font-size:18px}.focus-target:focus-visible{outline-color:var(--red)}.demo-progress{background:#ded0b1}.demo-progress i{background:var(--moss)}.ripple-wave{background:#f9e2bd99}.demo-skeleton i{background-image:linear-gradient(90deg,#ded3ba 20%,#fff8e9 45%,#ded3ba 70%)}
/* Controls stay level inside the more organic paper frames. */
.studio-body{background-color:var(--paper)}.studio-header{min-height:83px;background:#f4ecd9ed;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);height:auto}.studio-header .brand{font-size:33px}.back-home{font-size:18px;color:var(--muted)}.connect-button{font-size:18px;background:var(--moss);color:var(--white);padding:12px 18px;border-radius:7px 17px 6px 13px}.studio-main{padding-top:40px}.studio-title{margin-bottom:31px}.studio-title h1{font-size:53px;letter-spacing:0;rotate:-1.5deg;transform-origin:left;line-height:1.4}.studio-title p{font-size:19px;color:var(--muted)}.studio-version{font-family:var(--script);font-size:22px;color:var(--ochre);rotate:3deg}.studio-layout{grid-template-columns:290px minmax(0,1fr) 335px;gap:24px}.panel{background:var(--white);border-color:#c4b28e;border-radius:7px 18px 5px 13px;box-shadow:4px 6px 0 #c9b89718}.library-panel{height:880px}.panel-top{font-size:21px;padding:20px;gap:10px;border-color:var(--line);font-weight:400}.count{font-size:16px;color:var(--muted)}.search-box{background:#faf2e1;border-color:#bca986;border-radius:4px 12px 5px 7px}.search-box input{font-size:17px;padding:12px 0}.search-box:focus-within{outline-color:var(--moss)}.filter-row{gap:8px}.filter-button{font-size:17px;background:#ede3cd;color:var(--ink);padding:7px 12px;border-radius:6px 11px 5px 8px}.filter-button.active{background:var(--moss);color:var(--white)}.item-list{scrollbar-color:#a38e67 transparent}.item-button{padding:16px 13px;border-radius:7px 12px 3px 7px}.item-button:hover{background:#f0e5cf}.item-button.active{background:#e4e6d3;border-color:#9ba282;border-left:4px solid var(--moss)}.item-button strong{font-size:21px;font-weight:400;line-height:1.5}.item-button span{font-size:16px;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}.empty-state{font-size:18px;color:var(--muted)}
.center-column{gap:24px}.intent-box{padding:22px}.intent-box label{font-size:21px;color:var(--ink)}.intent-input-wrap textarea{font-size:20px;min-height:108px;background:#faf3e4;border-color:#b7a580;border-radius:5px 15px 7px 4px;padding:14px 16px}.intent-input-wrap button{font-size:19px;background:var(--red);color:var(--white);padding:12px 20px;border-radius:6px 15px 8px 7px}.intent-helper,.candidate-reason{font-size:16px;color:var(--muted);line-height:1.8}.candidate-row button{font-size:18px;background:#e9e5d2;border-color:#b5ad8c;line-height:1.7}.selected-canonical{font-size:16px;color:var(--muted);max-width:52%;text-align:right;overflow-wrap:anywhere}.studio-preview{min-height:350px;background-color:#e4e3d0;background-image:radial-gradient(#697a5633 .9px,transparent 1px);background-size:22px 22px;padding:30px;overflow:hidden}.studio-preview .preview-card{width:280px}.preview-bottom{font-size:16px;gap:12px;color:var(--muted);border-color:var(--line)}.preview-bottom button{font-size:17px;background:#f0e5cf;border-color:#bba781}.detail-panel{padding:24px}.detail-panel h2{font-size:34px}.detail-panel p{font-size:19px;color:var(--muted);line-height:1.85}.detail-panel .source-links{border-color:var(--line)}.source-links a{font-size:16px;color:var(--moss)}.fallback-note{font-size:15px;line-height:1.8;color:var(--muted)}
.params{padding:8px 23px 10px}.param-control{margin:24px 0}.param-control>span{font-size:19px;color:var(--ink);gap:7px}.param-control output{font-size:17px;font-family:var(--notes);color:var(--muted);white-space:nowrap}.param-control input[type=range]{height:6px;accent-color:var(--red)}.param-control select{font-size:17px;padding:10px;background:#f5ecd9;border-color:#b8a581}.param-empty{font-size:17px;color:var(--muted)}.output-section{border-color:var(--line);padding:23px}.output-section h3{font-size:27px}.output-text{font-size:18px;line-height:1.85;color:var(--ink);background:#eee4cd;border-color:#c3b18c;padding:17px;border-radius:4px 12px 5px 8px}.export-actions{flex-wrap:wrap;gap:10px}.export-actions button{font-size:18px;line-height:1.5;padding:12px 13px;min-width:100px}.copy-button{background:var(--moss);color:var(--white)}.export-button{background:#e1d1af;color:var(--ink)}.reset-button{font-size:17px;color:var(--red)}.studio-bottom{font-size:16px;color:var(--muted);line-height:1.8;flex-wrap:wrap}
.connection-dialog{width:min(540px,calc(100vw - 30px));background:var(--white);border-color:var(--line);border-radius:8px 25px 7px 16px}.connection-dialog::backdrop{background:#34362e99}.dialog-top h2{font-size:34px;line-height:1.4}.dialog-close{font-size:32px}.connection-dialog>p{font-size:18px;color:var(--muted)}.connection-dialog label{font-size:19px}.connection-dialog input{font-size:20px;background:#faf3e4;border-color:#b7a580}.dialog-note{font-size:16px!important}.dialog-link{font-size:18px;color:var(--red)}.dialog-actions{flex-wrap:wrap}.dialog-actions button{font-size:18px;padding:13px 17px}.dialog-actions button:first-child{background:var(--moss);color:var(--white)}.dialog-actions button:last-child{background:#e8ddc3}.docs-main{max-width:1000px;padding-top:50px}.docs-main h1{font-size:65px;rotate:-2deg;transform-origin:left}.docs-main h2{font-size:37px;line-height:1.5}.docs-main p,.docs-main li{font-size:21px;color:var(--muted)}.docs-main pre{font-size:17px;background:#e9ddc3;border-radius:3px 15px 6px 10px;white-space:pre-wrap;overflow-wrap:anywhere}.docs-main a{color:var(--red)}.toast{font-size:18px;background:var(--moss);color:var(--white);border-radius:6px 14px 5px 9px}
@media(max-width:1200px){.studio-layout{grid-template-columns:270px minmax(0,1fr)}.param-panel{grid-column:2}.library-panel{grid-row:span 2;height:1080px}.param-panel .params{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.hero-copy{gap:5%;grid-template-columns:1.15fr 1fr}.hero h1{font-size:8vw}.hero-side p{font-size:21px}.mini-gallery{grid-template-columns:1fr 1fr}.gallery-card:nth-child(3){grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.gallery-card:nth-child(3) .gallery-caption{border-top:0;border-left:1px solid var(--line)}.gallery-card:nth-child(2){margin-top:45px}.library-section{gap:5%}.gallery-preview{height:185px}}
@media(max-width:780px){
 .site-header{min-height:88px;padding:12px 6%;gap:10px;flex-wrap:wrap}.brand{font-size:30px}.brand-mark{font-size:35px;width:30px}.brand-cn{display:none}.header-actions{gap:13px}.language{font-size:17px;max-width:88px}.small-cta{font-size:17px}.site-header .header-actions{flex:1;justify-content:flex-end}
 .hero{padding:22px 6% 32px}.eyebrow{font-size:15px;letter-spacing:.3px}.hero-copy{grid-template-columns:1fr;padding:36px 0 46px;gap:20px}.hero h1{font-size:clamp(52px,12.2vw,90px);line-height:1.35;letter-spacing:0}.hero h1>span.accent{margin-left:6%}.hero h1>span.accent:after{height:6px;bottom:-6px;border-width:3px}html[lang=en] .hero-copy h1,html[lang=de] .hero-copy h1{font-size:clamp(65px,15.5vw,105px)}html[lang=ja] .hero-copy h1,html[lang=ko] .hero-copy h1{font-size:clamp(37px,9vw,62px)}
 .hero-side{margin-top:8px}.hero-note{font-size:25px}.hero-side p{font-size:21px;line-height:1.85;margin-bottom:23px}.button{min-height:60px;font-size:19px;max-width:100%;gap:17px;padding:12px 21px}.quiet{font-size:16px}.hero-console{margin:0;transform:rotate(-.35deg)}.console-bar{padding:18px;font-size:15px;letter-spacing:.3px;gap:10px;flex-wrap:wrap}.console-status{font-size:15px}.intent-side{padding:24px 22px 28px}.intent-side h2{font-size:28px;line-height:1.65;min-height:0}.effect-tab{font-size:17px;padding:9px 14px}.translation-result strong{font-size:29px}.translation-result p{font-size:18px}.demo-side{padding:22px;border-top:1px solid var(--line);border-radius:0}.demo-coordinate{font-size:21px}.preview-stage{min-height:265px}.demo-controls{font-size:17px;gap:10px}.icon-button{font-size:17px}.console-footer{padding:16px 20px;font-size:16px;gap:12px}.hero-bottom{font-size:15px;line-height:1.8;gap:15px;flex-wrap:wrap}.scroll-cue{gap:12px}
 .section-wrap{padding:68px 7%}.section-heading h2,.library-intro h2{font-size:43px;line-height:1.45;letter-spacing:0;margin-top:22px}.section-heading p,.library-intro p{font-size:20px}.process-grid{display:flex;flex-direction:column;margin-top:36px;gap:31px;padding:0 7px}.process-step{display:block;width:100%;padding:26px}.process-step:nth-child(2),.process-step:nth-child(3){margin-top:0}.step-number{font-size:49px}.process-step h3{font-size:33px;margin:17px 0 12px}.process-step p{font-size:19px;min-height:0}.process-step>div{margin-top:20px}.term-line{max-width:100%}.library-section{display:block}.mini-gallery{gap:18px;padding:35px 4px 0}.gallery-card:nth-child(1){margin-top:0}.gallery-card:nth-child(2){margin-top:40px}.gallery-card:nth-child(3){margin-top:5px}.gallery-preview{height:157px}.gallery-caption{padding:16px 12px 20px}.gallery-caption h3{font-size:29px}.gallery-caption>span:first-child{font-size:14px}.gallery-caption>span:last-child{font-size:16px;overflow-wrap:anywhere}.type-visual>span{font-size:67px}.type-visual{gap:6px}.type-visual>div{width:32px}.stagger-visual{gap:7px}.stagger-visual i{width:25px;height:65px}.feedback-token{font-size:17px;padding:12px}.gallery-card:nth-child(3) .gallery-caption{display:flex;flex-direction:column;justify-content:center}
 .open-section{margin:0 3%;padding:35px 6%;border-radius:23px 5px 28px 4px}.open-top{gap:12px;flex-wrap:wrap}.open-top .eyebrow{font-size:14px}.open-badge{font-size:17px}.open-grid{display:block;margin:35px 0}.open-grid h2{font-size:60px;line-height:1.45;margin-bottom:33px;letter-spacing:0}.open-copy>p{font-size:21px}.open-facts b{font-size:23px}.open-facts span{font-size:17px}.open-bottom{font-size:18px;gap:23px}.site-footer{padding:30px 6%;gap:18px}.site-footer>span,.ambient-pause{font-size:16px}.site-footer .brand{font-size:30px}
 .studio-header{min-height:86px;padding:12px 5%;gap:10px}.studio-header .brand{font-size:29px}.studio-header .header-actions{gap:10px}.studio-header .connect-button{font-size:17px;padding:11px 13px;max-width:190px}.studio-main{padding:28px 5%}.studio-title h1{font-size:39px;line-height:1.5}.studio-title p{font-size:18px;line-height:1.8}.studio-layout{display:flex;gap:22px}.library-panel{height:365px}.item-list{gap:7px;padding:0 13px 15px}.item-button{width:calc(50% - 4px);padding:12px 10px}.item-button strong{font-size:19px}.item-button span{font-size:15px}.library-panel .panel-top{padding:17px}.search-box{margin:12px 14px}.filter-row{gap:8px;padding-bottom:13px}.filter-button{font-size:17px}.center-column{gap:22px}.intent-box{padding:21px}.intent-box label{font-size:22px}.intent-input-wrap textarea{font-size:20px}.intent-input-wrap button{font-size:20px;padding:14px}.studio-preview{min-height:310px;padding:24px 20px}.studio-preview .preview-card{width:265px}.panel-top{font-size:21px;padding:18px;align-items:flex-start}.preview-panel .panel-top{padding:18px}.selected-canonical{font-size:15px}.preview-bottom{padding:14px 17px;font-size:16px}.preview-bottom button{font-size:17px}.detail-panel{padding:22px}.detail-panel p{font-size:19px}.param-panel .params{grid-template-columns:1fr;gap:0;padding:8px 23px 10px}.param-control>span{font-size:20px}.param-control select{font-size:18px}.output-text{font-size:19px}.studio-bottom{font-size:16px}.connection-dialog{padding:24px}.dialog-top h2{font-size:30px}.docs-main{padding:34px 7%}.docs-main h1{font-size:49px}.docs-main h2{font-size:34px}.docs-main p,.docs-main li{font-size:20px}.docs-main pre{font-size:16px}.demo-tabs{justify-content:center}.demo-tabs button{font-size:17px;padding:11px 12px}
}
.hero h1>span:first-child{rotate:-4deg}.hero h1>span.accent{rotate:-2deg}.hero-console{rotate:-.6deg}
@media(max-width:780px){.console-grid{grid-template-columns:1fr}.hero-console{rotate:-.35deg}.studio-preview .demo-tabs{max-width:100%}.small-cta{white-space:nowrap}.header-actions{gap:8px}html[lang=en] .hero-copy h1{font-size:clamp(52px,13.4vw,100px)}}
@media(prefers-reduced-motion:reduce){.hero:before{display:none}.hero h1>span{animation:none}}

/* Release guide: keep scope and preview availability visible. */
.hero-side .release-summary{font-size:clamp(17px,1.35vw,21px);line-height:1.65;color:var(--moss);margin:0 0 22px;max-width:34ch}
.preview-note{margin:14px 20px 0;padding:12px 16px;border-left:3px solid var(--red);background:var(--paper);font-size:17px;line-height:1.6;color:var(--deep)}