:root{--color-paper:oklch(97% .012 95);--color-paper-2:oklch(94% .016 95);--color-paper-3:oklch(91% .02 95);--color-ink:oklch(20% .012 250);--color-ink-2:oklch(28% .014 250);--color-ink-3:oklch(34% .016 250);--color-ink-muted:oklch(20% .012 250/.62);--color-rule:oklch(85% .016 95);--color-rule-2:oklch(78% .018 95);--color-accent:oklch(86% .18 95);--color-accent-deep:oklch(72% .19 95);--color-accent-ink:var(--color-ink);--color-accent-2:oklch(66% .18 235);--color-accent-2-deep:oklch(52% .17 235);--color-accent-3:oklch(68% .24 18);--color-mint:oklch(80% .16 150);--color-mint-deep:oklch(62% .15 150);--color-error:oklch(58% .2 25);--color-focus:oklch(55% .2 235);--font-display:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-body:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-xs:.72rem;--text-sm:.85rem;--text-base:1rem;--text-md:1.1rem;--text-lg:1.35rem;--text-xl:1.7rem;--text-2xl:2.15rem;--text-display:clamp(1.9rem, 2.4vw + 1.3rem, 2.75rem);--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--radius-card:16px;--radius-input:12px;--radius-pill:999px;--radius-sm:8px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-snap:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--shadow-card:0 10px 24px -14px oklch(20% .012 250/.28);--shadow-card-hover:0 16px 32px -14px oklch(20% .012 250/.32);--shadow-btn-cast:0 6px 12px -3px oklch(76% .2 95/.45);--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:400;--z-toast:500;--sb-width:260px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}html,body,#app{height:100%}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);min-height:100dvh}a{color:inherit}input,textarea,button,select{font-family:inherit}::selection{background:var(--color-accent);color:var(--color-accent-ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}}.studio{max-width:880px;padding:var(--space-2xl) var(--space-lg) var(--space-3xl);gap:var(--space-xl);flex-direction:column;margin:0 auto;display:flex}.studio-header{margin-bottom:var(--space-xs)}.studio-title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;font-weight:700}.studio-subtitle{margin-top:var(--space-2xs);color:var(--color-ink-muted);font-size:var(--text-sm)}.stage{gap:var(--space-md);grid-template-columns:2.75rem 1fr;display:grid;position:relative}.stage-rail{flex-direction:column;align-items:center;display:flex}.stage-num{border-radius:var(--radius-input);background:var(--stage-accent,var(--color-accent));width:2.75rem;height:2.75rem;color:var(--color-accent-ink);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.stage-line{width:2px;min-height:var(--space-lg);margin-top:var(--space-2xs);background:var(--color-rule);flex:1}.stage:last-child .stage-line{display:none}.stage{min-width:0}.stage-content{min-width:0;padding-bottom:var(--space-xs)}.card{background:var(--color-paper);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.card-head{padding:var(--space-md) var(--space-lg);background:var(--color-paper-2);align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.card-title{font-family:var(--font-display);font-size:var(--text-md);color:var(--color-ink);font-weight:600}.card-meta{font-size:var(--text-xs);color:var(--color-ink-muted);white-space:nowrap;text-overflow:ellipsis;max-width:420px;margin-left:auto;overflow:hidden}.card-body{padding:var(--space-lg)}.coming-soon{max-width:520px;margin:var(--space-3xl) auto;padding:var(--space-2xl) var(--space-lg);text-align:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.coming-soon-mark{border-radius:var(--radius-input);background:var(--color-accent);width:3.25rem;height:3.25rem;position:relative}.coming-soon-mark:after{content:"";border-radius:inherit;animation:mark-pulse 4s var(--ease-in-out) infinite;position:absolute;inset:0}.coming-soon h1{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--color-ink);font-weight:700}.coming-soon p{color:var(--color-ink-muted);font-size:var(--text-base);max-width:42ch}.coming-soon-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-2)}@keyframes mark-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.coming-soon-mark:after{animation:none}}.form-row{gap:var(--space-sm);flex-wrap:wrap;align-items:flex-end;display:flex}.fgroup{gap:var(--space-2xs);flex-direction:column;display:flex}.fgroup.grow{flex:1;min-width:min(220px,100%)}.flabel{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-muted);font-weight:500}input[type=text].studio-input,input[type=text].clip-filter-input{background:var(--color-paper);border:1px solid var(--color-rule-2);outline-offset:1px;border-radius:var(--radius-input);min-height:44px;color:var(--color-ink);font-size:var(--text-base);width:100%;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);outline:2px solid #0000;padding:.7rem .9rem}input[type=text].studio-input:hover,input[type=text].clip-filter-input:hover{background:var(--color-paper-2)}input[type=text].studio-input:focus-visible,input[type=text].clip-filter-input:focus-visible{outline-color:var(--color-focus);border-color:var(--color-ink-muted)}input[type=text].studio-input::placeholder,input[type=text].clip-filter-input::placeholder{color:var(--color-ink-muted)}.toggle{background:var(--color-paper-2);border-radius:var(--radius-pill);padding:var(--space-3xs);gap:var(--space-3xs);display:flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle label{cursor:pointer;border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--color-ink-muted);white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);padding:.6rem 1rem;font-weight:600}.toggle label:hover{color:var(--color-ink)}.toggle input:checked+label{background:var(--color-paper);color:var(--color-ink);box-shadow:var(--shadow-card)}.toggle input:focus-visible+label{outline:2px solid var(--color-focus);outline-offset:2px}.btn{--btn-face:var(--color-accent);--btn-ink:var(--color-accent-ink);--btn-edge:var(--color-accent-deep);border-radius:var(--radius-pill);min-height:44px;font-size:var(--text-sm);color:var(--btn-ink);background:var(--btn-face);cursor:pointer;white-space:nowrap;box-shadow:0 4px 0 0 var(--btn-edge), var(--shadow-btn-cast);transition:transform var(--dur-short) var(--ease-snap), box-shadow var(--dur-short) var(--ease-snap), background-color var(--dur-short) var(--ease-out), opacity var(--dur-short) var(--ease-out);border:0;justify-content:center;align-items:center;gap:.5em;padding:.7rem 1.25rem;font-weight:600;display:inline-flex;transform:translateY(0)}.btn:hover:not(:disabled){box-shadow:0 6px 0 0 var(--btn-edge), 0 12px 22px -4px oklch(76% .2 95/.45);transform:translateY(-2px)}.btn:active:not(:disabled){box-shadow:0 1px 0 0 var(--btn-edge);transition-duration:70ms;transform:translateY(3px)}.btn:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 4px 0 0 var(--btn-edge);transform:none}.btn-primary{--btn-face:var(--color-accent);--btn-ink:var(--color-accent-ink);--btn-edge:var(--color-accent-deep)}.btn-ghost{--btn-face:var(--color-paper-2);--btn-ink:var(--color-ink);--btn-edge:var(--color-rule-2);box-shadow:0 2px 0 0 var(--btn-edge)}.btn-ghost:hover:not(:disabled){--btn-face:var(--color-paper-3);box-shadow:0 3px 0 0 var(--btn-edge)}.btn-ghost.btn-active{--btn-face:var(--color-ink);--btn-ink:var(--color-paper);--btn-edge:var(--color-ink-2)}.btn-dl{--btn-face:var(--color-mint);--btn-ink:var(--color-ink);--btn-edge:var(--color-mint-deep)}.btn-sm{min-height:38px;font-size:var(--text-xs);padding:.5rem .9rem}.loading-row{align-items:center;gap:var(--space-sm);margin-top:var(--space-md);color:var(--color-ink-muted);font-size:var(--text-sm);display:flex}.spinner{border:2px solid var(--color-rule);border-top-color:var(--color-accent-2);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.65s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.err-box{border-radius:var(--radius-input);padding:var(--space-sm) var(--space-md);color:oklch(38% .14 25);font-size:var(--text-sm);margin-top:var(--space-sm);background:oklch(94% .03 25);border:1px solid oklch(78% .08 25)}.ranked-list{gap:var(--space-xs);flex-direction:column;display:flex}.rank-item{align-items:center;gap:var(--space-md);background:var(--color-paper-2);border-radius:var(--radius-input);padding:var(--space-sm) var(--space-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-spring), box-shadow var(--dur-short) var(--ease-out);display:flex}@media (hover:hover) and (pointer:fine){.rank-item:hover{background:var(--color-paper-3);box-shadow:var(--shadow-card);transform:translateY(-2px)}}.rank-item.active{background:var(--color-paper-3);box-shadow:0 0 0 2px var(--color-accent-2)}.rank-item:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.rank-score{min-width:40px;height:40px;padding:0 var(--space-2xs);border-radius:var(--radius-input);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.score-hi{background:var(--color-mint);color:var(--color-ink)}.score-mid{background:var(--color-accent);color:var(--color-ink)}.score-lo{background:var(--color-accent-2);color:var(--color-ink)}.rank-info{flex:1;min-width:0}.rank-name{font-size:var(--text-sm);color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.rank-reason{font-size:var(--text-xs);color:var(--color-ink-muted);margin-top:var(--space-3xs);line-height:1.4}.rank-arrow{color:var(--color-ink-muted);font-size:var(--text-md);transition:transform var(--dur-short) var(--ease-out);flex-shrink:0}.rank-item.active .rank-arrow{color:var(--color-accent-2);transform:translate(2px)}.clip-detail{margin-top:var(--space-lg);border-top:1px solid var(--color-rule);padding-top:var(--space-lg)}.detail-context{background:var(--color-paper-2);border-radius:var(--radius-input);padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);color:var(--color-ink-muted);margin-bottom:var(--space-md);line-height:1.6}.detail-context strong{color:var(--color-ink);font-weight:600}.detail-context-line{margin-bottom:var(--space-2xs)}.detail-context-line:last-child{margin-bottom:0}.detail-video{object-fit:contain;border-radius:var(--radius-card);background:var(--color-ink);width:100%;max-height:260px;margin-bottom:var(--space-md);display:block}.opts-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=40rem){.opts-grid{grid-template-columns:minmax(0,1fr)}}.opt-card{background:var(--tint,var(--color-paper-2));border-radius:var(--radius-card);padding:var(--space-md);gap:var(--space-sm);box-shadow:var(--shadow-card);transition:transform var(--dur-short) var(--ease-spring), box-shadow var(--dur-short) var(--ease-out);flex-direction:column;display:flex}@media (hover:hover) and (pointer:fine){.opt-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}}.opt-card.done{box-shadow:0 0 0 2px var(--color-mint), var(--shadow-card)}.opt-card--pear{--tint:color-mix(in oklch, var(--color-accent) 14%, var(--color-paper))}.opt-card--cyan{--tint:color-mix(in oklch, var(--color-accent-2) 10%, var(--color-paper))}.opt-card--mint{--tint:color-mix(in oklch, var(--color-mint) 14%, var(--color-paper))}@media (hover:hover) and (pointer:fine){.opt-card--pear:hover{--tint:color-mix(in oklch, var(--color-accent) 24%, var(--color-paper))}.opt-card--cyan:hover{--tint:color-mix(in oklch, var(--color-accent-2) 18%, var(--color-paper))}.opt-card--mint:hover{--tint:color-mix(in oklch, var(--color-mint) 24%, var(--color-paper))}}.edit-gap{margin-top:var(--space-xs)}.opt-status{color:var(--color-ink-muted);font-size:var(--text-sm)}.opt-status--error{color:var(--color-error)}.opt-action-end{margin-left:auto}.opt-num{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-muted);font-weight:700}.cap-single{font-size:var(--text-md);color:var(--color-ink);line-height:1.5}.cap-dual{gap:var(--space-2xs);flex-direction:column;display:flex}.cap-setup{font-size:var(--text-base);color:var(--color-ink-muted);line-height:1.4}.cap-arrow{font-size:var(--text-xs);color:var(--color-ink-muted);align-items:center;gap:var(--space-2xs);display:flex}.cap-reveal{font-size:var(--text-md);color:var(--color-ink);font-weight:700;line-height:1.4}.cap-time{background:var(--color-paper);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-muted);font-variant-numeric:tabular-nums;padding:.1rem .4rem;display:inline-block}.opt-video{border-radius:var(--radius-input);background:var(--color-ink);width:100%}.opt-actions{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.empty{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--color-ink-muted);font-size:var(--text-base)}.manual-panel{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-paper-2);border-radius:var(--radius-input)}.cap-edit{gap:var(--space-3xs);flex-direction:column;display:flex}.cap-input{background:var(--color-paper);border:1px solid var(--color-rule-2);outline-offset:1px;border-radius:var(--radius-input);color:var(--color-ink);font-size:var(--text-sm);resize:vertical;width:100%;transition:background-color var(--dur-short) var(--ease-out);outline:2px solid #0000;padding:.6rem .75rem;font-family:inherit}.cap-input:hover{background:var(--color-paper-2)}.cap-input:focus-visible{outline-color:var(--color-focus)}input[type=number].cap-input{resize:none;width:90px;min-height:40px}.clip-filter-input{max-width:260px;min-height:38px;font-size:var(--text-sm);flex:1;padding:.45rem .75rem}.browse-sep{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-rule)}.browse-head{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.browse-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-muted);white-space:nowrap;font-weight:600}.sidebar[data-v-9dea3818]{width:var(--sb-width);background:var(--color-ink);height:100dvh;padding:var(--space-lg) var(--space-md);z-index:var(--z-sticky);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.brand[data-v-9dea3818]{padding:var(--space-2xs) var(--space-xs) var(--space-lg)}.wordmark[data-v-9dea3818]{align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.02em;color:var(--color-paper);font-weight:700;display:flex}.wordmark-mark[data-v-9dea3818]{background:var(--color-accent);width:10px;height:10px;animation:mark-pulse-9dea3818 4s var(--ease-in-out) infinite;border-radius:50%;flex-shrink:0}@keyframes mark-pulse-9dea3818{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.wordmark-mark[data-v-9dea3818]{animation:none}}.tagline[data-v-9dea3818]{margin-top:var(--space-3xs);font-size:var(--text-xs);color:oklch(97% .012 95/.5)}.cta[data-v-9dea3818]{isolation:isolate;justify-content:center;align-items:center;gap:var(--space-xs);width:100%;min-height:44px;margin-bottom:var(--space-lg);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-ink);font-size:var(--text-sm);cursor:pointer;box-shadow:0 4px 0 0 var(--color-accent-deep), var(--shadow-btn-cast);transition:transform var(--dur-short) var(--ease-snap), box-shadow var(--dur-short) var(--ease-snap);border:0;padding:.7rem .9rem;font-weight:600;display:flex;position:relative;overflow:visible;transform:translateY(0)}.cta[data-v-9dea3818]:hover{box-shadow:0 6px 0 0 var(--color-accent-deep), 0 12px 22px -4px oklch(76% .2 95/.45);transform:translateY(-2px)}.cta[data-v-9dea3818]:active{box-shadow:0 1px 0 0 var(--color-accent-deep);transition-duration:70ms;transform:translateY(3px)}.cta[data-v-9dea3818]:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.star-burst[data-v-9dea3818]{background:linear-gradient(90deg, transparent 47%, var(--color-accent-3) 47% 53%, transparent 53%), linear-gradient(0deg, transparent 47%, var(--color-accent-3) 47% 53%, transparent 53%);pointer-events:none;width:22px;height:22px;margin:-11px 0 0 -11px;animation:.42s ease-out forwards star-burst-9dea3818;position:absolute;top:50%;left:50%}@keyframes star-burst-9dea3818{0%{opacity:1;transform:scale(0)rotate(0)}60%{opacity:.9;transform:scale(1.3)rotate(35deg)}to{opacity:0;transform:scale(1.6)rotate(45deg)}}@media (prefers-reduced-motion:reduce){.star-burst[data-v-9dea3818]{display:none}}.nav[data-v-9dea3818]{gap:var(--space-3xs);flex-direction:column;flex:1;display:flex}.footer[data-v-9dea3818]{gap:var(--space-3xs);padding-top:var(--space-sm);border-top:1px solid oklch(97% .012 95/.1);flex-direction:column;display:flex}.nav-item[data-v-9dea3818]{align-items:center;gap:var(--space-sm);min-height:44px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-input);font-size:var(--text-sm);color:oklch(97% .012 95/.62);transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);font-weight:500;text-decoration:none;display:flex}.nav-item svg[data-v-9dea3818]{flex-shrink:0}.nav-item[data-v-9dea3818]:hover{color:var(--color-paper);background:var(--color-ink-2)}.nav-item[data-v-9dea3818]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.nav-item.router-link-active[data-v-9dea3818]{background:var(--color-accent);color:var(--color-accent-ink)}@media (width<=40rem){.sidebar[data-v-9dea3818]{align-items:center;gap:var(--space-3xs);width:100%;height:auto;padding:var(--space-xs) var(--space-sm);padding-bottom:max(var(--space-xs), env(safe-area-inset-bottom));flex-direction:row;top:auto;bottom:0}.brand[data-v-9dea3818]{display:none}.nav[data-v-9dea3818],.footer[data-v-9dea3818]{gap:var(--space-3xs);border-top:none;flex-direction:row;flex:1;justify-content:space-around;padding-top:0}.nav-item[data-v-9dea3818]{gap:var(--space-3xs);padding:var(--space-2xs);flex-direction:column;min-width:44px}.nav-label[data-v-9dea3818]{display:none}.cta[data-v-9dea3818]{right:var(--space-md);bottom:calc(64px + var(--space-md));z-index:var(--z-sticky);border-radius:50%;width:52px;height:52px;min-height:52px;margin-bottom:0;padding:0;position:fixed}.cta-label[data-v-9dea3818]{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.shell[data-v-97d3c694]{min-height:100dvh}.content[data-v-97d3c694]{margin-left:var(--sb-width);min-height:100dvh}@media (width<=40rem){.content[data-v-97d3c694]{margin-left:0;padding-bottom:76px}}