:root{--bg: #eceef1;--card: #ffffff;--ink: #131417;--ink-soft: #2a2d33;--dim: #686c74;--faint: #9aa0a9;--line: #dcdfe4;--line-2: #e6e8ec;--screen: #15171b;--screen-2: #0f1115;--screen-line: #2c2f37;--screen-dim: #868c95;--screen-bright: #eef0f2;--r-card: 12px;--r-screen: 12px;--r-ctrl: 9px;--sans: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}::selection{background:var(--ink);color:var(--card)}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.bg__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--line-2) 1px,transparent 1px),linear-gradient(90deg,var(--line-2) 1px,transparent 1px);background-size:34px 34px;opacity:.6;-webkit-mask-image:radial-gradient(120% 80% at 50% 0%,#000 30%,transparent 85%);mask-image:radial-gradient(120% 80% at 50% 0%,#000 30%,transparent 85%)}.app{position:relative;z-index:1;max-width:700px;margin:0 auto;padding:40px 22px 80px;display:flex;flex-direction:column;gap:16px}.reveal{opacity:0;transform:translateY(12px);animation:rise .6s cubic-bezier(.2,.8,.2,1) forwards}.reveal:nth-child(1){animation-delay:.04s}.reveal:nth-child(2){animation-delay:.12s}.reveal:nth-child(3){animation-delay:.2s}.reveal:nth-child(4){animation-delay:.28s}@keyframes rise{to{opacity:1;transform:translateY(0)}}.top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 2px 14px;border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;gap:4px}.brand__name{font-family:var(--mono);font-weight:600;font-size:1.3rem;letter-spacing:-.01em;line-height:1}.brand__tag{font-family:var(--mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}.meta{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);white-space:nowrap}.meta__sep{color:var(--line)}.console{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:14px;display:flex;flex-direction:column;gap:18px}.scope{position:relative;height:170px;border-radius:var(--r-screen);background:linear-gradient(180deg,var(--screen),var(--screen-2));border:1px solid var(--ink);overflow:hidden}.scope:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px)}.scope__canvas{display:block;width:100%;height:100%;position:relative;z-index:1}.label{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.field__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.field__count{font-family:var(--mono);font-size:.72rem;color:var(--faint);font-variant-numeric:tabular-nums}.field__count--over{color:var(--ink);font-weight:600}.field__input{width:100%;min-height:120px;resize:vertical;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-ctrl);padding:14px 15px;font-family:var(--sans);font-size:1.04rem;line-height:1.55;transition:border-color .18s,background .18s}.field__input::placeholder{color:var(--faint)}.field__input:focus{outline:none;border-color:var(--ink);background:var(--card)}.field__row{display:flex;align-items:center;gap:9px;margin-top:11px;flex-wrap:wrap}.filebtn{cursor:pointer;display:inline-flex;align-items:center;gap:8px;background:var(--card);color:var(--ink);border:1px solid var(--line);padding:8px 13px;border-radius:var(--r-ctrl);font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;font-weight:500;transition:border-color .18s,background .18s}.filebtn:before{content:"+";font-weight:700}.filebtn:hover{border-color:var(--ink)}.samples{display:flex;gap:7px;flex-wrap:wrap;margin-left:auto}.chip{background:transparent;color:var(--dim);border:1px solid var(--line);border-radius:var(--r-ctrl);padding:8px 12px;cursor:pointer;font-family:var(--sans);font-size:.82rem;transition:color .18s,border-color .18s,background .18s}.chip:hover{color:var(--ink);border-color:var(--ink)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.control{display:flex;flex-direction:column;gap:9px;min-width:0}.control--wide{grid-column:1 / -1}.control__label{display:flex;align-items:center;justify-content:space-between;gap:8px}.engines{display:flex;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-ctrl);padding:4px}.engine{flex:1;background:transparent;color:var(--dim);border:none;border-radius:6px;padding:10px 8px 8px;cursor:pointer;font-family:var(--sans);font-weight:600;font-size:.9rem;text-align:center;transition:color .18s,background .2s}.engine__sub{display:block;font-family:var(--mono);font-weight:400;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;margin-top:3px;opacity:.85}.engine.is-active{color:var(--card);background:var(--ink)}.engine:disabled{opacity:.35;cursor:not-allowed}.engine:not(.is-active):not(:disabled):hover{color:var(--ink)}.select{position:relative}.select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-ctrl);padding:11px 36px 11px 13px;font-family:var(--sans);font-size:.92rem;font-weight:500;cursor:pointer;transition:border-color .18s}.select select:focus{outline:none;border-color:var(--ink)}.select:after{content:"";position:absolute;right:15px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--dim);border-bottom:1.5px solid var(--dim);transform:translateY(-65%) rotate(45deg);pointer-events:none}.rate__val{font-family:var(--mono);font-size:.8rem;color:var(--ink);font-variant-numeric:tabular-nums}.rate__hint{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;border-radius:0;background:var(--line);cursor:pointer;outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--ink);border:3px solid var(--card);box-shadow:0 0 0 1px var(--ink);transition:transform .15s}.range::-webkit-slider-thumb:hover{transform:scale(1.15)}.range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ink);border:3px solid var(--card)}.range:disabled{opacity:.4;cursor:not-allowed}.go{position:relative;width:100%;border:1px solid var(--ink);border-radius:var(--r-ctrl);padding:16px;cursor:pointer;overflow:hidden;font-family:var(--mono);font-weight:600;font-size:.86rem;letter-spacing:.14em;text-transform:uppercase;color:var(--card);background:var(--ink);transition:transform .12s,opacity .18s}.go:hover:not(:disabled){transform:translateY(-1px)}.go:active:not(:disabled){transform:translateY(0)}.go:disabled{cursor:not-allowed;background:var(--card);color:var(--faint);border-color:var(--line)}.go.is-busy{cursor:progress}.go.is-busy:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.18) 50%,transparent 65%);transform:translate(-100%);animation:sweep 1.1s linear infinite}@keyframes sweep{to{transform:translate(100%)}}.notice{background:var(--card);border:1px solid var(--ink);border-left-width:3px;border-radius:var(--r-ctrl);padding:12px 14px;margin:0;font-size:.92rem;color:var(--ink);display:flex;gap:8px;align-items:baseline;animation:rise .3s ease forwards}.notice b{font-family:var(--mono);text-transform:uppercase;font-size:.68rem;letter-spacing:.1em;white-space:nowrap}.player{border-top:1px solid var(--line);padding-top:18px;display:flex;flex-direction:column;gap:15px;animation:rise .4s ease forwards}.player__bar{display:flex;align-items:center;gap:14px}.play{flex-shrink:0;width:48px;height:48px;border-radius:50%;border:none;background:var(--ink);color:var(--card);cursor:pointer;display:grid;place-items:center;transition:transform .14s}.play:hover{transform:scale(1.06)}.play svg{width:18px;height:18px;fill:currentColor}.track{flex:1;display:flex;flex-direction:column;gap:8px}.track__rail{position:relative;height:3px;border-radius:2px;background:var(--line);cursor:pointer}.track__fill{position:absolute;inset:0 auto 0 0;border-radius:2px;background:var(--ink)}.track__time{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.7rem;color:var(--faint);font-variant-numeric:tabular-nums}.player__dl{display:flex;align-items:center;gap:9px}.player__dl .label{margin-right:2px}.dl{display:inline-flex;align-items:center;gap:6px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-ctrl);padding:8px 15px;font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;cursor:pointer;transition:border-color .18s}.dl:hover:not(:disabled){border-color:var(--ink)}.dl:disabled{opacity:.5;cursor:progress}.history{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:18px}.history__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.history__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.history__list li{border-top:1px solid var(--line-2)}.history__list li:first-child{border-top:none}.clip{width:100%;text-align:left;background:transparent;border:none;padding:12px 2px;cursor:pointer;display:flex;flex-direction:column;gap:4px;color:var(--ink);transition:padding-left .16s}.clip:hover{padding-left:8px}.clip__text{font-size:.9rem;line-height:1.4}.clip__meta{font-family:var(--mono);font-size:.64rem;letter-spacing:.06em;color:var(--faint);text-transform:uppercase}.linkbtn{background:none;border:none;color:var(--dim);cursor:pointer;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;transition:color .18s}.linkbtn:hover{color:var(--ink)}.foot{text-align:center;color:var(--faint);font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;padding-top:6px}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}@media(max-width:600px){.app{padding:28px 14px 60px}.controls{grid-template-columns:1fr}.scope{height:140px}.samples{margin-left:0;width:100%}.meta{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}