*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg,#f6f8fa);color:var(--ink,#162c30);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}button,input,textarea,select{font:inherit}button,a,input,select,summary,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:7px;padding:8px 12px;font-size:14px}button:hover{border-color:var(--primary);background:var(--soft)}button:disabled{opacity:.4;cursor:default}a:hover{color:var(--primary)}:focus-visible{outline:3px solid var(--primary);outline-offset:3px}input,select{min-width:0;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:9px 10px}input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px}h1,h2,h3,p{margin:0}h1{font-size:clamp(30px,3.4vw,48px);line-height:1.12;letter-spacing:-1.7px;font-weight:600;max-width:800px}h2{font-size:18px;letter-spacing:-.35px}h3{font-size:16px}small{font-size:12px}.site-header{max-width:1520px;margin:auto;display:flex;align-items:center;gap:55px;padding:24px 38px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-.8px;font-weight:700}.brand img{flex:none}.brand small{display:block;font-size:10px;letter-spacing:2px;line-height:1.5;text-transform:uppercase;font-weight:400}.site-header nav{display:flex;gap:28px;font-size:14px}.site-header nav a[aria-current]{color:var(--primary);font-weight:700}.header-note{margin-left:auto;color:var(--muted);font-size:13px}main{max-width:1520px;margin:auto;padding:0 38px}.intro{padding:38px 0 32px;display:flex;justify-content:space-between;gap:30px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:var(--primary);margin-bottom:10px}.intro-copy{margin-top:14px;color:var(--muted);max-width:700px;font-size:15px}.intro-aside{flex:none;border-left:1px solid var(--line);padding-left:28px;display:grid;grid-template-columns:32px 1fr;column-gap:10px;font-size:12px;color:var(--muted)}.intro-aside strong{font-size:14px;color:var(--ink)}.intro-aside>span:last-child{grid-column:2}.local-icon{grid-row:span 2;font-size:24px;color:var(--primary)}.workspace-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.workspace-label{font-size:11px;font-weight:700;letter-spacing:1.5px}.version{font-size:12px;color:var(--muted);margin-left:18px}.workspace{display:grid;grid-template-columns:220px minmax(270px,.88fr) minmax(350px,1.4fr);gap:16px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius,10px);background:var(--panel);overflow:hidden}.panel-title{min-height:59px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:8px}.panel-title h2,.panel-title>label{font-size:15px;font-weight:600}.panel-title>div{display:flex;gap:7px}.pill{display:inline-flex;border-radius:5px;background:var(--soft);color:var(--primary);font-size:11px;padding:2px 7px;vertical-align:middle;margin-left:6px}.text-button{padding:3px 1px;background:transparent;border-color:transparent;border-radius:3px;font-size:12px;color:var(--muted)}.text-button:hover{background:transparent;color:var(--primary);border-color:transparent}.search-label{display:block;margin:15px 13px 5px}.search-label input{width:100%;font-size:13px;padding:9px 10px;background:var(--bg)}#operations{max-height:565px;overflow-y:auto;padding:0 12px 12px}#operations h3{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);margin:17px 7px 7px}.operation{border:0;display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 8px;text-align:left;border-radius:5px;font-size:13px}.operation span:last-child{font-size:18px;color:var(--muted);line-height:1}.library-note{font-size:11px;color:var(--muted);padding:12px 18px;border-top:1px solid var(--line)}.flow{display:flex;flex-direction:column;min-height:656px}.preset-label{margin:14px}.preset-label select{width:100%;font-size:13px;background:var(--bg)}#steps{padding:0 13px;max-height:500px;overflow-y:auto}.step{border:1px solid var(--line);border-radius:7px;margin-bottom:11px;background:var(--bg)}.step-head{display:flex;align-items:center;gap:8px;padding:11px 10px}.step-head strong{font-size:13px}.step-number{font-size:10px;color:var(--primary);font-weight:700}.step-actions{display:flex;gap:2px;align-items:center;margin-left:auto}.step-actions button{font-size:14px;padding:0 4px;background:transparent;border:0}.step-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 11px 12px}.step-fields:empty{display:none}.step-fields label{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:4px}.step-fields label:only-child{grid-column:1/-1}.step-fields input,.step-fields select{font-size:12px;padding:6px;width:100%}.step-fields input[type=checkbox]{width:16px}.step.disabled{opacity:.55}.empty-flow{margin:auto;text-align:center;padding:46px 12px 75px}.empty-icon{display:inline-flex;align-items:center;justify-content:center;width:49px;height:49px;border:1px dashed var(--line);color:var(--primary);border-radius:12px;font-size:29px;margin-bottom:20px}.empty-flow h3{font-weight:500;font-size:22px;line-height:1.25;letter-spacing:-.4px}.empty-flow p{font-size:12px;color:var(--muted);margin-top:13px}.empty-hint{display:block;font-size:10px;color:var(--muted);margin-top:26px}.flow-footer{margin-top:auto;display:flex;justify-content:space-between;padding:14px 17px;border-top:1px solid var(--line)}.editor textarea{resize:vertical;display:block;width:100%;min-height:204px;padding:19px;border:0;background:transparent;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.8;border-radius:0}.editor textarea::placeholder{color:var(--muted);opacity:.8}.editor-bottom{border-top:1px solid var(--line);padding:9px 17px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.editor-bottom span:last-child{letter-spacing:1px;font-size:9px}.run-bar{display:flex;justify-content:space-between;align-items:center;padding:13px 0}.run-bar>span{font-size:11px;color:var(--muted)}.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary,#fff);padding:10px 20px;font-size:13px;box-shadow:0 3px 6px #0000000a}.primary:hover{background:var(--ink);border-color:var(--ink);color:var(--panel)}.primary span{margin-left:18px}.output-panel textarea{min-height:177px}#status{font-size:11px;color:var(--muted);margin:9px 1px;min-height:20px}#status.error{color:#b22323}.guide{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:36px;border-top:1px solid var(--line);padding:35px 0;margin-top:38px}.guide h2{font-size:24px;line-height:1.2;max-width:250px}.guide p{font-size:13px;color:var(--muted);margin-top:10px}.guide-step>span{font-size:11px;color:var(--primary);display:block;margin:0 0 12px}.guide-step h3{font-weight:500}.notes{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding:35px 0 50px}.notes h2{font-size:24px}.notes p{font-size:14px;color:var(--muted);margin-top:12px;max-width:540px}.faq details{border-bottom:1px solid var(--line);padding:14px 0;font-size:14px}.faq summary{cursor:pointer}.faq p{padding-bottom:9px}footer{max-width:1520px;margin:auto;padding:27px 38px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px;color:var(--muted)}.footer-brand{font-size:18px;color:var(--ink);font-weight:600}.footer-brand span{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:3px}footer nav{display:flex;gap:23px}.legal{max-width:850px;margin:45px auto 70px;padding:35px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.legal h1{font-size:38px;margin:12px 0 20px}.legal h2{margin:29px 0 10px;font-size:21px}.legal p{margin:14px 0;color:var(--muted)}.legal a{text-decoration:underline;color:var(--primary)}.ad-slot{border:1px dashed var(--line);text-align:center;margin-bottom:25px;padding:12px;min-height:100px}.ad-slot>span{font-size:11px;color:var(--muted)}.skip{position:absolute;top:-90px;left:15px;background:var(--panel);padding:12px;z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
@media(min-width:1500px){.editor textarea{min-height:215px}.output-panel textarea{min-height:187px}}
@media(max-width:1100px){.site-header,main{padding-left:22px;padding-right:22px}.workspace{grid-template-columns:190px minmax(235px,1fr) minmax(300px,1.2fr);gap:10px}.version{display:none}.intro-aside{display:none}.header-note{display:none}.step-head{flex-wrap:wrap}.guide{gap:22px}.panel-title{padding:12px}.panel-title>div{gap:6px}}
@media(max-width:850px){.workspace{grid-template-columns:220px 1fr}.library{grid-column:1;grid-row:1}.flow{grid-column:1;grid-row:2;min-height:300px}.editor-column{grid-column:2;grid-row:1/3}.library #operations{max-height:210px}.library-note{display:none}.empty-flow{padding:24px 10px}.guide{grid-template-columns:1fr 1fr}.notes{gap:30px}.site-header{gap:30px}.site-header nav{gap:20px}}
@media(max-width:600px){.site-header{padding:18px;flex-wrap:wrap;gap:18px}.brand{font-size:22px}.brand small{font-size:9px}.site-header nav{margin-left:auto;font-size:12px;gap:16px}.site-header nav a:last-child{display:none}main{padding:0 16px}.intro{padding:26px 0 24px}h1{font-size:34px;letter-spacing:-1px}.intro-copy{font-size:14px}.workspace{display:flex;flex-direction:column}.workspace>*{width:100%}.library #operations{max-height:180px;display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.library #operations h3{grid-column:1/-1}.flow{min-height:260px}.empty-flow{padding:18px}.empty-flow h3 br{display:none}.empty-hint{margin-top:15px}.empty-icon{display:none}#steps{max-height:400px}.editor textarea{min-height:210px}.guide{grid-template-columns:1fr;gap:25px;margin-top:20px}.guide h2{max-width:none}.guide-step>span{float:left;margin:3px 14px 0 0}.guide-step p{margin-left:29px}.notes{grid-template-columns:1fr;gap:20px}.legal{padding:22px;margin-top:25px}.legal h1{font-size:30px}footer{padding:24px 18px;flex-wrap:wrap}footer small{width:100%}.run-bar{gap:10px}.workspace-top{gap:8px}.text-button{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Readable controls at normal and enlarged browser text sizes. */
.operation,.search-label input,.preset-label select,.text-button,.step-head strong,.step-fields input,.step-fields select,.primary{font-size:14px}.step-fields label,.library-note,.empty-flow p,.run-bar>span,#status,.guide p,.editor-bottom,.empty-hint{font-size:12px}.editor textarea{font-size:14px}.eyebrow,.workspace-label,#operations h3{font-size:12px}.brand small{font-size:12px;letter-spacing:1.3px}.editor-bottom span:last-child{font-size:12px}.step-number{font-size:12px}.empty-flow p{font-size:14px}.guide p,.intro-copy{font-size:16px}.footer-brand span{font-size:12px}.step-head{flex-wrap:wrap}.panel-title>div{flex-wrap:wrap}.guide .eyebrow{font-size:12px}