@font-face{font-family:Manrope;src:url(/hooks/assets/Manrope-Variable-DHIcAJRg.woff2)format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:Montserrat;src:url(/hooks/assets/Montserrat-Variable-D_01LvFp.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--ground:#252422;--panel:#403d39;--hairline:#fffcf212;--cream:#fffcf2;--dim:#fffcf26b;--orange:#eb5e28;--orange-400:#f2825a;--sunk:#1b1a1899;--track:#1b1a18b3;--stone-700:#45413c;--stone-400:#bab3aa;--stone-500:#948d84;--good:#22c55e;--bad:#ef4444;--bad-400:#f87171;--ui:Manrope, system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{background:var(--ground);color:var(--cream);font-family:var(--ui);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{letter-spacing:inherit;font-family:inherit}.bar{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#252422eb;border-bottom:1px solid #fffcf214;align-items:center;gap:20px;padding:14px 28px;display:flex;position:sticky;top:0}.bar-brand{min-width:150px;color:var(--cream);align-items:center;gap:10px;text-decoration:none;display:flex}.bar-mark{background:var(--orange);border-radius:50% 50% 50% 4px;flex-shrink:0;width:20px;height:20px;transform:rotate(45deg)}.bar-name{letter-spacing:-.02em;font-size:17px;font-weight:800}.bar-tool{border-left:1px solid var(--hairline);color:var(--dim);white-space:nowrap;margin-left:-8px;padding-left:12px;font-size:13px;font-weight:700}.steps{background:var(--panel);border-radius:999px;align-items:center;gap:4px;padding:5px;display:flex}.step{color:#fffcf273;font:700 12.5px/1 var(--ui);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:9px 16px;transition:background .15s,color .15s}.step em{opacity:.55;font-style:normal}.step.is-on{color:var(--cream);background:#fffcf21a}.step:disabled{color:#fffcf238;cursor:not-allowed}.bar-right{align-items:center;gap:14px;margin-left:auto;display:flex}.bar-note{color:var(--dim);font-size:11.5px}.btn{font:700 14px/1.35 var(--ui);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;padding:10px 20px;transition:background .15s,color .15s,border-color .15s}.btn-go{background:var(--orange);color:#252422}.btn-go:hover{background:var(--orange-400)}.btn-quiet{color:var(--stone-400);background:0 0;border:1.5px solid #eb5e2866}.btn-quiet:hover{color:var(--orange);background:#eb5e2814;border-color:#eb5e28b3}.btn-sm{padding:6px 14px;font-size:12px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-go:disabled:hover{background:var(--orange)}.btn-quiet:disabled:hover{color:var(--stone-400);background:0 0;border-color:#eb5e2866}.linky{color:var(--orange);font:700 12.5px/1 var(--ui);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.linky:hover{color:var(--orange-400)}.muted{color:var(--dim)}.small{font-size:11.5px}.studio{grid-template-columns:260px minmax(0,1fr) 400px;align-items:start;gap:16px;padding:16px;display:grid}.panel{background:var(--panel);border:1px solid var(--hairline);border-radius:16px;padding:12px}.panel+.panel{margin-top:14px}.panel-wide{padding:14px 16px}.panel-title{font:800 11px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:#fffcf280;margin:0 0 10px}.panel-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.panel-head .panel-title{margin:0}.panel-count{color:var(--dim);margin-left:auto;font-size:11px}.panel-sub{color:var(--dim);margin:-4px 0 10px;font-size:11.5px;line-height:1.5}.drop{width:100%;color:var(--orange);text-align:center;cursor:pointer;font:700 12.5px/1.5 var(--ui);background:0 0;border:1px dashed #fffcf22e;border-radius:9px;padding:26px 12px;transition:border-color .15s,background .15s}.drop:hover,.drop.is-over{background:#eb5e280f;border-color:#eb5e288c}.drop strong{margin-bottom:4px;display:block}.drop span{color:var(--dim);font-size:11px;font-weight:400;display:block}.drop.is-blocked{opacity:.4;cursor:not-allowed}.drop.is-blocked:hover{background:0 0;border-color:#fffcf22e}.clip-card{width:100%;display:block}.clip-thumb{object-fit:cover;object-position:top;background:var(--ground);border:1px solid var(--hairline);border-radius:9px;width:100%;height:170px;display:block}.clip-meta{color:var(--dim);margin:8px 0 9px;font-size:11px;line-height:1.5}.clip-meta b{color:var(--cream);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;display:block;overflow:hidden}.facts{margin:0;padding:0;list-style:none}.facts li{color:var(--dim);margin-bottom:7px;padding-left:16px;font-size:11px;line-height:1.5;position:relative}.facts li:last-child{margin-bottom:0}.facts li:before{content:"";background:var(--orange);border-radius:50%;width:5px;height:5px;position:absolute;top:6px;left:0}.hooks{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.hook-row{border:1px solid var(--hairline);-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:10px;padding:7px 10px;display:flex}.hook-row.is-on{box-shadow:inset 3px 0 0 var(--orange);background:#eb5e281a;border-color:#eb5e2859}.hook-n{color:var(--dim);font:700 11px/1 var(--ui);flex-shrink:0;min-width:2ch}.hook-row.is-on .hook-n{color:var(--orange)}.hook-row input{min-width:0;color:var(--cream);font:600 13px/1.35 var(--ui);background:0 0;border:0;flex:auto;padding:2px 0}.hook-row input:focus{outline:none}.hook-row input::placeholder{color:#fffcf24d}.hook-x{color:#fffcf24d;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0;font-size:14px;line-height:1}.hook-x:hover{color:var(--bad)}.paste-row{align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.paste{background:var(--sunk);width:100%;min-width:0;color:var(--cream);font:500 13px/1.6 var(--ui);resize:vertical;border:1px solid #fffcf214;border-radius:10px;outline:none;padding:8px 12px;transition:border-color .15s,background .15s;display:block}.paste:focus{background:#1b1a18;border-color:#eb5e2899}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.control{align-items:center;gap:12px;min-height:28px;margin-bottom:10px;display:flex}.control>span{width:80px;color:var(--stone-400);flex-shrink:0;font-size:12px}.control>.seg,.control>.size{flex:auto;min-width:0}.control:last-child{margin-bottom:0}.seg{background:var(--track);border-radius:14px;gap:4px;padding:4px;display:flex}.seg button{color:var(--stone-500);font:500 12px/1.5 var(--ui);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1 1 0;padding:4px 8px;transition:background .15s,color .15s}.seg button:hover{color:#efeae1}.seg button.is-on{background:var(--stone-700);color:var(--cream)}.seg button:disabled{cursor:not-allowed}.size{align-items:center;gap:10px;display:flex}.size input[type=range]{accent-color:#d14e1d;flex:auto;min-width:0;height:4px}.size b{text-align:right;width:28px;font:400 12px/1 var(--ui);font-variant-numeric:tabular-nums;color:var(--stone-500);flex-shrink:0}.stage{position:sticky;top:76px}.stage-frame{background:var(--ground);border-radius:12px;margin:0 auto;position:relative;overflow:hidden}.stage-frame canvas{width:100%;height:auto;display:block}.stage-tag{pointer-events:none;border:1px solid var(--hairline);font:700 9.5px/1 var(--ui);letter-spacing:.07em;text-transform:uppercase;color:#fffcf2b8;background:#1412119e;border-radius:999px;padding:4px 10px;position:absolute;top:10px;left:10px}.stage-empty{text-align:center;aspect-ratio:9/16;background:var(--ground);color:#fffcf259;border-radius:12px;place-items:center;padding:24px;font-size:12.5px;line-height:1.6;display:grid}.stage-nav{align-items:center;gap:10px;margin-top:10px;display:flex}.stage-count{text-align:center;min-width:0;font:700 11.5px/1 var(--ui);color:var(--dim);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.arrow{border:1px solid var(--hairline);background:var(--panel);width:26px;height:26px;color:var(--cream);cursor:pointer;border-radius:999px;flex-shrink:0;place-items:center;padding:0;font-size:15px;line-height:1;display:grid}.arrow:disabled{opacity:.35;cursor:not-allowed}.stage-hint{text-align:center;color:var(--dim);margin:8px 0 0;font-size:11px}.stage-handle{cursor:grab;touch-action:none;opacity:0;background:#eb5e281a;border:1px dashed #fffcf280;transition:opacity .15s;position:absolute;left:0;right:0}.stage-frame:hover .stage-handle,.stage-handle:focus-visible,.stage-handle.is-dragging{opacity:1}.stage-handle.is-dragging{cursor:grabbing;background:#eb5e2833}.stage-handle:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}.gobar{background:var(--panel);border:1px solid var(--hairline);border-radius:16px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:14px;margin-top:14px;padding:12px 16px;display:flex}.gobar-count{font:800 22px/1 var(--ui);letter-spacing:-.02em;align-items:baseline;gap:7px;display:flex}.gobar-count.is-none{color:#fffcf24d}.gobar-count span{font:700 13px/1 var(--ui);letter-spacing:-.01em;color:var(--cream)}.gobar-sub{color:var(--dim);margin-top:1px;font-size:11px}.gobar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.queue{margin:0;padding:0;list-style:none}.queue-row{border-bottom:1px solid var(--hairline);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:7px 0;display:grid}.queue-row:last-child{border-bottom:0}.queue-n{color:var(--dim);font:700 11px/1 var(--ui)}.queue-text{text-overflow:ellipsis;white-space:nowrap;font:600 13px/1.35 var(--ui);overflow:hidden}.queue-state{color:var(--dim);text-align:right;font-size:10px;font-weight:700}.queue-row.is-done .queue-state{color:var(--good)}.queue-row.is-failed .queue-state{color:var(--bad)}.bar-track{background:#fffcf214;border-radius:2px;grid-column:1/-1;height:3px}.bar-track i{background:var(--orange);border-radius:2px;height:100%;transition:width .2s;display:block}.queue-row.is-done .bar-track i{background:var(--good)}.sheet{max-width:1180px;margin:0 auto;padding:20px 16px 60px}.sheet h1{font:800 26px/1.2 var(--ui);letter-spacing:-.02em;margin:0 0 8px}.sheet h2{font:800 19px/1.3 var(--ui);letter-spacing:-.02em;margin:0 0 10px}.sheet p{max-width:68ch;color:var(--dim);margin:0 0 14px;font-size:13px;line-height:1.6}.tiles{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin-top:20px;display:grid}.tile{background:var(--panel);border:1px solid var(--hairline);border-radius:18px;min-width:0;overflow:hidden}.tile video{background:var(--ground);width:100%;display:block}.tile-body{padding:14px 16px}.tile-text{min-height:38px;font:600 13.5px/1.4 var(--ui);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.tile-meta{color:var(--dim);margin-top:6px;font-size:11.5px}.tile-row{align-items:center;gap:8px;margin-top:12px;display:flex}.tile-dl{background:var(--orange);color:#252422;font:700 12.5px/1 var(--ui);cursor:pointer;border:0;border-radius:999px;padding:7px 16px;text-decoration:none}.tile-dl:hover{background:var(--orange-400)}.cta{margin-top:30px;padding:20px 22px}.cta .btn{margin-top:6px;text-decoration:none;display:inline-block}.note{background:var(--sunk);border:1px solid var(--hairline);border-left:3px solid var(--hairline);color:var(--dim);border-radius:10px;margin:0 0 14px;padding:10px 14px;font-size:11.5px;line-height:1.5}.note-warn{border-left-color:var(--orange-400);color:var(--orange-400)}.note-stop{border-left-color:var(--bad);color:var(--cream)}.note-ram.note-ram{border-left-color:var(--bad);color:var(--bad-400);background:#ef444412;margin:16px 0;padding:14px 16px;font-size:13.5px;line-height:1.6}.note-ram strong{color:var(--bad-400);margin-bottom:4px;display:block}.sheet p.note-ram{max-width:none}.veil{z-index:100;background:#121110d1;place-items:center;padding:24px;animation:.18s both veil-in;display:grid;position:fixed;inset:0}.intro{background:var(--panel);border:1px solid var(--hairline);border-radius:18px;width:100%;max-width:540px;max-height:calc(100vh - 48px);padding:26px 28px 24px;animation:.2s both intro-in;position:relative;overflow-y:auto;box-shadow:0 24px 60px #00000073}.intro:focus{outline:none}.intro-brand{align-items:center;gap:10px;margin-bottom:16px;display:flex}.intro h2{max-width:30ch;font:800 22px/1.25 var(--ui);letter-spacing:-.02em;text-wrap:balance;margin:0 0 12px}.intro p{color:var(--dim);margin:0 0 12px;font-size:13px;line-height:1.6}.intro-lede{color:var(--cream)!important;font:700 14px/1.45 var(--ui)!important;margin:16px 0 10px!important}.intro-facts+.intro-lede{margin-top:22px!important}.intro-facts li{color:#fffcf29e;font-size:12.5px}.intro-go{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.intro-go .btn{text-decoration:none}.intro-x{color:#fffcf266;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:28px;height:28px;padding:0;font-size:20px;line-height:1;transition:background .15s,color .15s;display:grid;position:absolute;top:14px;right:16px}.intro-x:hover{color:var(--cream);background:#fffcf214}.intro-x:focus-visible{outline:2px solid var(--orange);outline-offset:2px}@keyframes veil-in{0%{opacity:0}to{opacity:1}}@keyframes intro-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.veil,.intro{animation:none}}@media (width<=1180px){.studio{grid-template-columns:220px minmax(0,1fr)}.studio>.stage{grid-column:1/-1}.stage{position:static}}@media (width<=780px){.studio{grid-template-columns:minmax(0,1fr);padding:14px}.bar{flex-wrap:wrap;row-gap:10px;padding:12px 16px}.bar-brand{min-width:0}.bar-tool{display:none}.bar-right{flex-basis:100%;order:3;margin-left:0}.step{padding:7px 10px;font-size:11.5px}.veil{padding:14px}.intro{max-height:calc(100vh - 28px);padding:22px 20px 20px}.intro h2{font-size:19px}.intro-go .btn{text-align:center;flex:auto}}