:root{--green-50:#e1f5ee;--green-100:#9fe1cb;--green-600:#0f6e56;--green-700:#085041;--green-900:#04342c;--text-primary:#111110;--text-secondary:#5c5c5a;--text-tertiary:#9b9b98;--bg-primary:#fff;--bg-secondary:#f5f4f0;--border:#0000001f;--border-strong:#0003;--radius-md:8px;--radius-lg:12px;--danger:#d85a30;--amber:#ba7517;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text-primary:#f0efeb;--text-secondary:#a8a8a5;--text-tertiary:#6b6b68;--bg-primary:#1a1a18;--bg-secondary:#232320;--border:#ffffff1a;--border-strong:#fff3;--green-50:#0a2e22;--green-100:#0d4532;--green-600:#1d9e75;--green-700:#5dcaa5;--green-900:#9fe1cb;--amber:#d9a648}}*{box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}#root{min-height:100svh}h1,h2,h3{letter-spacing:-.3px;margin:0;font-weight:500}p{margin:0}a{color:inherit}button,input{font-family:inherit}.wordmark span{color:var(--green-600)}.app-shell{flex-direction:row;min-height:100svh;display:flex}.app-sidebar{border-right:.5px solid var(--border);background:var(--bg-primary);flex-direction:column;flex-shrink:0;width:232px;height:100svh;padding:1.5rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-nav{flex-direction:column;flex:1;gap:.2rem;display:flex}.sidebar-link{border-radius:var(--radius-md);width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;padding:9px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:background .12s,color .12s,transform .12s;display:flex}.sidebar-link-icon{font-size:16px;line-height:1}.sidebar-link:hover{background:var(--green-50);color:var(--green-700);transform:translate(2px)}.sidebar-link.active{background:var(--green-50);color:var(--green-700)}.sidebar-footer{border-top:.5px solid var(--border);margin-top:auto;padding-top:1rem}.sidebar-legal-links{color:var(--text-tertiary);gap:8px;margin-top:.85rem;font-size:11px;display:flex}.sidebar-legal-links a{color:var(--text-tertiary)}.sidebar-legal-links a:hover{color:var(--text-secondary)}.sidebar-copyright{color:var(--text-tertiary);margin-top:.4rem;font-size:11px}.app-logo{letter-spacing:-.4px;white-space:nowrap;font-size:19px;font-weight:500}.app-main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:2.5rem 2rem 4rem}.mobile-topbar,.mobile-nav-backdrop{display:none}@media (width<=800px){.mobile-topbar{border-bottom:.5px solid var(--border);background:var(--bg-primary);z-index:60;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.mobile-nav-toggle{all:unset;cursor:pointer;border-radius:var(--radius-md);padding:4px 6px;font-size:20px;line-height:1}.mobile-nav-toggle:hover{background:var(--green-50)}.mobile-nav-backdrop{z-index:45;background:#00000073;display:block;position:fixed;inset:0}.app-shell{display:block}.app-sidebar{z-index:50;width:240px;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 16px #00000040}.app-sidebar.open{transform:translate(0)}.app-sidebar .app-logo{display:none}.app-main{padding:1.5rem 1rem 3rem}}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.btn:disabled{cursor:default;opacity:.6}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--green-600);color:var(--green-50);box-shadow:0 1px 2px #0000001a,0 1px 1px #0000000f}.btn-primary:hover:not(:disabled){background:var(--green-700)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:.5px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--green-600);background:var(--green-50);color:var(--green-700)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:9px 10px}.btn-ghost:hover:not(:disabled){color:var(--green-600)}.btn-sm{padding:6px 12px;font-size:13px}.input{border:.5px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-secondary);width:100%;color:var(--text-primary);outline:none;padding:10px 13px;font-family:inherit;font-size:14px;transition:border-color .15s,background .15s}.input:hover:not(:disabled){border-color:var(--green-600)}.input:focus{border-color:var(--green-600);background:var(--bg-primary);box-shadow:0 0 0 3px var(--green-50)}select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239B9B98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;padding-right:2.25rem}.card{background:var(--bg-primary);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:0 1px 2px #0000000a,0 2px 8px #00000008}@media (prefers-color-scheme:dark){.card{box-shadow:inset 0 1px #ffffff08,0 4px 14px #00000059}}.clip-card{border-left:3px solid var(--green-600);border-color:var(--border-strong)}.clip-number-badge{background:var(--green-600);color:#fff;letter-spacing:.3px;border-radius:999px;padding:.2rem .65rem;font-size:13px;font-weight:700;display:inline-block}.card-clickable{cursor:pointer;transition:border-color .15s,background .15s,transform .12s,box-shadow .12s}.card-clickable:hover{border-color:var(--green-600);background:var(--green-50);transform:translateY(-1px);box-shadow:0 2px 6px #0000000f,0 4px 12px #0000000a}.auth-wrap{justify-content:center;align-items:center;min-height:100svh;padding:2rem 1.5rem;display:flex}.auth-card{text-align:center;width:100%;max-width:360px}.auth-card .app-logo{margin-bottom:.35rem;font-size:28px;display:block}.auth-greeting{color:var(--text-secondary);margin-bottom:1.75rem;font-size:15px}.auth-form{text-align:left;flex-direction:column;gap:.6rem;display:flex}.auth-error{color:var(--danger);font-size:13px}.auth-switch{color:var(--text-secondary);margin-top:1.25rem;font-size:13px}.auth-switch button{color:var(--green-600);cursor:pointer;font-weight:500;font:inherit;background:0 0;border:none;padding:0}.auth-switch button:hover{color:var(--green-700)}.toggle-switch{vertical-align:middle;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.toggle-track{background:var(--border-strong);border-radius:999px;width:38px;height:21px;transition:background-color .15s;display:inline-block}.toggle-thumb{background:#fff;border-radius:50%;width:17px;height:17px;margin:2px;transition:transform .15s;display:block;box-shadow:0 1px 2px #00000059}.toggle-switch input:checked+.toggle-track{background:var(--green-600)}.toggle-switch input:checked+.toggle-track .toggle-thumb{transform:translate(17px)}.toggle-switch input:focus-visible+.toggle-track{outline:2px solid var(--green-600);outline-offset:2px}.toggle-switch input:disabled~.toggle-track{cursor:not-allowed}.auth-divider{color:var(--text-tertiary);align-items:center;gap:.75rem;margin:1.25rem 0 1rem;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.guest-banner{background:var(--green-50);border:.5px solid var(--green-600);border-radius:var(--radius-md);color:var(--text-primary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:13px;display:flex}.modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-card{width:100%;max-width:380px}.usage-pill{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:13px;display:flex}.usage-bar-track{background:var(--bg-secondary);border-radius:3px;width:100px;height:6px;overflow:hidden}.usage-bar-fill{background:var(--green-600);border-radius:3px;height:100%;transition:width .3s}.usage-bar-fill.usage-full{background:var(--danger)}.plan-badge{text-transform:uppercase;letter-spacing:.4px;background:var(--green-50);color:var(--green-700);border-radius:20px;padding:3px 9px;font-size:11px;font-weight:500}.upload-zone{border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;cursor:pointer;padding:2.5rem 1.5rem;transition:border-color .15s,background .15s;position:relative}.upload-zone:hover,.upload-zone.dragging{border-color:var(--green-600);background:var(--green-50)}.upload-zone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-icon{margin-bottom:.5rem;font-size:28px}.upload-title{margin-bottom:.2rem;font-size:15px;font-weight:500}.upload-hint{color:var(--text-tertiary);font-size:13px}.empty-state{text-align:center;color:var(--text-secondary);padding:2.5rem 1rem}.empty-state-title{color:var(--text-primary);margin-bottom:.3rem;font-size:15px;font-weight:500}.empty-state-hint{color:var(--text-tertiary);font-size:13px}.caption-preview-frame{aspect-ratio:16/9;border-radius:var(--radius-md);box-sizing:border-box;background:#26261f;width:320px;max-width:100%;padding:10px;display:flex;position:relative;overflow:hidden}@keyframes caption-preview-sweep{0%,8%{color:var(--cp-highlight,#14b8a6)}8.01%,to{color:var(--cp-primary,#fff)}}.caption-preview-word{animation:2s step-end infinite caption-preview-sweep}.section-heading{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin:2.5rem 0 .9rem;font-size:13px;font-weight:500}.section-heading:first-child{margin-top:0}@media (width<=600px){.app-main{padding:1.5rem 1rem 3rem}.auth-wrap{padding:1.5rem 1rem}}.legal-page{flex-direction:column;min-height:100svh;display:flex}.legal-page-nav{border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.legal-page-nav a{color:var(--text-secondary);cursor:pointer;font-size:13px}.legal-page-nav a:hover{color:var(--text-primary)}.legal-wrap{width:100%;max-width:720px;margin:0 auto;padding:3rem 2rem 4rem}.legal-title{letter-spacing:-1px;margin-bottom:.5rem;font-size:28px;font-weight:500}.legal-meta{color:var(--text-tertiary);margin-bottom:1.75rem;font-size:13px}.legal-disclaimer{border-radius:var(--radius-lg);color:var(--text-primary);background:#ba751714;border:.5px solid #ba75174d;margin-bottom:2.5rem;padding:1rem 1.25rem;font-size:13px;line-height:1.65}.legal-disclaimer strong{color:var(--amber)}.legal-footer-note{color:var(--text-tertiary);border-top:.5px solid var(--border);margin-top:3rem;padding-top:1.25rem;font-size:11.5px;line-height:1.6}.legal-copyright{color:var(--text-tertiary);margin-top:.75rem;font-size:11.5px}.legal-callout{background:var(--green-50);border:.5px solid var(--border);border-radius:var(--radius-lg);color:var(--green-900);margin:.5rem 0 1rem;padding:1rem 1.25rem;font-size:14px;line-height:1.65}.legal-doc h2{letter-spacing:-.3px;margin:2.25rem 0 .75rem;font-size:17px;font-weight:500}.legal-doc h2:first-of-type{margin-top:0}.legal-doc p{color:var(--text-secondary);margin-bottom:.9rem;font-size:14px;line-height:1.7}.legal-doc ul{margin:0 0 1rem 1.25rem;padding:0}.legal-doc li{color:var(--text-secondary);margin-bottom:.5rem;font-size:14px;line-height:1.65}.legal-doc a.inline-link{color:var(--green-600);text-decoration:underline}.placeholder-flag{color:var(--amber);font-weight:500}