.playground{width:min(1540px,calc(100% - 64px));padding-block:48px}.intro{display:flex;justify-content:space-between;gap:40px;align-items:center}.intro h1{font-size:clamp(42px,5vw,72px);letter-spacing:-3px;line-height:1.05;font-weight:500;margin:24px 0}.intro h1 em{font-family:Georgia,serif;color:var(--green);font-weight:400}.intro p{color:var(--muted);font-size:16px}.engine-note{max-width:310px;font:14px monospace}.engine-note p{font:14px/1.7 Arial,sans-serif}.badge{font-size:10px;padding:4px 7px;background:var(--lime);border-radius:3px}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:22px 0;margin:12px 0 24px;border-block:1px solid var(--line)}.toolbar>span{font-size:12px;color:var(--muted);margin-left:auto;max-width:235px;line-height:1.6}.playground label{font-size:12px;display:block;line-height:1.5}.playground button,.playground select,.playground textarea{font:13px Arial,sans-serif;color:var(--ink);border:1px solid #b8c1ad;border-radius:4px;background:#fafbf6;padding:10px;max-width:100%}.playground select{display:block;margin-top:5px;min-height:40px}.playground textarea{width:100%;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;resize:vertical;display:block}.playground button{cursor:pointer;min-height:40px}.playground button:hover{background:var(--lime)}.playground button:disabled{opacity:.5;cursor:default}.playground :is(button,select,textarea,input):focus-visible{outline:3px solid #668243;outline-offset:2px}.workspace{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1.1fr);gap:18px;align-items:start}.panel{border:1px solid var(--line);border-radius:6px;padding:22px;min-width:0;background:#f8f9f2}.panel-heading h2{font-size:25px;letter-spacing:-.6px;margin:12px 0 22px}.help{font-size:12px;color:var(--muted);line-height:1.7}.help code{overflow-wrap:anywhere}.pipeline{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.pipeline:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.pipeline h3{font-size:17px;margin:0 0 12px}.pipeline>label{margin-bottom:12px}.format-step{background:#edf0e5;border:1px solid var(--line);border-radius:4px;margin:10px 0;padding:12px}.step-bar{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.step-bar label{flex:1;font-family:monospace;font-size:13px;min-width:100px}.step-bar button{padding:3px 9px;min-height:32px}.format-step textarea{margin-top:5px;min-height:80px}.format-step details{margin-top:8px}.format-step .help{margin-block:9px}.add-row{display:flex;gap:8px;align-items:center}.add-row select{min-width:0;flex:1;margin:0}.playground .primary{background:var(--green);color:var(--paper)}.run-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.check{display:flex!important;align-items:center;gap:5px}.preview #status{font-size:12px;line-height:1.6;padding:10px 12px;background:#e6eadc;border-radius:3px}.preview #status.error{background:#f5dfd8;color:#772e1d}.output-group{margin:18px 0}.output-group h3{font:13px monospace;margin-bottom:10px}.terminal{background:#203329;color:#e5ecd9;border-radius:4px;padding:14px;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:90px;overflow:auto;max-height:380px;white-space:pre-wrap;overflow-wrap:anywhere}.log-entry{padding:7px 0;border-bottom:1px solid #3c5042}.log-entry:last-child{border:0}.dropped{color:#b3c1ad;font-style:italic}.ansi-red{color:#ff9a91}.ansi-green{color:#a6deab}.ansi-yellow{color:#f3d884}.ansi-blue{color:#a2c9ff}.ansi-magenta{color:#e5b0ef}.ansi-cyan{color:#9bdfdc}.ansi-white{color:#fff}.ansi-black{color:#bcc6b8}.ansi-bold{font-weight:bold}.playground details{margin-top:16px}.playground summary{cursor:pointer;font-size:12px;line-height:1.5;padding:7px 0}.playground pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:450px;overflow:auto;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.trace-step{border-top:1px solid var(--line);padding-top:8px}.export{margin-top:24px;display:grid;grid-template-columns:1fr auto;gap:14px}.export h2{font-size:30px;margin:12px 0}.export p,.closing{font-size:13px;color:var(--muted)}.export-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:start}.export pre{grid-column:1/-1;background:#e9ede0;padding:20px;margin:0}.closing{margin-top:24px}.closing a{text-decoration:underline;text-underline-offset:3px}@media(max-width:1150px){.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.preview{grid-column:1/-1}.intro{gap:24px}.engine-note{max-width:260px}}@media(max-width:700px){.playground{width:calc(100% - 32px);padding-top:32px}.intro{display:block}.engine-note{max-width:none;margin:22px 0}.workspace{display:block}.panel{margin-bottom:18px;padding:18px}.intro h1{letter-spacing:-2px}.toolbar>span{max-width:none;margin:0;width:100%}.export{display:block}.export-actions{margin:20px 0}.toolbar>label{width:100%}.toolbar select{width:100%}.step-bar label{min-width:90px}.export pre{padding:12px}.inputs textarea{max-height:300px}}