@font-face{font-family:Syne;font-weight:400;font-display:swap;src:url(/assets/syne-400-CcHADMBd.woff2) format("woff2")}@font-face{font-family:Syne;font-weight:500;font-display:swap;src:url(/assets/syne-500-emxikWQ7.woff2) format("woff2")}@font-face{font-family:Syne;font-weight:600;font-display:swap;src:url(/assets/syne-600-BiwQbQXw.woff2) format("woff2")}@font-face{font-family:Syne;font-weight:700;font-display:swap;src:url(/assets/syne-700-AF3Rs61n.woff2) format("woff2")}@font-face{font-family:Syne;font-weight:800;font-display:swap;src:url(/assets/syne-800-EehdNYzx.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-wght-Dx4kXJAl.woff2) format("woff2")}:root{color-scheme:dark;--bg-base: #0a0a0a;--bg-panel: #141414;--bg-control: #1e1e1e;--fg: #ededed;--fg-2: #9a9a9a;--fg-3: #5e5e5e;--accent: #a974ff;--accent-fg: #ffffff;--trim: var(--accent);--accent-2: #45f2f2;--accent-2-fg: #062020;--grad: linear-gradient(135deg, #c6acff 0%, #a974ff 50%, #8a4dff 100%);--border: #262626;--danger: #ff5d5d;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--r-control: 6px;--r-panel: 12px;--timeline-bg: #0e0e0e;--kf-tick: #4a4a4a;--fs-wordmark: 2rem;--fs-body: .95rem;--fs-label: .75rem;--fs-num: .85rem;--font-display: "Syne", -apple-system, "Segoe UI", system-ui, sans-serif;--font-body: "Syne", -apple-system, "Segoe UI", system-ui, sans-serif;--font-mono: "Syne", -apple-system, "Segoe UI", system-ui, sans-serif}:root{--bg-deep: #070708;--bg-hover: #242428;--border-strong: #33333a;--track-video: #a974ff;--track-audio: #45f2f2;--track-text: #ffb547;--track-caption: #ff5fa2;--playhead: #ffffff;--r-pill: 999px;--shadow-pop: 0 12px 40px rgba(0, 0, 0, .55);--font-ui: "Inter", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif}:root{--surface-0: #09090c;--surface-1: #111117;--surface-2: #18181f;--surface-3: #22222b;--line-1: #23232c;--line-2: #33333f;--text-1: #f1f0f5;--text-2: #a4a3b0;--text-3: #6b6a78;--brand: #a974ff;--brand-strong: #8a4dff;--brand-soft: rgb(169 116 255 / .14);--spark: #45f2f2;--brand-grad: linear-gradient(135deg, #c6acff 0%, #a974ff 50%, #7a3dff 100%);--app-hue: var(--brand);--app-hue-soft: var(--brand-soft);--app-hue-fg: #0b0a10;--ok: #4ade80;--warn: #ffb547;--err: #ff5d5d;--info: #45f2f2;--font-brand: "Syne", "Segoe UI", system-ui, sans-serif;--font-text: "Inter", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--font-num: "Inter", "Segoe UI", system-ui, sans-serif;--t-xs: 11px;--t-sm: 12px;--t-md: 13px;--t-lg: 15px;--t-xl: 18px;--t-2xl: 24px;--t-3xl: 32px;--lh-tight: 1.2;--lh: 1.45;--w-reg: 450;--w-med: 550;--w-bold: 650;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--rad-xs: 4px;--rad-sm: 6px;--rad-md: 10px;--rad-lg: 14px;--rad-xl: 20px;--rad-full: 999px;--elev-1: 0 1px 0 rgb(255 255 255 / .03) inset, 0 1px 2px rgb(0 0 0 / .4);--elev-2: 0 8px 24px rgb(0 0 0 / .45);--elev-3: 0 24px 64px rgb(0 0 0 / .6);--ring: 0 0 0 2px var(--surface-0), 0 0 0 4px var(--brand);--dur-1: 90ms;--dur-2: .16s;--dur-3: .26s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.6, 0, .2, 1);--topbar-h: 52px;--rail-w: 72px;--panel-w: 300px;--inspector-w: 300px;--timeline-h: 240px}:root[data-app=mediasmith]{--app-hue: #a974ff;--app-hue-soft: rgb(169 116 255 / .14)}:root[data-app=clipsmith]{--app-hue: #45f2f2;--app-hue-soft: rgb(69 242 242 / .12)}:root[data-app=gifsmith]{--app-hue: #ffb547;--app-hue-soft: rgb(255 181 71 / .13)}:root[data-app=captionsmith]{--app-hue: #ff5fa2;--app-hue-soft: rgb(255 95 162 / .13)}:root[data-theme=light]{color-scheme:light;--surface-0: #f6f6f8;--surface-1: #ffffff;--surface-2: #f0eff4;--surface-3: #e6e5ec;--line-1: #e3e2ea;--line-2: #cfcdd9;--text-1: #15141b;--text-2: #55536a;--text-3: #8a8899;--brand: #7a3dff;--brand-strong: #6428e6;--brand-soft: rgb(122 61 255 / .1);--spark: #0a9c9c;--elev-1: 0 1px 2px rgb(20 10 40 / .08);--elev-2: 0 8px 24px rgb(20 10 40 / .12);--elev-3: 0 24px 64px rgb(20 10 40 / .18)}@media(prefers-reduced-motion:reduce){:root{--dur-1: 0ms;--dur-2: 0ms;--dur-3: 0ms}}.sm-app{font:var(--w-reg) var(--t-md)/var(--lh) var(--font-text);color:var(--text-1);background:var(--surface-0);-webkit-font-smoothing:antialiased}.sm-app :focus-visible{outline:none;box-shadow:var(--ring)}.sm-topbar{height:var(--topbar-h);display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);background:var(--surface-1);border-bottom:1px solid var(--line-1)}.sm-wordmark{display:inline-flex;align-items:center;gap:var(--sp-2);font:700 var(--t-xl)/1 var(--font-brand);letter-spacing:-.01em}.sm-wordmark img{width:26px;height:26px}.sm-wordmark .wm-smith{color:var(--text-1)}.sm-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:32px;padding:0 var(--sp-3);font:var(--w-med) var(--t-md)/1 var(--font-text);color:var(--text-1);background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--rad-sm);cursor:pointer;transition:background var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out),border-color var(--dur-1)}.sm-btn:hover{background:var(--surface-3)}.sm-btn:active{transform:translateY(1px)}.sm-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.sm-btn--primary{background:var(--brand-grad);border-color:transparent;color:#fff;box-shadow:0 4px 18px #8a4dff59}.sm-btn--primary:hover{filter:brightness(1.08);background:var(--brand-grad)}.sm-btn--ghost{background:transparent;border-color:transparent;color:var(--text-2)}.sm-btn--ghost:hover{color:var(--text-1);background:var(--surface-2)}.sm-btn--danger{color:var(--err)}.sm-btn--sm{height:26px;padding:0 var(--sp-2);font-size:var(--t-sm)}.sm-btn--lg{height:40px;padding:0 var(--sp-5);font-size:var(--t-lg);border-radius:var(--rad-md)}.sm-btn--icon{width:32px;padding:0}.sm-seg{display:inline-flex;padding:2px;gap:2px;background:var(--surface-0);border:1px solid var(--line-1);border-radius:var(--rad-sm)}.sm-seg button{height:26px;padding:0 var(--sp-3);border:0;border-radius:var(--rad-xs);background:transparent;color:var(--text-2);font:var(--w-med) var(--t-sm)/1 var(--font-text);cursor:pointer;transition:background var(--dur-1),color var(--dur-1)}.sm-seg button[aria-pressed=true]{background:var(--surface-3);color:var(--text-1);box-shadow:var(--elev-1)}.sm-chip{display:inline-flex;align-items:center;gap:var(--sp-1);height:24px;padding:0 var(--sp-2);border-radius:var(--rad-full);background:var(--surface-2);color:var(--text-2);font:var(--w-med) var(--t-xs)/1 var(--font-text)}.sm-chip--hue{background:var(--app-hue-soft);color:var(--app-hue)}.sm-panel{background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--rad-lg)}.sm-panel__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);font:var(--w-bold) var(--t-xs)/1 var(--font-text);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.sm-card{background:var(--surface-2);border:1px solid var(--line-1);border-radius:var(--rad-md);transition:border-color var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.sm-card:hover{border-color:var(--line-2);transform:translateY(-2px)}.sm-field{display:grid;gap:var(--sp-1)}.sm-field>span{font-size:var(--t-xs);color:var(--text-3)}.sm-input{height:32px;padding:0 var(--sp-3);background:var(--surface-0);color:var(--text-1);border:1px solid var(--line-2);border-radius:var(--rad-sm);font:var(--t-md) var(--font-text)}.sm-field .sm-input{width:100%;min-width:0;box-sizing:border-box}.sm-input:focus{border-color:var(--brand);outline:none}.sm-range{accent-color:var(--brand);width:100%}.sm-kbd{display:inline-block;min-width:18px;padding:1px 5px;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:var(--rad-xs);font:var(--t-xs)/1.4 var(--font-text);color:var(--text-2);text-align:center}.sm-num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.sm-empty{display:grid;justify-items:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-6);text-align:center;color:var(--text-2)}.sm-empty__art{width:72px;height:72px;border-radius:var(--rad-xl);display:grid;place-items:center;background:var(--app-hue-soft);color:var(--app-hue);font-size:30px}.sm-empty h3{font:700 var(--t-xl)/var(--lh-tight) var(--font-brand);color:var(--text-1)}.sm-drop{border:1.5px dashed var(--line-2);border-radius:var(--rad-lg);transition:border-color var(--dur-2),background var(--dur-2)}.sm-drop[data-over=true]{border-color:var(--app-hue);background:var(--app-hue-soft)}.sm-progress{height:6px;border-radius:var(--rad-full);background:var(--surface-3);overflow:hidden}.sm-progress>i{display:block;height:100%;background:var(--brand-grad);border-radius:inherit;transition:width var(--dur-3) var(--ease-out)}.sm-toast{display:flex;gap:var(--sp-3);align-items:center;padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--rad-md);box-shadow:var(--elev-2);animation:sm-rise var(--dur-3) var(--ease-out)}.sm-toast--ok{border-left:3px solid var(--ok)}.sm-toast--err{border-left:3px solid var(--err)}.sm-dialog{background:var(--surface-1);border:1px solid var(--line-2);border-radius:var(--rad-xl);box-shadow:var(--elev-3);animation:sm-pop var(--dur-3) var(--ease-out)}.sm-backdrop{position:fixed;inset:0;background:#05050899;backdrop-filter:blur(4px)}@keyframes sm-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sm-pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body.sm-app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--app-hue) 8%,var(--surface-0)),var(--surface-0) 60%) fixed}a{color:inherit}.sm-wordmark{text-decoration:none;white-space:nowrap}.sm-wordmark .wm-app{color:var(--app-hue)}.vsep{width:1px;height:20px;background:var(--line-2)}.tag{font-size:var(--t-sm);color:var(--text-3)}.grow{flex:1}.dot{width:6px;height:6px;border-radius:50%;background:var(--ok);display:inline-block}.foot{padding:var(--sp-4);text-align:center;font-size:var(--t-xs);color:var(--text-3)}.page{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:var(--sp-6);display:flex;gap:var(--sp-6);align-items:flex-start;justify-content:center}.stage{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-2)}.drop-card{margin:6vh auto 0;width:min(560px,100%);display:grid;justify-items:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-8);text-align:center;background:var(--surface-1);cursor:pointer;box-shadow:var(--elev-2)}.drop-card h3{margin:0;font:800 var(--t-2xl)/var(--lh-tight) var(--font-brand);color:var(--text-1)}.drop-card p{margin:0;color:var(--text-2);max-width:42ch}.drop-card small{color:var(--text-3);font-size:var(--t-xs)}.drop-card .sm-empty__art{font-weight:800;font-size:24px}.player{position:relative;border-radius:var(--rad-lg);overflow:hidden;background:#000;box-shadow:var(--elev-2);display:flex;justify-content:center}.player video{display:block;width:100%;max-height:calc(100vh - 220px);background:#000}.meta{margin:0;font-size:var(--t-xs);color:var(--text-3)}.panel{width:340px;flex:none;display:flex;flex-direction:column;gap:var(--sp-3);padding:0 var(--sp-4) var(--sp-4);max-height:calc(100vh - 120px);overflow:auto}.panel>*{flex-shrink:0}.panel .sm-panel__head{padding:var(--sp-4) 0 0}.panel .sm-seg{width:100%}.panel .sm-seg button{flex:1}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.span2{grid-column:span 2}.row{display:flex;gap:var(--sp-2);flex-wrap:wrap}.row .go{flex:1}.hint{margin:0;font-size:var(--t-xs);color:var(--text-3)}.go{margin-top:var(--sp-2)}select.sm-input{appearance:auto}input[type=color].sm-input{padding:2px}.status{display:grid;gap:var(--sp-2);font-size:var(--t-sm);color:var(--text-2)}.status[data-kind=ok]{color:var(--ok)}.status[data-kind=err]{color:var(--err)}.result{display:grid;gap:var(--sp-2);justify-items:start}.result img,.result video,.result audio{width:100%;max-height:300px;object-fit:contain;border-radius:var(--rad-md);background:#000}.cues{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-1);max-height:260px;overflow:auto}.cues li{display:grid;grid-template-columns:auto 1fr auto;gap:var(--sp-2);align-items:center}.cues li.empty{display:block;color:var(--text-3);font-size:var(--t-sm)}.cues .t{border:0;background:none;color:var(--app-hue);font-size:var(--t-xs);cursor:pointer;padding:0}.cues textarea{height:auto;min-height:32px;padding:6px var(--sp-2);resize:vertical;font-size:var(--t-sm)}.cap-overlay{position:absolute;display:flex;padding:7% 6%;justify-content:center;pointer-events:none;align-items:flex-end;text-align:center}.cap-overlay[data-pos=top]{align-items:flex-start}.cap-overlay[data-pos=middle]{align-items:center}.cap-overlay span{font-weight:700;line-height:1.2}.hub-main{flex:1;max-width:980px;margin:0 auto;padding:10vh var(--sp-6) var(--sp-6);text-align:center}.hub-main h1{margin:0;font:800 44px/1.1 var(--font-brand);letter-spacing:-.02em;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{color:var(--text-2);font-size:var(--t-lg);max-width:60ch;margin:var(--sp-4) auto var(--sp-8)}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-4)}.hub-card{display:grid;justify-items:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-6);text-decoration:none}.hub-card img{width:64px;height:64px}.hub-card b{font:800 22px/1 var(--font-brand);color:var(--text-1)}.hub-card span:not(.wm-app){color:var(--text-2);font-size:var(--t-sm)}.hub-card[data-app=clipsmith] .wm-app{color:#45f2f2}.hub-card[data-app=gifsmith] .wm-app{color:#ffb547}.hub-card[data-app=captionsmith] .wm-app{color:#ff5fa2}.hub-card[data-app=clipsmith]:hover{border-color:#45f2f2}.hub-card[data-app=gifsmith]:hover{border-color:#ffb547}.hub-card[data-app=captionsmith]:hover{border-color:#ff5fa2}.fine{margin-top:var(--sp-8);font-size:var(--t-xs);color:var(--text-3)}@media(max-width:820px){.page{flex-direction:column;padding:var(--sp-4)}.panel{width:100%;max-height:none}}