:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--jv-bg:#0f1113;--jv-bg-secondary:#171a1d;--jv-surface:#202428;--jv-surface-raised:#2a2f34;--jv-border:#3a4046;--jv-text-faint:#7a8289;--jv-text-muted:#a7adb3;--jv-text-secondary:#c8cbcb;--jv-text:#f2f3f1;--jv-accent:#d87341;--jv-accent-pressed:#b85f35;--jv-danger:#c96b61;--jv-success:#c8cbcb;--jv-warning:#d87341;--syntax-danger:#ff8a7a;--syntax-success:#a7e7b2;--syntax-warning:#ffd27a;--jv-border-soft:#f2f3f11f;--jv-border-strong:#f2f3f133;--jv-shadow:#00000057;--jv-radius-large:clamp(22px, 2.4vw, 34px);--jv-radius:clamp(18px, 1.8vw, 26px);--jv-radius-small:16px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;max-width:100%;min-height:100%;overflow-x:clip}@supports not (overflow:clip){html,body,#app{overflow-x:hidden}}body{background:var(--jv-bg);min-height:100vh;color:var(--jv-text);margin:0}img,svg,video,canvas,iframe{max-width:100%}button,input,select,textarea{font:inherit}button,select,input[type=checkbox]{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #d87341c2}.visually-hidden{opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.playground-app{isolation:isolate;background:radial-gradient(circle at 78% 10%, #d8734133, transparent 30rem), radial-gradient(circle at 12% 72%, #d873411a, transparent 32rem), linear-gradient(180deg, var(--jv-bg) 0%, var(--jv-bg-secondary) 100%);width:100%;max-width:100%;min-height:100vh;position:relative;overflow-x:clip}.playground-app:before{z-index:-1;content:"";pointer-events:none;opacity:.075;background:linear-gradient(#f2f3f11f 1px,#0000 1px) 0 0/52px 52px,linear-gradient(90deg,#f2f3f114 1px,#0000 1px) 0 0/52px 52px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 56% 42%,#000,#0000 76%);mask-image:radial-gradient(circle at 56% 42%,#000,#0000 76%)}.app-main{z-index:1;gap:clamp(1rem,2vw,1.4rem);width:100%;min-width:0;max-width:100%;padding:5% 10%;display:grid;position:relative}.primary-workspace{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:clamp(1rem,2vw,1.4rem);width:100%;min-width:0;scroll-margin-top:7rem;display:grid}.secondary-tools{gap:.85rem;width:100%;min-width:0;display:grid}.app-nav{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f1113d6;border-bottom:1px solid #f2f3f12e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(1rem,3vw,2rem);width:100%;min-width:0;max-width:100%;padding:clamp(1rem,2.4vw,1.45rem) 10%;display:flex;position:sticky;top:0;box-shadow:0 16px 50px #00000038}.brand,.nav-links a{color:inherit;text-decoration:none}.brand{flex:min(100%,38rem);align-items:center;gap:clamp(.8rem,1.8vw,1.15rem);min-width:0;max-width:100%;display:inline-flex}.brand-logo{filter:drop-shadow(0 12px 28px #00000047);flex:none;width:clamp(7.25rem,14vw,11rem);height:auto;display:block}.brand-identity{border-left:1px solid #f2f3f12e;gap:.15rem;min-width:0;max-width:100%;padding-left:clamp(.75rem,1.4vw,1rem);display:grid}.brand-name,.brand-byline{overflow-wrap:anywhere}.brand-name{color:var(--jv-text);letter-spacing:-.045em;font-size:clamp(1rem,1.55vw,1.3rem);font-weight:900;line-height:1.02}.brand-byline{color:var(--jv-text-muted);font-size:clamp(.72rem,1vw,.86rem);font-weight:750;line-height:1.2}.nav-links{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;gap:.6rem;max-width:100%;display:flex}.nav-links a{border:1px solid #f2f3f12e;border-radius:999rem;justify-content:center;align-items:center;min-height:2.75rem;padding:.75rem 1rem;font-size:.82rem;font-weight:850;line-height:1;transition:transform .16s,border-color .16s,background .16s,color .16s;display:inline-flex}.nav-links a:hover{background:#d873411f;border-color:#d8734185;transform:translateY(-1px)}.nav-links .nav-primary{border-color:var(--jv-text);background:var(--jv-text);color:var(--jv-bg)}.nav-links .nav-secondary{color:var(--jv-text);background:0 0}.hero-copy,.status-card,.card{border:1px solid var(--jv-border-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 100% 0,#d873411a,#0000 34%),#171a1dd6;min-width:0;box-shadow:0 22px 68px #00000038}.card{border-radius:var(--jv-radius);width:100%;padding:clamp(1rem,2vw,1.35rem)}.card-head{justify-content:space-between;align-items:flex-start;gap:.9rem;margin-bottom:.9rem;display:flex}.card h2,.disclosure-heading strong{color:var(--jv-text);letter-spacing:-.045em;margin:0;font-weight:900;line-height:1.06}.card h2{font-size:clamp(1.25rem,2vw,1.65rem)}.card-head p:not(.section-label),.helper-text,.health-intro,.subpanel-actions p{color:var(--jv-text-muted);margin:.45rem 0 0;font-size:.82rem;line-height:1.55}.eyebrow,.section-label{color:var(--jv-accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .55rem;font-size:.72rem;font-weight:850;line-height:1.2;display:block}.metric-pill,.summary-count{border:1px solid var(--jv-border-soft);max-width:100%;color:var(--jv-text-muted);text-align:center;background:#f2f3f10e;border-radius:999rem;flex:none;justify-content:center;align-items:center;padding:.5rem .65rem;font-size:.72rem;font-weight:850;line-height:1;display:inline-flex}.hero-panel{grid-template-columns:minmax(0,1fr) minmax(17rem,23rem);align-items:stretch;gap:clamp(1rem,2vw,1.4rem);width:100%;min-width:0;display:grid}.hero-copy{border-radius:var(--jv-radius-large);padding:clamp(1.6rem,4.5vw,3.6rem)}.hero-copy h1{max-width:72rem;color:var(--jv-text);letter-spacing:-.075em;margin:0;font-size:clamp(2.75rem,6.1vw,5.8rem);font-weight:900;line-height:.92}.hero-description{max-width:48rem;color:var(--jv-text-secondary);margin:1.15rem 0 0;font-size:clamp(.98rem,1.35vw,1.16rem);line-height:1.65}.hero-actions,.toolbar-primary-actions,.snippet-actions,.subpanel-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.hero-actions{margin-top:1.35rem}.hero-capabilities{flex-wrap:wrap;gap:.45rem;margin-top:1.25rem;display:flex}.hero-capabilities span{border:1px solid var(--jv-border-soft);color:var(--jv-text-muted);background:#f2f3f10b;border-radius:999rem;padding:.42rem .62rem;font-size:.72rem;font-weight:760}.status-card{border-radius:var(--jv-radius-large);grid-template-columns:auto minmax(0,1fr);align-content:end;align-items:end;gap:1rem;min-height:14rem;padding:clamp(1.25rem,2.4vw,1.75rem);display:grid}.status-light{background:radial-gradient(circle at 35% 28%, #f2f3f1f5, transparent 16%), var(--jv-accent);border-radius:999rem;width:3.4rem;height:3.4rem;display:block;box-shadow:0 0 0 .75rem #d873411f,0 1.1rem 2.6rem #d8734138}.status-label{color:var(--jv-text-faint);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .25rem;font-size:.68rem;font-weight:850}.status-card strong,.status-card small{display:block}.status-card strong{color:var(--jv-text);letter-spacing:-.035em;font-size:1.2rem;font-weight:900;line-height:1.15}.status-card small{color:var(--jv-text-muted);margin-top:.35rem;font-size:.78rem;line-height:1.5}.button,.switch-control,.toolbar-more>summary{appearance:none;border:1px solid var(--jv-border-strong);min-height:2.65rem;color:var(--jv-text);background:#f2f3f10e;border-radius:999rem;justify-content:center;align-items:center;gap:.5rem;padding:.72rem .95rem;font-size:.8rem;font-weight:850;line-height:1;text-decoration:none;transition:transform .16s,border-color .16s,background .16s,color .16s,opacity .16s;display:inline-flex}.button:hover,.switch-control:hover,.toolbar-more>summary:hover{background:#d873411a;border-color:#d873419e;transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg, var(--jv-accent), var(--jv-accent-pressed));color:var(--jv-bg);border-color:#0000;box-shadow:0 1rem 2.4rem #d873412e}.button-danger{color:var(--jv-danger)}.button-small{min-height:2.15rem;padding:.48rem .72rem;font-size:.74rem}.switch-control input{width:1rem;height:1rem;accent-color:var(--jv-accent);margin:0}.toolbar-card{z-index:10;padding:.75rem;scroll-margin-top:7rem;position:relative}.toolbar-layout{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.toolbar-primary-actions{min-width:0}.toolbar-more{flex:none;position:relative}.toolbar-more>summary{cursor:pointer;list-style:none}.toolbar-more>summary::-webkit-details-marker{display:none}.toolbar-more>summary:after{content:"＋";font-size:.9rem}.toolbar-more[open]>summary:after{content:"−"}.toolbar-more-panel{z-index:20;border:1px solid var(--jv-border-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#171a1dfa;border-radius:1.2rem;gap:.45rem;width:min(18rem,82vw);padding:.65rem;display:grid;position:absolute;top:calc(100% + .55rem);right:0;box-shadow:0 1.5rem 4rem #0000006b}.toolbar-more-panel .button{justify-content:flex-start;width:100%}.shortcut-hints{color:var(--jv-text-faint);flex-wrap:wrap;gap:.45rem 1rem;margin:.65rem 0 0;padding:0 .35rem;font-size:.7rem;line-height:1.45;display:flex}.shortcut-hints span{flex-wrap:wrap;align-items:center;gap:.22rem;display:inline-flex}kbd{border:1px solid var(--jv-border-soft);border-bottom-color:var(--jv-border);color:var(--jv-text-muted);background:#0f1113b3;border-radius:.35rem;padding:.16rem .34rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.65rem}.editor-card{scroll-margin-top:7rem;overflow:hidden}.tab-list,.snippet-tabs{border:1px solid var(--jv-border-soft);background:#0f11139e;border-radius:1.05rem;gap:.42rem;margin-bottom:.65rem;padding:.32rem;display:grid}.tab-list{grid-template-columns:repeat(3,minmax(0,1fr))}.snippet-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.tab-button,.snippet-tabs button{min-height:2.4rem;color:var(--jv-text-muted);background:0 0;border:0;border-radius:.82rem;font-size:.78rem;font-weight:850}.tab-button:hover,.snippet-tabs button:hover{color:var(--jv-text);background:#f2f3f10e}.tab-button.is-active,.snippet-tabs button.is-active{background:linear-gradient(135deg, var(--jv-accent), var(--jv-accent-pressed));color:var(--jv-bg);box-shadow:0 .7rem 1.8rem #d873412e}.code-editor{resize:vertical;width:100%;min-width:0;min-height:clamp(30rem,49vw,43rem);color:var(--jv-text);tab-size:2;background:#0d1110;border:1px solid #f2f3f11a;border-radius:1.2rem;padding:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.86rem;line-height:1.62;display:block;box-shadow:inset 0 0 0 1px #00000059}.code-editor::placeholder{color:#f2f3f17a}.preview-card{scroll-margin-top:7rem;overflow:hidden}.preview-head{align-items:flex-start}.device-controls{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:.5rem;display:flex}.device-controls label{gap:.35rem;min-width:0;display:grid}.device-controls span,.resource-form span{color:var(--jv-text-muted);font-size:.72rem;font-weight:850}.device-controls input,.device-controls select,.resource-form input,.resource-form select{border:1px solid var(--jv-border-strong);width:100%;min-width:0;min-height:2.65rem;color:var(--jv-text);background:#0f11139e;border-radius:.9rem;padding:0 .75rem}.device-controls input{width:6.5rem}.preview-stage{border:1px solid var(--jv-border-soft);overscroll-behavior:contain;background-color:#0000;background-image:linear-gradient(45deg,#f2f3f10b 25%,#0000 25%),linear-gradient(-45deg,#f2f3f10b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f2f3f10b 75%),linear-gradient(-45deg,#0000 75%,#f2f3f10b 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:1.25rem;width:100%;min-width:0;min-height:30rem;padding:.85rem;overflow:auto}.frame-shell{background:#fff;border:1px solid #0f111370;border-radius:1.1rem;min-width:280px;transition:width .22s,height .22s;overflow:hidden;box-shadow:0 1.5rem 4rem #00000057}.frame-shell iframe{background:#fff;border:0;width:100%;height:100%;display:block}.preview-error,.inline-error{color:var(--jv-danger);background:#ff8a7a14;border:1px solid #ff8a7a40;border-radius:.9rem;margin:.65rem 0 0;padding:.72rem .8rem;font-size:.8rem;line-height:1.48}:-webkit-any(.preview-card:fullscreen,.preview-card:-webkit-full-screen,.preview-card.is-fullscreen){background:var(--jv-bg);border:0;border-radius:0;width:100vw;max-width:none;height:100vh;margin:0;padding:clamp(.75rem,2vw,1.5rem);overflow:auto}:is(.preview-card:fullscreen,.preview-card:fullscreen,.preview-card.is-fullscreen){background:var(--jv-bg);border:0;border-radius:0;width:100vw;max-width:none;height:100vh;margin:0;padding:clamp(.75rem,2vw,1.5rem);overflow:auto}:-webkit-any(.preview-card:fullscreen .preview-stage,.preview-card:-webkit-full-screen .preview-stage,.preview-card.is-fullscreen .preview-stage){min-height:calc(100vh - 9.5rem)}:is(.preview-card:fullscreen .preview-stage,.preview-card:fullscreen .preview-stage,.preview-card.is-fullscreen .preview-stage){min-height:calc(100vh - 9.5rem)}.disclosure-card{padding:0;overflow:hidden}.disclosure-card>summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.9rem;min-width:0;padding:clamp(1rem,2vw,1.35rem);list-style:none;transition:background .16s;display:grid}.disclosure-card>summary::-webkit-details-marker{display:none}.disclosure-card>summary:hover{background:#f2f3f109}.disclosure-card>summary:after{content:"＋";border:1px solid var(--jv-border-soft);width:2rem;height:2rem;color:var(--jv-text-muted);background:#f2f3f10b;border-radius:999rem;place-items:center;font-size:1rem;font-weight:700;display:grid}.disclosure-card[open]>summary{border-bottom:1px solid var(--jv-border-soft)}.disclosure-card[open]>summary:after{content:"−"}.disclosure-heading{gap:.24rem;min-width:0;display:grid}.disclosure-heading .section-label{margin:0 0 .15rem}.disclosure-heading strong{font-size:clamp(1.1rem,1.7vw,1.4rem)}.disclosure-heading small{color:var(--jv-text-muted);font-size:.78rem;font-weight:500;line-height:1.45}.disclosure-body{padding:clamp(1rem,2vw,1.35rem)}.subpanel-actions{justify-content:space-between;margin-bottom:.8rem}.subpanel-actions p{max-width:48rem;margin:0}.console-card{scroll-margin-top:7rem}.console-output{width:100%;min-height:9.5rem;max-height:17rem;color:var(--jv-text);background:#0d1110;border:1px solid #f2f3f11a;border-radius:1.05rem;padding:.8rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.75rem;line-height:1.5;overflow:auto}.console-empty{color:var(--jv-text-faint);margin:0}.console-line{white-space:pre-wrap;word-break:break-word;border-bottom:1px solid #f2f3f111;grid-template-columns:auto minmax(0,1fr);gap:.5rem;margin:0;padding:.32rem 0;display:grid}.console-line:last-child{border-bottom:0}.console-line strong{color:#dcbfa7;text-transform:uppercase}.console-line.is-error strong{color:var(--syntax-danger)}.console-line.is-warn strong{color:var(--syntax-warning)}.console-line.is-result strong{color:var(--syntax-success)}.console-line.is-info strong{color:#aac7ff}.console-runner{align-items:stretch;gap:.55rem;margin-top:.6rem;display:flex}.console-input-label{flex:20rem;min-width:0;display:block}.console-runner textarea{resize:vertical;border:1px solid var(--jv-border-strong);width:100%;min-width:0;min-height:5rem;color:var(--jv-text);background:#0f11139e;border-radius:1rem;padding:.75rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;line-height:1.52}.snippet-list,.resource-list{gap:.58rem;margin-top:.72rem;display:grid}.empty-state,.snippet-item,.resource-chip{border:1px dashed var(--jv-border-strong);min-width:0;color:var(--jv-text-muted);background:#f2f3f109;border-radius:1rem;padding:.75rem;font-size:.8rem;line-height:1.5}.snippet-item{border-style:solid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem;display:grid}.snippet-item strong,.snippet-item small{display:block}.snippet-item strong{color:var(--jv-text);font-size:.88rem;font-weight:850}.snippet-item p{color:var(--jv-text-muted);margin:.3rem 0}.snippet-item small{color:var(--jv-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:850}.snippet-actions{justify-content:flex-end}.resource-form{grid-template-columns:minmax(6rem,.25fr) minmax(0,1fr) auto;align-items:end;gap:.55rem;display:grid}.resource-form label{gap:.35rem;min-width:0;display:grid}.resource-chip{border-style:solid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;display:grid}.resource-chip strong{color:var(--jv-accent);letter-spacing:.11em;text-transform:uppercase;font-size:.66rem;font-weight:900}.resource-chip code{min-width:0;color:var(--jv-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.health-score.is-great{color:var(--jv-success)}.health-score.is-ok{color:var(--jv-warning)}.health-score.is-low{color:var(--jv-danger)}.health-intro{margin:0 0 .7rem}.health-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.health-list li{border:1px solid var(--jv-border-soft);background:#f2f3f109;border-radius:.95rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.6rem;padding:.7rem .75rem;display:grid}.health-list li>span{border-radius:999rem;place-items:center;width:1.4rem;height:1.4rem;font-size:.7rem;font-weight:900;display:grid}.health-list li.is-pass>span{color:var(--jv-success);background:#c8cbcb24}.health-list li.is-warn>span{color:var(--jv-warning);background:#d8734124}.health-list strong,.health-list small{display:block}.health-list strong{color:var(--jv-text);font-size:.8rem;font-weight:850}.health-list small{color:var(--jv-text-muted);margin-top:.18rem;font-size:.74rem;line-height:1.45}@media (width<=1280px){.app-nav{padding-left:5%;padding-right:5%}.app-main{padding:4% 5%}.primary-workspace{grid-template-columns:1fr}.code-editor{min-height:28rem}}@media (width<=900px){.hero-panel{grid-template-columns:1fr}.status-card{align-content:center;min-height:9rem}.toolbar-layout,.card-head,.preview-head{flex-direction:column;align-items:stretch}.toolbar-layout{display:grid}.toolbar-more,.toolbar-more>summary{width:100%}.toolbar-more-panel{width:100%;box-shadow:none;margin-top:.5rem;position:static}.device-controls{justify-content:flex-start;width:100%}}@media (width<=760px){html,body,#app{min-width:0}.app-nav{flex-direction:column;align-items:stretch;padding:1rem;position:static}.brand{flex:auto;width:100%}.brand-logo{width:clamp(6.8rem,35vw,9rem)}.brand-identity{min-width:min(100%,15rem)}.nav-links{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.app-main{padding:1rem}.hero-copy,.status-card,.card{border-radius:1.35rem}.hero-copy{padding:1.5rem}.hero-copy h1{font-size:clamp(2.55rem,13vw,4.5rem)}.toolbar-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.toolbar-primary-actions .button,.toolbar-primary-actions .switch-control{width:100%}.device-controls{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.device-controls label,.device-controls .button,.device-controls input{width:100%}.disclosure-card>summary{grid-template-columns:minmax(0,1fr) auto}.disclosure-card>summary:after{grid-area:1/2}.summary-count{grid-column:1/-1;width:fit-content}.subpanel-actions,.console-runner{grid-template-columns:1fr;align-items:stretch;display:grid}.subpanel-actions .button,.console-runner .button{width:100%}.resource-form,.resource-chip,.snippet-item{grid-template-columns:1fr}.snippet-actions{justify-content:stretch}.snippet-actions .button,.resource-chip .button{width:100%}.resource-chip code{white-space:normal;overflow-wrap:anywhere}.preview-stage{min-height:24rem;padding:.6rem}.code-editor{min-height:22rem;font-size:.8rem}}@media (width<=480px){.app-main,.app-nav{padding:.75rem}.brand{flex-direction:column;align-items:flex-start}.brand-identity{border-top:1px solid #f2f3f12e;border-left:0;width:100%;padding-top:.75rem;padding-left:0}.brand-name{font-size:1rem}.hero-copy,.status-card,.card{border-radius:1.1rem;padding:.85rem}.hero-copy h1{font-size:clamp(2.2rem,14vw,3.5rem)}.status-card,.toolbar-primary-actions,.tab-list,.snippet-tabs,.device-controls,.nav-links{grid-template-columns:1fr}.shortcut-hints{display:grid}.card-head{flex-direction:column}.metric-pill{white-space:normal}.disclosure-card{padding:0}.disclosure-card>summary,.disclosure-body{padding:.85rem}.disclosure-heading small{font-size:.73rem}.frame-shell{border-radius:.8rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.code-editor{background:#0f1113;height:56vh;min-height:430px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.code-editor .cm-editor{height:100%}.code-editor .cm-scroller{overflow:auto}.primary-workspace{align-items:stretch}.primary-workspace>.editor-card{resize:horizontal;min-width:320px;overflow:auto}.console-card{resize:vertical;min-height:220px;overflow:auto}.jivaro-header{z-index:100;box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f1113eb;border:0;border-bottom:1px solid #f2f3f124;border-radius:0;justify-content:space-between;align-items:center;gap:clamp(.6rem,2vw,1.25rem);width:100%;min-height:4.5rem;padding:.75rem clamp(1rem,10vw,9rem);display:flex;position:sticky;top:0;box-shadow:0 1px #f2f3f10a}.jivaro-header__brand{color:#f2f3f1;align-items:center;gap:clamp(.5rem,1.2vw,.85rem);min-width:0;text-decoration:none;display:flex}.jivaro-header__brand:hover,.jivaro-header__brand:focus-visible{color:#d87341}.jivaro-header__brand:focus-visible,.jivaro-header__links a:focus-visible{outline-offset:3px;outline:2px solid #d87341}.jivaro-header__logo{flex:none;width:clamp(6rem,11vw,11rem);height:auto;max-height:2.75rem;display:block}.jivaro-header__byline{color:#c8cbcb;letter-spacing:.025em;max-width:7rem;font-size:clamp(.68rem,1vw,.78rem);font-weight:700;line-height:1.25}.jivaro-header__links{flex:none;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.jivaro-header__links a{box-sizing:border-box;color:#f2f3f1;background:#202428;border:1px solid #3a4046;border-radius:.7rem;justify-content:center;align-items:center;min-width:4.25rem;min-height:2.5rem;padding:.6rem .9rem;font-size:.8rem;font-weight:800;line-height:1;text-decoration:none;transition:color .16s,background .16s,border-color .16s,transform .16s;display:inline-flex}.jivaro-header__links .jivaro-header__home{color:#0f1113;background:#f2f3f1;border-color:#f2f3f1}.jivaro-header__links a:hover{color:#d87341;background:#2a2f34;border-color:#d87341;transform:translateY(-1px)}.jivaro-header__links a:active{color:#f2f3f1;background:#b85f35;border-color:#b85f35;transform:translateY(0)}@media (width<=480px){.jivaro-header{gap:.55rem;min-height:4rem;padding:.65rem .75rem}.jivaro-header__logo{width:clamp(5.75rem,27vw,7.25rem)}.jivaro-header__byline{max-width:4.75rem;font-size:.64rem;line-height:1.15}.jivaro-header__links{gap:.35rem}.jivaro-header__links a{min-width:2.9rem;min-height:2.25rem;padding:.5rem .58rem;font-size:.72rem}}@media print{.jivaro-header{display:none!important}}:root{--wb-ink:#0f1113;--wb-shell:#171a1d;--wb-surface:#202428;--wb-raised:#2a2f34;--wb-border:#3a4046;--wb-muted:#7a8289;--wb-secondary:#a7adb3;--wb-soft:#c8cbcb;--wb-text:#f2f3f1;--wb-accent:#d87341;--wb-accent-strong:#b85f35;--wb-danger:#c96b61;--wb-radius-sm:8px;--wb-radius:12px;--wb-radius-lg:16px;--wb-control-h:2.5rem;--wb-panel-gap:.875rem;--wb-page-pad:clamp(1rem, 2.4vw, 2rem)}html,body{background:var(--wb-ink)}.wb-app{min-height:100dvh;color:var(--wb-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:linear-gradient(#7a828909 1px, transparent 1px), linear-gradient(90deg, #7a828909 1px, transparent 1px), var(--wb-ink);background-size:32px 32px}.wb-app *,.wb-app :before,.wb-app :after{box-sizing:border-box}.wb-app ::selection{color:var(--wb-ink);background:var(--wb-accent)}.wb-app :where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--wb-accent);outline-offset:2px}.jivaro-header{border-bottom:1px solid var(--wb-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f1113f5;min-height:3.75rem;box-shadow:0 8px 24px #0000002e}.jivaro-header__inner{width:100%;max-width:none;min-height:3.75rem;padding-inline:var(--wb-page-pad)}.jivaro-header__brand{gap:.7rem}.jivaro-header__tagline{color:var(--wb-soft);letter-spacing:.01em}.jivaro-header__actions{gap:.4rem}.jivaro-header__home,.jivaro-header__apps{border-radius:var(--wb-radius-sm);min-height:2.25rem;color:var(--wb-soft);box-shadow:none;background:0 0;border:1px solid #0000;padding:.45rem .8rem}.jivaro-header__home:hover,.jivaro-header__apps:hover{border-color:var(--wb-border);color:var(--wb-text);background:var(--wb-surface);transform:none}.wb-app :where(.page-frame,.app-main,.isvg-page,.tc-page,.csh-page,.tsc-page,.app-only-page){width:min(100%,1600px);padding:var(--wb-page-pad);margin-inline:auto}.wb-mode-pipeline :where(.page-frame,.app-shell,.csh-page),.wb-mode-utility :where(.page-frame,.app-shell,.tc-page,.csh-page,.tsc-page,.app-only-page){width:min(100%,1440px);margin-inline:auto}.wb-mode-utility :where(.page-frame,.app-shell,.tc-page,.csh-page,.tsc-page,.app-only-page){width:min(100%,1280px)}.wb-app :where(.hero,.hero-panel,.app-hero,.isvg-hero,.tc-hero-panel,.page-hero,.tsc-hero){min-height:0;margin:0 0 var(--wb-panel-gap);border:1px solid var(--wb-border);border-radius:var(--wb-radius-lg);background:var(--wb-shell);box-shadow:none;background-image:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem 2rem;padding:1.15rem 1.35rem;display:grid;position:relative;overflow:hidden}.wb-app :where(.hero,.hero-panel,.app-hero,.isvg-hero,.tc-hero-panel,.page-hero,.tsc-hero):before{content:"";background:var(--wb-accent);width:3px;position:absolute;inset:0 auto 0 0}.wb-app :where(.hero,.hero-panel,.app-hero,.isvg-hero,.tc-hero-panel,.page-hero,.tsc-hero):after{display:none}.wb-app :where(.hero-copy,.hero-text,.isvg-hero__copy,.tc-hero-copy){max-width:78ch}.wb-app :where(.hero,.hero-panel,.app-hero,.isvg-hero,.tc-hero-panel,.page-hero,.tsc-hero)>:where(.hero-copy,.hero-text,.isvg-hero__copy,.tc-hero-copy){box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.wb-app :where(.hero,.hero-panel,.app-hero,.isvg-hero,.tc-hero-panel,.page-hero,.tsc-hero) h1{max-width:none;color:var(--wb-text);letter-spacing:-.035em;margin:0;font-size:clamp(1.35rem,2.4vw,2.05rem);line-height:1.12}.wb-app :where(.hero,.hero-panel,.app-hero,.isvg-hero,.tc-hero-panel,.page-hero,.tsc-hero) :where(p,.hero-subtitle,.isvg-hero__lede,.tc-lede){max-width:72ch;color:var(--wb-secondary);margin:.45rem 0 0;font-size:.94rem;line-height:1.55}.wb-app :where(.eyebrow,.overline,.isvg-overline,.tc-kicker,.card-eyebrow){color:var(--wb-accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.38rem;font-size:.7rem;font-weight:750}.wb-app :where(.trust-card,.isvg-trust-card,.tc-hero-meter,.status-card){border:1px solid var(--wb-border);border-radius:var(--wb-radius);min-width:min(100%,15rem);color:var(--wb-soft);background:var(--wb-surface);box-shadow:none;padding:.72rem .85rem}.wb-app :where(.badge-row,.trust-metrics,.metrics-row,.csh-status-metrics,.tc-kpi-grid){gap:.45rem}.wb-app :where(.badge,.status-pill,.tc-badge,.tc-chip,.metric,.trust-status){border:1px solid var(--wb-border);color:var(--wb-soft);background:var(--wb-surface);box-shadow:none;border-radius:999px}.wb-app :where(.card,.app-card,.panel,.tc-card,.isvg-panel,.csh-panel,.tsc-card,.tool-card,.control-panel,.settings-panel,.preview-panel,.upload-panel,.queue-panel,.export-panel,.results-panel,.result-panel,.workspace-panel){border:1px solid var(--wb-border);border-radius:var(--wb-radius);background-color:var(--wb-shell);box-shadow:none}.wb-app :where(.card-head,.card-header,.panel-head,.panel-header,.isvg-panel__header,.workspace-head,.workspace-summary,.tc-card-heading){border-bottom:1px solid var(--wb-border);background:var(--wb-surface);padding:.85rem 1rem}.wb-app :where(.card-body,.panel-body,.isvg-panel__body){padding:1rem}.wb-app :where(.workspace-grid,.workflow-grid,.workbench-grid,.studio-grid,.isvg-workspace,.tc-workspace,.csh-main-grid,.csh-editor-grid,.results-layout,.input-grid,.primary-workspace,.secondary-tools,.tool-grid){gap:var(--wb-panel-gap)}.wb-app :where(button,.btn,[class*=-btn],[class*=-button]){min-height:var(--wb-control-h);border-radius:var(--wb-radius-sm);box-shadow:none;font-weight:700}.wb-app :where(button,.btn,[class*=-btn],[class*=-button]):hover{transform:none}.wb-app :where(.primary-btn,.primary-button,.btn-primary,.button-primary,.action-button,.run-button,.convert-button,.export-button,.tc-btn-primary,.is-primary){border-color:var(--wb-accent);color:var(--wb-ink);background:var(--wb-accent);background-image:none}.wb-app :where(.primary-btn,.primary-button,.btn-primary,.button-primary,.action-button,.run-button,.convert-button,.export-button,.tc-btn-primary,.is-primary):hover{border-color:var(--wb-accent-strong);color:var(--wb-text);background:var(--wb-accent-strong)}.wb-app :where(.danger-btn,.danger-button,.btn-danger){border-color:var(--wb-danger);color:var(--wb-text);background:color-mix(in srgb, var(--wb-danger) 20%, var(--wb-shell))}.wb-app :where(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea){min-height:var(--wb-control-h);border:1px solid var(--wb-border);border-radius:var(--wb-radius-sm);color:var(--wb-text);background:var(--wb-ink);box-shadow:none}.wb-app :where(input,select,textarea)::placeholder{color:var(--wb-muted)}.wb-app :where(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--wb-accent)}.wb-app :where(.tabs,.tab-list,.segmented-control,.tc-segmented,.mobile-tabs,.desktop-view-switcher){border:1px solid var(--wb-border);background:var(--wb-ink);border-radius:10px;gap:.25rem;padding:.25rem}.wb-app :where(.tab-btn,.tab-button,.mobile-tab,.view-button,.tc-segmented button){min-height:2.15rem;color:var(--wb-secondary);background:0 0;border-color:#0000;border-radius:7px}.wb-app :where(.tab-btn,.tab-button,.mobile-tab,.view-button,.tc-segmented button).is-active{color:var(--wb-text);background:var(--wb-raised)}.wb-app :where(.app-alert,.global-notice,.message,.tc-error){border-radius:var(--wb-radius-sm);box-shadow:none}.wb-app :where(.seo-content,.app-info,.isvg-guide,.isvg-help,.limitations-card,.privacy-card,.resources-panel){border-top:1px solid var(--wb-border);color:var(--wb-secondary);box-shadow:none;background:0 0;margin-top:clamp(2rem,5vw,4rem);padding-top:1.5rem}.wb-app :where(.seo-content,.app-info,.isvg-guide,.isvg-help) :where(h2,h3){color:var(--wb-soft)}.wb-app :where(.seo-grid,.info-grid,.isvg-guide__grid,.limitation-grid){gap:1rem}.wb-app hr{border-color:var(--wb-border)}.wb-app ::-webkit-scrollbar{width:10px;height:10px}.wb-app ::-webkit-scrollbar-track{background:var(--wb-ink)}.wb-app ::-webkit-scrollbar-thumb{border:2px solid var(--wb-ink);background:var(--wb-border);border-radius:999px}.wb-app ::-webkit-scrollbar-thumb:hover{background:var(--wb-muted)}@media (width<=900px){.wb-app :where(.hero,.hero-panel,.app-hero,.isvg-hero,.tc-hero-panel,.page-hero,.tsc-hero){grid-template-columns:1fr}.wb-app :where(.trust-card,.isvg-trust-card,.tc-hero-meter,.status-card){width:100%}}@media (width<=640px){:root{--wb-page-pad:.75rem;--wb-panel-gap:.65rem}.jivaro-header__inner{min-height:3.5rem}.jivaro-header__tagline{font-size:.78rem}.jivaro-header__home,.jivaro-header__apps{min-height:2rem;padding-inline:.58rem}.wb-app :where(.hero,.hero-panel,.app-hero,.isvg-hero,.tc-hero-panel,.page-hero,.tsc-hero){border-radius:var(--wb-radius);padding:1rem}.wb-app :where(.card,.app-card,.panel,.tc-card,.isvg-panel,.csh-panel,.tsc-card){border-radius:10px}}.playground-app.wb-app>.app-main{width:100%;max-width:none;min-height:calc(100dvh - 3.75rem)}.wb-app .primary-workspace{grid-template-columns:minmax(0,1.22fr) minmax(22rem,.88fr);align-items:stretch}.wb-app .status-card{align-items:center;min-height:0}.wb-app .secondary-tools{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1080px){.wb-app .primary-workspace{grid-template-columns:1fr}.wb-app .secondary-tools{grid-template-columns:1fr 1fr}}@media (width<=680px){.wb-app .secondary-tools{grid-template-columns:1fr}}