:root{font-family:Space Grotesk,Arial,sans-serif;color:#171717;background:#f5f5f2;font-synthesis:none;--ink:#171717;--muted:#737373;--line:#d1d1cc;--lime:#181818}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#19191903 1px,transparent 1px),linear-gradient(90deg,#19191903 1px,transparent 1px),#f5f5f2;background-size:64px 64px}button,input{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit}button:disabled{opacity:.4;cursor:default}button,a,input,canvas{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--lime)}[hidden]{display:none!important}.app{max-width:1220px;margin:auto;padding:0 34px 28px}header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d8d2}.brand{display:flex;gap:10px;align-items:center;color:#171717;text-decoration:none;font-size:17px;font-weight:500;letter-spacing:-.75px}.brand>span>span{color:var(--lime);margin-left:3px}.brand img{filter:grayscale(1)}.header-right{display:flex;gap:24px;align-items:center}.text-button{font:11px DM Mono,monospace;color:#666;padding:12px 0;min-height:40px}.text-button span{margin-left:7px;color:var(--lime)}.icon-button{font-size:23px;color:#737373;min-width:38px;min-height:44px;border:1px solid #d5d5cf;border-radius:3px}.icon-button[aria-pressed=true]{color:var(--lime);border-color:#404040}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px 0 28px}h1{font-size:76px;line-height:1;letter-spacing:-3.8px;font-weight:500;margin:0;position:relative}h1 em{font-style:normal;color:#73736d;font-weight:400}.hero-asterisk{font-size:35px;vertical-align:middle;margin-left:16px;color:#8b8b85}.hero-index{font:9px/1.8 DM Mono,monospace;letter-spacing:1px;color:#8b8b85;text-align:right}.mobile-break{display:none}.input-section{margin-bottom:19px}#hero-form{display:flex;align-items:center;gap:13px;padding:6px;background:#fff;border:1px solid #c4c4bc;border-radius:3px;box-shadow:0 0 0 1px #18181806,0 6px 30px #0002}.url-mark{font-size:26px;color:#8a8a82;margin:0 5px 0 12px}input{width:100%;min-width:0;background:none;border:0;color:#191919;padding:12px 0;font-size:16px;outline:none!important}input::placeholder{color:#85857f}.primary{display:inline-flex;align-items:center;justify-content:center;gap:37px;background:var(--lime);color:#fff;border:1px solid #181818;border-radius:4px;padding:13px 21px;min-height:49px;white-space:nowrap;font-size:12px;font-weight:600}.primary span{font-size:23px;font-weight:400}.primary:hover:not(:disabled){background:#353535;box-shadow:0 0 22px #18181820}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#777771;font-size:10px}.form-bottom:has(#import-status:not(:empty)){margin-top:9px;min-height:19px}.error{color:#efa785!important}.playground{border:1px solid #c8c8c1;border-radius:4px;overflow:hidden;box-shadow:0 16px 48px #00000008;background:#f0f0eb;position:relative}.browser-bar{height:44px;display:flex;align-items:center;gap:13px;padding:0 17px;color:#71716b;background:#fff;border-bottom:1px solid #c8c8c1}.browser-dots{display:flex;gap:5px}.browser-dots i{width:5px;height:5px;background:#c0c0b7;border-radius:50%}.browser-dots i:first-child{background:#51514b}#site-title{font:10px DM Mono,monospace;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-pill{margin-left:auto;display:flex;align-items:center;gap:5px;color:#666660;font:8px DM Mono,monospace;letter-spacing:.5px;white-space:nowrap}.live-pill i{width:4px;height:4px;background:var(--lime);border-radius:50%;box-shadow:0 0 7px #18181870}.compare-tabs{display:flex;gap:2px;margin-left:9px;border:1px solid #d5d5ce;padding:2px;border-radius:4px}.compare-tabs button{font-size:10px;padding:8px 10px;border-radius:2px;color:#73736d}.compare-tabs .active{background:#e5e5df;color:#111}.stage{position:relative;aspect-ratio:1040/600;overflow:hidden;background:#f0f0eb}canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:crosshair}.playground-bottom{border-top:1px solid #d1d1ca;background:#fff;padding:0 17px 3px;position:relative}.progress-track{position:absolute;top:-2px;left:0;right:0;height:2px;background:#d1d1ca;overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:var(--lime);box-shadow:0 0 9px var(--lime);transition:width .15s linear}.controls{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:65px}.silk-note,.control-hint{font:7px DM Mono,monospace;letter-spacing:.7px;color:#8b8b84;min-width:110px}.signal-mark{color:var(--lime);font-size:21px;vertical-align:middle;margin-right:7px}.control-hint{text-align:right;color:#92928b}.controls>div{display:flex;align-items:center;gap:9px}.quiet{font-size:12px;color:#494944;padding:10px 17px;min-height:43px;white-space:nowrap}.quiet:hover{background:#e9e9e3;border-radius:4px}.share-button{display:flex;align-items:center;justify-content:center;gap:27px;font-size:12px;background:#181818;color:#fff;border-radius:4px;padding:11px 22px;min-height:40px}.share-button span{font-size:18px}.share-button:hover{background:#353535}footer{display:flex;justify-content:space-between;gap:18px;padding:18px 1px 25px;font:6px DM Mono,monospace;letter-spacing:.9px;color:#49583b}footer a{color:#637b4b;text-decoration:none}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#f7f7f4f7;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;text-align:center}.loading-overlay img{filter:grayscale(1);margin-bottom:20px;animation:stir 2s ease-in-out infinite}.loading-overlay strong{font-size:28px;letter-spacing:-1px;font-weight:400;color:#242424}.loading-overlay p{font:11px DM Mono,monospace;color:#777771;margin-top:15px}.loading-track{width:175px;height:2px;background:#d5d5cd;margin-top:13px;overflow:hidden}.loading-track i{display:block;width:40%;height:100%;background:var(--lime);animation:loading 1.5s ease-in-out infinite}.reaction{position:absolute;pointer-events:none;opacity:0;font-size:31px;font-weight:600;color:#181818;text-shadow:0 1px 3px #fff;transform:translate(-50%,-120%);transition:opacity .2s}.reaction.visible{opacity:1}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:.2s;background:#181818;color:#fff;border:1px solid #404040;padding:12px 19px;font-size:12px;border-radius:3px;z-index:10;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%)}dialog{width:410px;max-width:calc(100vw - 28px);border:1px solid #bebeb5;border-radius:4px;padding:28px;background:#f5f5f2;color:#191919;box-shadow:0 30px 110px #0009}dialog::backdrop{background:#1b1b1b50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.eyebrow{font:8px DM Mono,monospace;letter-spacing:1.3px;color:#83837b}.close-button{font-size:27px;color:#565650;min-width:36px;min-height:36px}.dialog-spider{filter:grayscale(1);margin-top:12px}dialog h2{font-size:47px;font-weight:400;letter-spacing:-2px;line-height:1;margin:19px 0 25px}dialog h2 em{font-style:normal;color:var(--lime)}dialog .primary{width:100%;margin-top:7px}.download-button{width:100%;border:1px solid #c7c7bf;background:#eeeeea;color:#292929;padding:14px;border-radius:4px;font-size:12px;margin-top:9px;min-height:45px}#share-result{word-break:break-word;font-size:11px;line-height:1.6;color:#55554f}#share-result a{color:var(--lime)}.fine-print{font-size:8px;line-height:1.5;color:#85857f;margin-top:17px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes stir{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-4px)}}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media(min-width:1600px){.app{max-width:1260px}.intro{padding:37px 0 32px}h1{font-size:76px}}@media(max-width:850px){.app{padding:0 23px}h1{font-size:56px;letter-spacing:-3px}.hero-asterisk{font-size:27px;margin-left:10px}.hero-index{font-size:6px}.silk-note,.control-hint{min-width:80px;font-size:6px}.controls>div{gap:3px}.quiet{padding:10px 13px}.share-button{padding:10px 18px}}@media(max-width:620px){.app{padding:0 14px}header{height:65px}.brand{font-size:14px;gap:6px}.brand img{width:28px;height:28px}.header-right{gap:15px}.text-button{font-size:8px}.icon-button{font-size:20px;min-height:36px;min-width:33px}.intro{padding:25px 0 22px;align-items:flex-end}h1{font-size:49px;letter-spacing:-2.8px;line-height:1.04}.mobile-break{display:block}.hero-asterisk{font-size:26px;margin-left:12px}.hero-index{display:none}.input-section{margin-bottom:16px}#hero-form{gap:7px;padding:5px;border-radius:3px}.url-mark{font-size:22px;margin-left:7px;margin-right:1px}input{font-size:16px;padding:9px 0}.primary{font-size:10px;gap:17px;padding:10px 13px;min-height:44px}.primary span{font-size:18px}.form-bottom{font-size:8px;line-height:1.5}.browser-bar{height:40px;padding:0 10px;gap:8px}.browser-dots{display:none}#site-title{font-size:8px;max-width:115px}.live-pill{font-size:6px;letter-spacing:0;gap:3px}.live-pill i{width:3px;height:3px}.compare-tabs{gap:1px;margin-left:3px;padding:1px}.compare-tabs button{font-size:8px;padding:7px 5px}.stage{aspect-ratio:1040/600;height:auto}.playground-bottom{padding:0 10px}.controls{min-height:62px;justify-content:center}.silk-note,.control-hint{display:none}.controls>div{width:100%;justify-content:space-between;gap:3px}.quiet{font-size:10px;min-height:44px;padding:10px 15px}.share-button{font-size:10px;min-height:40px;padding:10px 19px;gap:22px}footer{font-size:5px;padding:15px 1px 22px;letter-spacing:.55px}.loading-overlay strong{font-size:25px}.loading-overlay p{font-size:9px}dialog{padding:25px}dialog h2{font-size:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}#library-dialog{width:min(960px,calc(100vw - 32px));max-width:960px;max-height:85vh;padding:32px;overflow-y:auto}.header-right a{text-decoration:none;color:inherit}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.library-heading h2{font-size:40px;line-height:1.15;margin:20px 0 12px}#library-status{color:#777;font-size:12px;margin:0 0 24px}#library-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.attempt-card{border:1px solid #dedede;background:#fafafa;min-width:0;overflow:hidden;border-radius:12px}.attempt-preview{aspect-ratio:1.7;background:#eaeaea;display:grid;place-items:center;overflow:hidden}.attempt-preview img{width:100%;height:100%;object-fit:contain}.attempt-placeholder{font-size:44px;color:#aaa}.attempt-detail{padding:18px;position:relative}.attempt-detail h3{font-size:18px;line-height:1.3;margin:6px 0 12px;overflow-wrap:anywhere}.attempt-meta,.attempt-by,.attempt-time{font-family:DM Mono,monospace;font-size:10px;color:#777;overflow-wrap:anywhere}.attempt-meta,.attempt-by{margin:0 0 8px}.attempt-status{display:inline-block;font:10px DM Mono,monospace;margin-bottom:10px;color:#666}.attempt-status.ready{color:#2e6442}.attempt-status.failed,.attempt-status.interrupted{color:#914c3a}.attempt-error{font-size:12px;line-height:1.5;color:#777;margin:0 0 12px}.attempt-time{display:block;padding-right:96px}.attempt-action{position:absolute;bottom:16px;right:16px;font:12px Space Grotesk,sans-serif;text-decoration:none;color:#111;background:none;border:0;cursor:pointer;padding:6px}#library-more{margin-top:24px;width:100%}@media(max-width:600px){#library-dialog{padding:20px}#library-grid{grid-template-columns:1fr}.library-heading h2{font-size:32px}.header-right{gap:14px}.header-right .text-button{font-size:11px}}