.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(440px circle at var(--mx,50%) var(--my,40%),rgba(163,210,78,.09),transparent 75%);opacity:var(--spot-opacity,0);transition:opacity .5s}.hero h1>span{display:inline-block;animation:intro-reveal .95s cubic-bezier(.22,1,.36,1) both}.hero h1>span.accent{animation-delay:.1s}.hero-side{animation:intro-reveal 1s cubic-bezier(.22,1,.36,1) .2s both}.hero-console{animation:intro-reveal 1.1s cubic-bezier(.22,1,.36,1) .25s both}@keyframes intro-reveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(hover:none){.preview-card:hover,.gallery-card:hover{transform:none!important}}
.custom-spotlight:before{background:radial-gradient(var(--spot-radius,150px) circle at var(--mx,50%) var(--my,50%),var(--spot-color,rgba(163,210,78,.25)),transparent 75%)!important}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.ambient-pause{font-size:11px;background:transparent;color:#617864;text-decoration:underline;padding:0}.hero-copy h1{overflow-wrap:anywhere}html[lang=de] .hero-copy h1,html[lang=ja] .hero-copy h1,html[lang=ko] .hero-copy h1{font-size:clamp(43px,5.6vw,85px)}.demo-skeleton{min-height:180px}.demo-ui summary{cursor:pointer;padding:9px 0;color:var(--ink)}.demo-ui label{display:block;font-size:12px;margin-bottom:9px}.source-links{min-height:18px}
:root{--ink:#34362e;--deep:#363e32;--lime:#f4ead4;--paper:#f4ecd9;--muted:#647474;--line:#dce2dc;--white:#fff;--ease:cubic-bezier(.22,1,.36,1);font-family:var(--notes);color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:90px}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button,select{color:inherit}button{border:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #44855f;outline-offset:4px}::selection{background:var(--lime);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:-80px;left:20px;padding:14px;background:var(--lime);z-index:100}.skip:focus{top:15px}.site-header{display:flex;align-items:center;justify-content:space-between;height:88px;padding:0 5%;background:var(--paper);border-bottom:1px solid var(--line);gap:24px;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-family:var(--script);font-weight:800;font-size:23px;letter-spacing:-1px;white-space:nowrap}.brand-mark{display:inline-flex;width:34px;height:36px;align-items:center;position:relative;font-size:36px;letter-spacing:-2px}.brand-mark span{font-size:28px;margin-top:-8px}.brand-cn{font-family:inherit;font-size:14px;letter-spacing:0;font-weight:500;color:#6c7d78}.site-header nav{display:flex;gap:30px;font-size:14px}.site-header nav a{position:relative;padding:8px 0}.site-header nav a:after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--ink);transition:width .25s}.site-header nav a:hover:after{width:100%}.header-actions{display:flex;gap:22px;align-items:center}.language{background:transparent;border:0;font-size:14px;max-width:100px;padding:8px 4px}.small-cta{font-size:14px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:5px}.hero{background:var(--ink);color:var(--paper);padding:34px 5% 24px;position:relative;overflow:hidden}.hero-grain{position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:radial-gradient(#f4ead455 .5px,transparent .5px);background-size:9px 9px;mask-image:linear-gradient(transparent,#000)}.hero-top,.hero-bottom{display:flex;justify-content:space-between;position:relative;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;letter-spacing:1.8px;font-weight:600;text-transform:uppercase}.ink{color:#567269}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #f4ead466}.issue{font-size:11px;color:#93aaa9;letter-spacing:1.8px}.hero-copy{display:grid;grid-template-columns:1.45fr 1fr;align-items:end;gap:5%;padding:44px 0 50px;position:relative}.hero h1{margin:0;font-family:var(--brush);letter-spacing:-4px;font-size:clamp(52px,6.3vw,100px);font-weight:600;line-height:1.15}.accent{color:var(--lime)}.hero-side{max-width:430px;padding-bottom:5px}.hero-side p{font-size:18px;line-height:1.8;color:#c4d4d3;margin:0 0 25px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:54px;padding:0 22px;border-radius:7px;font-size:15px;font-weight:600;transition:box-shadow .25s,background .25s,transform .3s var(--ease)}.button span:last-child{font-size:23px}.lime{color:var(--ink);background:var(--lime)}.button:hover{box-shadow:0 8px 28px #0002}.quiet{display:block;font-size:12px;color:#9bb5b2;margin-top:15px;line-height:1.7}.hero-console{background:#f6f8f2;color:var(--ink);border:1px solid #f4ead466;border-radius:15px;position:relative;overflow:hidden;box-shadow:0 24px 80px #00101955}.console-bar{display:flex;justify-content:space-between;align-items:center;padding:17px 25px;border-bottom:1px solid #34362e18;font-size:11px;letter-spacing:1.7px;position:relative;z-index:1}.tiny-dot{display:inline-block;width:6px;height:6px;background:#427366;margin-right:9px;border-radius:50%}.console-status{letter-spacing:0;font-size:12px;color:#526c65}.console-grid{display:grid;grid-template-columns:1fr 1.08fr}.intent-side{padding:28px 35px 30px;border-right:1px solid #34362e18}.label{font-size:12px;color:#607b71;letter-spacing:1px}.intent-side h2{font-size:25px;font-weight:500;line-height:1.55;margin:12px 0 20px;letter-spacing:-.6px;min-height:76px}.effect-pills{display:flex;flex-wrap:wrap;gap:8px}.effect-tab{background:transparent;border:1px solid #34362e25;padding:8px 13px;border-radius:50px;font-size:12px;transition:.2s}.effect-tab.active,.effect-tab:hover{background:var(--ink);color:var(--lime);border-color:var(--ink)}.translation-result{margin-top:24px;padding-top:18px;border-top:1px solid #34362e18}.translation-result strong{display:block;font-family:var(--script);font-size:17px;margin-top:8px}.translation-result p{font-size:13px;line-height:1.65;color:#586c68;margin:8px 0 0}.demo-side{padding:24px 30px 18px;position:relative;background:#eaf0e5}.demo-coordinate{font-size:10px;letter-spacing:2px;color:#7b8e82}.preview-stage{min-height:220px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.demo-controls{display:flex;align-items:center;gap:12px;font-size:12px;color:#577264}.demo-controls input{flex:1;min-width:0;accent-color:var(--ink);height:4px}.demo-controls output{min-width:36px}.icon-button{background:transparent;padding:7px;font-size:12px}.console-footer{display:flex;justify-content:space-between;gap:16px;padding:14px 25px;background:#f6f8f2;border-top:1px solid #34362e18;font-size:12px;color:#607469}.console-footer a{color:var(--ink)}.hero-bottom{margin-top:30px;font-size:12px;color:#a1bab4}.scroll-cue{display:flex;gap:20px;align-items:center}.section-wrap{padding:90px 5%}.section-heading{max-width:750px}.section-heading h2,.library-intro h2{font-family:var(--brush);font-weight:600;font-size:clamp(32px,3.7vw,54px);line-height:1.3;letter-spacing:-1.7px;margin:22px 0 18px}.section-heading p,.library-intro p{font-size:16px;color:#60716c;line-height:1.9}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:54px}.process-step{border-top:1px solid #becbc0;padding-top:22px}.step-number{font-family:var(--script);color:#6c887a;font-size:13px}.process-step h3{font-size:22px;font-weight:500;margin:22px 0 13px}.process-step p{font-size:14px;color:#60716c;line-height:1.8;min-height:50px}.phrase-chips{display:flex;gap:8px;margin-top:25px}.phrase-chips span{font-size:12px;background:#e8eee4;border:1px solid #d6e0d2;padding:8px 12px;border-radius:50px}.term-line{margin-top:28px;font-size:13px;border-bottom:1px solid #dce2d7;padding-bottom:10px}.term-line span{float:right}.param-line{display:flex;gap:15px;font-size:12px;margin-top:32px;align-items:center}.param-track{width:95px;height:3px;background:#ccd6c9}.param-track i{display:block;background:#406a55;width:55%;height:100%}.param-line b{font-weight:400}.library-section{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.7fr;gap:7%;padding-top:80px;padding-bottom:90px}.library-intro h2{margin-top:23px}.library-intro p{max-width:340px}.text-link{display:inline-block;border-bottom:1px solid currentColor;font-size:14px;padding:8px 0;margin-top:16px}.mini-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:15px}.gallery-card{border:1px solid #dce5d7;border-radius:12px;background:#ecf1e8;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s;position:relative}.gallery-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #34362e12}.gallery-preview{height:205px;display:flex;align-items:center;justify-content:center;position:relative;gap:10px}.gallery-caption{padding:18px 17px 25px;background:#f7f9f4;border-top:1px solid #dce5d7}.gallery-caption>span:first-child{font-size:9px;letter-spacing:1.6px;color:#6e8776}.gallery-caption h3{font-size:17px;margin:12px 0 9px;font-weight:600}.gallery-caption>span:last-child{font-size:11px;color:#718077}.stagger-visual i{width:32px;height:82px;background:var(--ink);border-radius:6px;transform:translateY(5px);animation:soft-stagger 3.5s var(--ease) infinite}.stagger-visual i:nth-child(2){animation-delay:.1s;background:#628674}.stagger-visual i:nth-child(3){animation-delay:.2s;background:#bacd9f}.type-visual{gap:14px}.type-visual>span{font-family:var(--script);font-size:55px;letter-spacing:-5px}.type-visual>div{width:45px}.type-visual i{display:block;background:#96ae9b;height:4px;margin:9px 0;border-radius:4px}.type-visual i:last-child{width:60%}.feedback-visual{flex-direction:column}.feedback-token{font-size:13px;background:var(--ink);color:var(--lime);padding:12px 17px;border-radius:6px;box-shadow:0 7px 20px #34362e20;animation:feedback-breathe 4s ease-in-out infinite}.feedback-visual i{width:50px;height:1px;background:#becdbc;margin-top:10px}.open-section{background:var(--deep);color:var(--paper);padding-top:42px;padding-bottom:30px;position:relative;overflow:hidden}.open-top{display:flex;justify-content:space-between;align-items:center}.open-badge{font-size:12px;letter-spacing:2px;border:1px solid #a9c48944;padding:7px 13px;border-radius:40px;color:var(--lime)}.open-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;margin-top:45px;margin-bottom:65px}.open-grid h2{margin:0;font-size:clamp(45px,5.2vw,75px);line-height:1.3;letter-spacing:-2px;font-weight:500;color:var(--lime)}.open-copy>p{font-size:17px;line-height:1.9;color:#c0d0c9;margin:0 0 25px}.open-facts{margin-bottom:32px}.open-facts>div{padding:16px 0;border-bottom:1px solid #a9c48922}.open-facts b{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.open-facts span{font-size:12px;color:#a1b6ae;line-height:1.8}.open-bottom{border-top:1px solid #a9c48944;padding-top:22px;display:flex;justify-content:space-between;font-size:13px;color:#c8d6cd}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 5%}.site-footer>span{font-size:12px;color:#738277}.site-footer .brand{font-size:19px}.spotlight:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),#f4ead435,transparent 72%);opacity:var(--spot-opacity,0);transition:opacity .4s}.spotlight>*{position:relative}.reveal{transition:opacity .7s var(--ease),transform .9s var(--ease)}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(24px)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);padding:13px 21px;border-radius:9px;background:var(--ink);color:var(--lime);box-shadow:0 5px 30px #0003;opacity:0;pointer-events:none;transition:.2s;z-index:90;max-width:90%;font-size:14px}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Shared, parameter-driven previews. */
.preview-card{width:235px;padding:23px;background:#fff;border:1px solid #d0dacb;border-radius:12px;box-shadow:0 12px 28px #34362e0c;position:relative;transition:transform var(--duration,240ms) var(--easing,ease-out)}.preview-card:hover{transform:translateY(calc(var(--lift,6px) * -1))}.preview-card .demo-icon{width:31px;height:31px;border-radius:8px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-size:18px}.preview-card h4{margin:16px 0 5px;font-size:16px;font-weight:600}.preview-card p{margin:0;font-size:12px;color:#708075;line-height:1.6}.preview-card .demo-line{height:5px;background:#e4ebde;border-radius:4px;margin-top:16px;width:85%}.preview-card .demo-line.short{width:55%;margin-top:7px}.preview-stack{display:grid;gap:10px;width:245px}.preview-stack>div{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;background:white;border:1px solid #d6e0d1;font-size:13px}.preview-stack i{width:24px;height:24px;border-radius:6px;background:#bfd394;flex:none}.preview-save{display:grid;gap:18px;text-align:center}.preview-save>p{font-size:12px;color:#5b7465;max-width:250px;line-height:1.7}.preview-save button{background:var(--ink);color:var(--lime);padding:14px 28px;border-radius:8px;min-width:140px}.demo-ui{max-width:260px;width:100%;padding:20px;background:#fff;border:1px solid #d5dfce;border-radius:10px;font-size:13px}.demo-ui h4{font-size:23px;margin:0 0 9px}.demo-ui p{color:#728176;font-size:13px;line-height:1.7}.demo-ui button{margin-top:10px;padding:10px 20px;background:var(--ink);color:var(--lime);border-radius:5px}.demo-progress{height:6px;background:#dae4d0;border-radius:9px;overflow:hidden;margin:20px 0}.demo-progress i{display:block;height:100%;width:var(--progress,65%);background:#4d774e;transition:width var(--duration,600ms) var(--easing,ease-out)}.demo-ripple{overflow:hidden}.ripple-wave{position:absolute;width:10px;height:10px;border-radius:50%;background:#f4ead488;pointer-events:none;animation:ripple var(--duration,500ms) ease-out forwards}.demo-skeleton i{display:block;height:12px;margin-top:12px;border-radius:5px;background:linear-gradient(90deg,#e8ece4 20%,#f9fbf6 45%,#e8ece4 70%);background-size:220% 100%;animation:shimmer var(--duration,1200ms) linear infinite}.demo-skeleton i:last-child{width:65%}.demo-tabs{display:flex;position:relative;background:#e4ebdc;border-radius:7px;padding:4px;gap:5px}.demo-tabs button{padding:11px 16px;border-radius:5px;background:transparent;z-index:1;font-size:13px}.demo-tabs button.active{background:var(--ink);color:var(--lime);transition:background var(--duration,240ms)}.focus-target{padding:15px;border:1px solid #b9ccb3;border-radius:8px;width:100%;background:#f8fbf4}.focus-target:focus-visible{outline:3px solid #537c40;outline-offset:var(--offset,4px)}
/* Workbench */
.studio-body{background:#eff3eb}.studio-header{height:74px;padding:0 3%;position:sticky;top:0}.studio-header .brand{font-size:20px}.studio-header .header-actions{gap:18px}.back-home{font-size:12px;color:#697b70}.connect-button{background:var(--ink);color:var(--lime);border-radius:6px;padding:10px 15px;font-size:13px}.studio-main{padding:35px 3% 24px;max-width:1600px;margin:auto}.studio-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px;gap:20px}.studio-title h1{font-size:32px;letter-spacing:-1px;margin:0 0 7px;font-weight:600}.studio-title p{margin:0;color:#6f8073;font-size:13px}.studio-version{font-size:11px;color:#82917f;letter-spacing:1px;white-space:nowrap}.studio-layout{display:grid;grid-template-columns:285px minmax(0,1fr) 305px;gap:18px}.panel{border:1px solid #d5dfce;border-radius:12px;background:#f8faf5;min-width:0}.library-panel{height:720px;display:flex;flex-direction:column}.panel-top{padding:19px 18px;border-bottom:1px solid #dce4d5;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600}.count{font-size:11px;color:#7d8b74;font-weight:400}.search-box{margin:15px;display:flex;align-items:center;border:1px solid #d0ddc9;border-radius:7px;background:#fff;padding:0 10px;gap:7px}.search-box input{width:100%;border:0;background:transparent;padding:12px 0;font-size:13px;outline:none}.search-box:focus-within{outline:2px solid #6a8b5a}.filter-row{padding:0 15px 14px;display:flex;gap:6px;flex-wrap:wrap}.filter-button{font-size:12px;background:#edf2e7;border-radius:5px;padding:7px 11px;color:#65765c}.filter-button.active{background:var(--ink);color:var(--lime)}.item-list{overflow-y:auto;flex:1;padding:0 8px 10px;scrollbar-width:thin;scrollbar-color:#bfd0b2 transparent}.item-button{width:100%;text-align:left;display:block;border:1px solid transparent;border-radius:7px;background:transparent;padding:13px 11px;margin-bottom:3px}.item-button:hover{background:#edf3e6}.item-button.active{background:#e4e6d3;border-color:#c3d3b8}.item-button strong{font-size:13px;font-weight:600;display:block}.item-button span{font-size:10px;color:#7b8a70;display:block;margin-top:5px}.empty-state{padding:20px;font-size:13px;line-height:1.8;color:#718269}.center-column{display:flex;flex-direction:column;gap:18px}.intent-box{padding:18px}.intent-box label{display:block;font-size:12px;margin-bottom:11px;color:#637958}.intent-input-wrap{display:flex;gap:10px}.intent-input-wrap textarea{resize:vertical;min-height:70px;max-height:180px;padding:12px 14px;border:1px solid #d0ddc5;border-radius:7px;flex:1;min-width:0;background:white;font-size:14px;line-height:1.7}.intent-input-wrap button{background:var(--ink);color:var(--lime);border-radius:7px;padding:0 17px;font-size:13px}.intent-helper{font-size:11px;color:#77866a;margin-top:10px;line-height:1.8}.candidate-row{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.candidate-row button{padding:8px 12px;border:1px solid #d3dfca;border-radius:5px;background:#edf4e5;font-size:12px}.candidate-reason{font-size:12px;color:#577249;line-height:1.8;margin-top:10px}.preview-panel{overflow:hidden}.preview-panel .panel-top{padding:17px 22px}.selected-canonical{font-size:11px;letter-spacing:.3px;font-weight:400;color:#75866d}.studio-preview{min-height:310px;padding:25px;background-color:#e9f0e2;background-image:radial-gradient(#b0c2a277 .8px,transparent .8px);background-size:17px 17px}.preview-bottom{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid #d5dfcd;font-size:11px;color:#708663}.preview-bottom button{padding:7px 12px;border:1px solid #c9d7bc;background:#eff5e8;border-radius:5px;font-size:12px}.detail-panel{padding:20px 22px}.detail-panel h2{font-size:20px;margin:0 0 10px;font-weight:500}.detail-panel p{font-size:13px;line-height:1.9;color:#65755c}.detail-panel .source-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:18px;padding-top:14px;border-top:1px solid #dbe5d2}.source-links a{font-size:11px;text-decoration:underline;color:#547448}.fallback-note{font-size:10px;color:#7f8d72;margin-top:12px}.param-panel{height:fit-content}.params{padding:8px 20px 10px}.param-control{display:block;margin:21px 0}.param-control>span{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:#526c47;margin-bottom:12px}.param-control output{font-size:11px;color:#658052;font-family:monospace}.param-control input[type=range]{width:100%;height:4px;accent-color:#355c2b}.param-control select{width:100%;border:1px solid #ccd9c0;background:#f4f9ed;padding:9px;border-radius:5px;font-size:12px}.param-empty{padding:15px 20px;color:#7c8c6d;font-size:12px;line-height:1.8}.output-section{border-top:1px solid #d4dfca;padding:20px}.output-section h3{font-size:13px;font-weight:500;margin:0 0 13px}.output-text{white-space:pre-wrap;background:#edf3e6;border:1px solid #dce6d2;border-radius:7px;padding:14px;font-size:12px;line-height:1.9;color:#49653e;min-height:185px;overflow-wrap:anywhere;margin:0}.export-actions{display:flex;gap:8px;margin-top:15px}.export-actions button{padding:10px 12px;font-size:12px;border-radius:5px;flex:1}.copy-button{background:var(--ink);color:var(--lime)}.export-button{background:#e4eed7;color:#4d6a3a}.reset-button{background:transparent;color:#7a8e66;font-size:11px}.studio-bottom{display:flex;justify-content:space-between;align-items:center;padding:23px 0;color:#7b8b70;font-size:11px;gap:20px}.studio-bottom a{text-decoration:underline}.connection-dialog{border:1px solid #cbdabf;border-radius:15px;width:min(480px,calc(100vw - 30px));padding:28px;color:var(--ink);background:#f7faf2;box-shadow:0 35px 100px #001c3444}.connection-dialog::backdrop{background:#05283299;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top h2{font-size:23px;margin:0}.dialog-close{background:transparent;font-size:24px;padding:0 5px}.connection-dialog>p{font-size:13px;line-height:1.8;color:#697b5d}.connection-dialog label{display:block;font-size:12px;margin:17px 0 7px}.connection-dialog input{border:1px solid #c5d5b8;border-radius:6px;padding:12px;width:100%;background:white;font-size:14px}.dialog-note{font-size:11px!important;line-height:1.9!important}.dialog-actions{display:flex;gap:10px;margin-top:22px}.dialog-actions button{padding:12px 17px;border-radius:6px;font-size:13px}.dialog-actions button:first-child{background:var(--ink);color:var(--lime)}.dialog-actions button:last-child{background:#e6efdc}.dialog-link{font-size:12px;text-decoration:underline}.docs-main{max-width:850px;margin:auto;padding:60px 25px}.docs-main h1{font-size:42px}.docs-main h2{margin-top:40px;font-size:24px}.docs-main p,.docs-main li{font-size:16px;line-height:1.9;color:#607463}.docs-main pre{padding:20px;background:#e7eee0;overflow:auto;border-radius:8px;font-size:13px}.docs-main a{text-decoration:underline}
@keyframes soft-stagger{0%,70%,100%{transform:translateY(5px);opacity:1}82%{transform:translateY(18px);opacity:.3}95%{transform:translateY(5px);opacity:1}}@keyframes feedback-breathe{0%,80%,100%{transform:translateY(0)}90%{transform:translateY(-4px)}}@keyframes ripple{to{transform:scale(45);opacity:0}}@keyframes shimmer{to{background-position:-220% 0}}
@media(min-width:1600px){.site-header,.hero,.section-wrap,.site-footer{padding-left:max(5%,calc((100vw - 1450px)/2));padding-right:max(5%,calc((100vw - 1450px)/2))}}
@media(max-width:1150px){.studio-layout{grid-template-columns:235px minmax(0,1fr)}.param-panel{grid-column:2}.library-panel{grid-row:span 2;height:1000px}.mini-gallery{gap:10px}.gallery-preview{height:165px}.library-section{gap:4%}.hero h1{letter-spacing:-2px}.process-grid{gap:28px}.studio-version{display:none}.param-panel .params{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.output-text{min-height:100px}}
@media(max-width:780px){.site-header{height:72px;padding:0 6%;gap:10px}.site-header nav{display:none}.brand{font-size:20px;gap:8px}.brand-cn{font-size:12px}.header-actions{gap:8px}.small-cta{font-size:12px}.language{font-size:12px;max-width:78px}.hero{padding:28px 6% 25px}.hero-top .issue{display:none}.eyebrow{font-size:10px;letter-spacing:1.2px}.hero-copy{grid-template-columns:1fr;padding:35px 0;gap:26px}.hero h1{font-size:clamp(43px,8vw,64px);letter-spacing:-2px}.hero-side{max-width:100%;padding-bottom:0}.hero-side p{font-size:15px;line-height:1.9;margin-bottom:20px}.button{min-height:50px;font-size:14px}.quiet{font-size:11px}.console-bar{padding:14px 18px;font-size:10px}.console-grid{grid-template-columns:1fr}.intent-side{padding:24px;border-right:0}.intent-side h2{font-size:22px;min-height:0}.translation-result{margin-top:20px}.demo-side{border-top:1px solid #34362e18;padding:20px 23px}.preview-stage{min-height:215px}.console-footer{padding:14px 18px;flex-direction:column;font-size:11px;gap:9px}.hero-bottom{font-size:10px;align-items:flex-start;gap:12px;line-height:1.8}.scroll-cue{gap:10px;white-space:nowrap}.section-wrap{padding:60px 6%}.section-heading h2,.library-intro h2{font-size:32px;letter-spacing:-1px;margin:20px 0 14px}.section-heading p,.library-intro p{font-size:14px}.process-grid{grid-template-columns:1fr;gap:25px;margin-top:35px}.process-step{display:grid;grid-template-columns:35px 1fr;gap:0 10px;padding-top:18px}.process-step .step-number{grid-row:span 3;padding-top:5px}.process-step h3{margin:0 0 10px;font-size:20px}.process-step p{margin:0;min-height:0}.process-step>div{grid-column:2;margin-top:15px}.term-line{max-width:300px}.library-section{grid-template-columns:1fr;gap:25px}.library-intro p{max-width:100%}.mini-gallery{padding:0;grid-template-columns:1fr 1fr}.mini-gallery .gallery-card:last-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.mini-gallery .gallery-card:last-child .gallery-caption{border-top:0;border-left:1px solid #dce5d7;display:flex;flex-direction:column;justify-content:center}.gallery-preview{height:150px}.gallery-caption{padding:18px 14px}.gallery-caption h3{font-size:16px}.gallery-caption>span:last-child{font-size:10px}.open-section{padding-top:32px;padding-bottom:25px}.open-grid{grid-template-columns:1fr;gap:30px;margin:30px 0 40px}.open-grid h2{font-size:45px;line-height:1.25}.open-copy>p{font-size:15px}.open-bottom{font-size:12px}.site-footer{flex-wrap:wrap;padding:26px 6%;gap:14px}.site-footer>span:nth-child(2){order:3;width:100%}.site-footer>span{font-size:10px}.studio-header{height:68px;padding:0 4%}.studio-header .brand{font-size:18px}.studio-header .brand-cn{display:none}.studio-header .brand-mark{display:none}.back-home{display:none}.studio-header .header-actions{gap:8px}.connect-button{padding:9px 11px;font-size:11px}.studio-main{padding:25px 4% 20px}.studio-title h1{font-size:28px}.studio-title p{font-size:12px;line-height:1.8}.studio-layout{display:flex;flex-direction:column}.library-panel{height:260px}.item-list{display:flex;align-content:flex-start;flex-wrap:wrap;gap:5px;overflow-y:auto;padding:0 14px 14px}.item-button{width:calc(50% - 3px);margin:0;padding:9px}.item-button strong{font-size:12px}.item-button span{font-size:9px}.library-panel .panel-top{padding:14px 16px}.search-box{margin:10px 14px}.filter-row{padding-bottom:10px}.intent-input-wrap{flex-direction:column}.intent-input-wrap button{padding:12px}.studio-preview{min-height:260px}.studio-bottom{flex-direction:column;align-items:flex-start;line-height:1.8}.param-panel .params{grid-template-columns:1fr 1fr;gap:0 20px}.selected-canonical{font-size:10px;max-width:50%;text-align:right}.studio-title{margin-bottom:20px}.dialog-top h2{font-size:21px}.docs-main{padding:35px 6%}.docs-main h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-motion .reveal:not(.visible){opacity:1;transform:none}.spotlight:before{display:none}.magnetic{transform:none!important}}