.playground-module__aKoUiG__page{color:#f5f6f8;background:#090b10;min-height:100vh;padding:105px max(20px,4vw) 80px}.playground-module__aKoUiG__topline{color:#a6afbc;border-bottom:1px solid #ffffff20;justify-content:space-between;gap:15px;padding-bottom:22px;font-size:12px;display:flex}.playground-module__aKoUiG__topline a:hover{color:#f7d047}.playground-module__aKoUiG__intro{justify-content:space-between;align-items:flex-end;gap:40px;padding:50px 0 35px;display:flex}.playground-module__aKoUiG__intro h1{letter-spacing:-.06em;font-size:clamp(38px,5vw,76px);font-weight:850;line-height:.98}.playground-module__aKoUiG__intro h1 span{color:#f7d047}.playground-module__aKoUiG__intro>p{color:#a6afbc;max-width:340px;font-size:16px;line-height:1.8}.playground-module__aKoUiG__kicker{letter-spacing:2px;text-transform:uppercase;color:#a6afbc;margin-bottom:18px;font-size:10px}.playground-module__aKoUiG__workspace{border:1px solid #ffffff26;border-radius:18px;grid-template-columns:minmax(0,1fr) 310px;display:grid;overflow:hidden}.playground-module__aKoUiG__stage{background:#090b10;flex-direction:column;min-width:0;display:flex}.playground-module__aKoUiG__stagebar,.playground-module__aKoUiG__stagefoot{letter-spacing:1px;color:#939cab;justify-content:space-between;gap:12px;padding:18px 24px;font-size:10px;display:flex}.playground-module__aKoUiG__stagebar{border-bottom:1px solid #ffffff12}.playground-module__aKoUiG__stagebar span:first-child{align-items:center;gap:8px;display:flex}.playground-module__aKoUiG__stagebar i{background:#bcffa7;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #bcffa7}.playground-module__aKoUiG__preview{border:0;flex:1;width:100%;height:560px;min-height:490px}.playground-module__aKoUiG__stagefoot{letter-spacing:0;border-top:1px solid #ffffff12;font-size:11px}.playground-module__aKoUiG__controls{background:#11151d;border-left:1px solid #ffffff1c;flex-direction:column;gap:12px;padding:24px;display:flex}.playground-module__aKoUiG__tabs{grid-template-columns:1fr 1fr;gap:5px;margin-bottom:10px;display:grid}.playground-module__aKoUiG__tabs button{border:1px solid #ffffff20;border-radius:7px;padding:12px;font-size:13px}.playground-module__aKoUiG__tabs button[aria-pressed=true]{color:#090b10;background:#f7d047;border-color:#f7d047;font-weight:700}.playground-module__aKoUiG__controls label{color:#e8ebf0;justify-content:space-between;gap:8px;font-size:12px;display:flex}.playground-module__aKoUiG__controls label span{color:#a6afbc}.playground-module__aKoUiG__controls textarea,.playground-module__aKoUiG__controls select{color:#fff;background:#090b10;border:1px solid #ffffff30;border-radius:7px;width:100%;padding:12px;font-size:14px}.playground-module__aKoUiG__controls textarea{resize:vertical}.playground-module__aKoUiG__controls select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.playground-module__aKoUiG__controls input[type=range]{accent-color:#f7d047;cursor:pointer;width:100%;min-height:26px}.playground-module__aKoUiG__controls input[type=color]{cursor:pointer;background:#090b10;border:1px solid #ffffff30;border-radius:6px;width:100%;height:34px}.playground-module__aKoUiG__controls input[type=file]{max-width:100%;padding:10px 0;font-size:11px}.playground-module__aKoUiG__controls input::file-selector-button{color:#fff;background:#293141;border:0;border-radius:4px;margin-right:8px;padding:9px}.playground-module__aKoUiG__hint{color:#a6afbc;font-size:11px;line-height:1.6}.playground-module__aKoUiG__controls .playground-module__aKoUiG__check{justify-content:flex-start;align-items:center;margin-top:3px}.playground-module__aKoUiG__check input{accent-color:#f7d047}.playground-module__aKoUiG__reset{color:#a6afbc;align-items:center;gap:8px;padding-top:10px;font-size:11px;display:flex}.playground-module__aKoUiG__feedback{color:#c9efc6;min-height:56px;padding:14px 0;font-size:13px}.playground-module__aKoUiG__feedback p{align-items:center;gap:9px;display:flex}.playground-module__aKoUiG__feedback .playground-module__aKoUiG__error{color:#ffabab}.playground-module__aKoUiG__export{border-top:1px solid #ffffff20;grid-template-columns:1fr 1fr;gap:60px;padding:36px 0;display:grid}.playground-module__aKoUiG__export h2,.playground-module__aKoUiG__cta h2{letter-spacing:-1px;font-size:clamp(26px,3vw,40px);font-weight:800;line-height:1.1}.playground-module__aKoUiG__export p:not(.playground-module__aKoUiG__kicker),.playground-module__aKoUiG__cta p{color:#a6afbc;max-width:510px;margin-top:16px;font-size:14px;line-height:1.8}.playground-module__aKoUiG__actions{grid-template-columns:1fr 1fr;align-content:center;gap:12px;display:grid}.playground-module__aKoUiG__actions button{border:1px solid #ffffff30;border-radius:7px;justify-content:center;align-items:center;gap:10px;padding:16px 10px;font-size:12px;display:flex}.playground-module__aKoUiG__actions button:hover{color:#f7d047;border-color:#f7d047}.playground-module__aKoUiG__actions button:disabled{opacity:.4}.playground-module__aKoUiG__hidden{display:none}.playground-module__aKoUiG__instructions{color:#b6beca;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:22px 0;font-size:13px}.playground-module__aKoUiG__instructions summary{cursor:pointer}.playground-module__aKoUiG__instructions pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:850px;margin-top:20px;font-family:inherit;line-height:1.9}.playground-module__aKoUiG__cta{justify-content:space-between;align-items:center;gap:40px;margin-top:45px;display:flex}.playground-module__aKoUiG__cta a{color:#090b10;white-space:nowrap;background:#f7d047;border-radius:7px;align-items:center;gap:20px;padding:18px 25px;font-size:14px;font-weight:700;display:flex}.playground-module__aKoUiG__page :is(button,a,input,textarea,select,summary):focus-visible{outline-offset:4px;outline:2px solid #f7d047}.playground-module__aKoUiG__page button{cursor:pointer}@media (max-width:900px){.playground-module__aKoUiG__workspace{grid-template-columns:minmax(0,1fr) 270px}.playground-module__aKoUiG__controls{padding:18px}.playground-module__aKoUiG__intro{flex-direction:column;align-items:flex-start;gap:20px}.playground-module__aKoUiG__intro>p{max-width:600px}.playground-module__aKoUiG__export{gap:30px}}@media (max-width:680px){.playground-module__aKoUiG__page{padding-top:95px}.playground-module__aKoUiG__topline>span{display:none}.playground-module__aKoUiG__intro{padding:30px 0}.playground-module__aKoUiG__workspace{grid-template-columns:1fr}.playground-module__aKoUiG__preview{flex:none;height:420px;min-height:420px}.playground-module__aKoUiG__stagefoot{flex-direction:column;gap:6px}.playground-module__aKoUiG__controls{border-top:1px solid #ffffff20;border-left:0;padding:22px}.playground-module__aKoUiG__export{grid-template-columns:1fr;gap:25px}.playground-module__aKoUiG__cta{flex-direction:column;align-items:flex-start;gap:24px}.playground-module__aKoUiG__cta a{justify-content:center;width:100%}.playground-module__aKoUiG__actions{gap:8px}.playground-module__aKoUiG__actions button,.playground-module__aKoUiG__topline{font-size:11px}}.playground-module__aKoUiG__stage{scroll-margin-top:85px}.playground-module__aKoUiG__previewLink{text-underline-offset:4px;color:#f7d047;padding:10px 0;font-size:12px;text-decoration:underline}