:root{--bg:#f7f8fb;--panel:#ffffff;--text:#0a0d14;--muted:#5b6472;--border:#e8ebf1;--accent:#2563eb;--accent-2:#7c3aed;--accent-soft:#eff6ff;--forge:#f59e0b;--green:#059669;--radius:14px;--radius-lg:18px;--shadow-card:0 16px 36px rgba(10,13,20,0.08);--shadow-btn:0 8px 24px rgba(37,99,235,0.28)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.nav{display:flex;align-items:center;gap:26px;padding:12px 24px;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:30}.nav .logo{font-weight:800;font-size:19px;margin-right:6px}.nav a.link{color:var(--muted);font-size:14.5px;font-weight:600}.nav a.link.active,.nav a.link:hover{color:var(--text)}.nav .spacer{flex:1 1}.badge-demo{background:#fffbeb;color:#92400e;border:1px solid #fde68a;font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.container{max-width:1080px;margin:0 auto;padding:36px 24px}.hero{text-align:center;padding:44px 0 8px}.hero h1{font-size:34px;margin:0 0 8px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.hero h1 em{font-style:normal;color:var(--forge)}.hero p{color:var(--muted);margin:0 0 26px;font-size:16px}.url-form{display:flex;gap:6px;max-width:640px;margin:0 auto 12px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:6px;box-shadow:0 18px 44px rgba(10,13,20,.09)}.url-form input{flex:1 1;padding:12px 16px;font-size:15.5px;min-width:0;outline:none;background:transparent;color:var(--text)}.btn,.url-form input{border:none;border-radius:12px}.btn{color:#fff;cursor:pointer;padding:13px 24px;font-size:15px;font-weight:700;background:linear-gradient(100deg,var(--accent),var(--accent-2));box-shadow:var(--shadow-btn);transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(37,99,235,.35)}.btn:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}.btn.secondary{background:var(--panel);color:var(--text);border:1.5px solid var(--border);box-shadow:none;font-weight:700}.btn.secondary:hover{border-color:var(--muted);transform:none;box-shadow:none}.dropzone{max-width:640px;margin:0 auto;padding:22px;text-align:center;border:2px dashed var(--border);border-radius:var(--radius);color:var(--muted);font-size:14px;cursor:pointer;background:var(--panel);transition:border-color .15s ease,color .15s ease}.dropzone:hover{border-color:var(--accent);color:var(--accent)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;margin-top:32px}.panel h2{margin:0 0 4px;font-size:18px;letter-spacing:-.01em}.panel .sub{color:var(--muted);font-size:13.5px;margin-bottom:16px}.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--panel);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}.thumb{height:130px;display:flex;align-items:flex-end;gap:6px;padding:10px;color:#fff;position:relative}.thumb .chip-dur{background:rgba(0,0,0,.65);position:absolute;top:10px;right:10px}.thumb .chip{background:rgba(0,0,0,.5);font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.thumb .chip-completed{background:rgba(5,150,105,.85)}.thumb .chip-processing{background:rgba(37,99,235,.85)}.thumb .chip-failed{background:rgba(220,38,38,.88)}.card .body{padding:12px 14px}.card .title{font-weight:700;font-size:14px}.card .meta{color:var(--muted);font-size:12px;margin-top:4px}.progress-wrap{max-width:640px;margin:24px auto 0;text-align:left}.progress-bar{height:6px;background:var(--border);border-radius:999px;overflow:hidden}.progress-bar>div{height:100%;border-radius:999px;transition:width .4s;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.progress-step{color:var(--muted);font-size:13px;margin-top:8px}.clip-row{display:flex;gap:20px;padding:22px 0;border-top:1px solid var(--border)}.clip-row:first-child{border-top:none}.clip-thumb{width:150px;min-width:150px;aspect-ratio:9/16;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;font-weight:800;text-align:center;padding:10px;font-size:15px}.clip-info{flex:1 1}.clip-info h3{margin:0 0 2px;font-size:17px;letter-spacing:-.01em}.score{font-size:26px;font-weight:800;color:var(--green);letter-spacing:-.02em}.score small{font-size:13px;color:var(--muted);font-weight:500}.desc{background:var(--accent-soft);border-radius:var(--radius);padding:12px 14px;font-size:14px;margin:10px 0}.transcript{color:var(--muted);font-size:13px;font-style:italic}.clip-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.clip-actions .btn{padding:9px 14px;font-size:13px;box-shadow:none}.clip-actions .btn:hover{transform:none;box-shadow:none;filter:brightness(1.06)}.editor-head{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.editor-head h1{font-size:20px;margin:0;flex:1 1;min-width:220px}.editor-layout{display:grid;grid-template-columns:1fr 340px;grid-gap:28px;gap:28px;align-items:start}.tabs{display:flex;gap:6px;margin-bottom:16px}.tab{padding:9px 18px;border-radius:10px;font-size:14px;font-weight:700;color:var(--muted);cursor:pointer;border:1px solid transparent;background:none}.tab.active{background:var(--accent-soft);color:var(--accent);border-color:#bfdbfe}.words{line-height:2.1;font-size:16px}.word{cursor:pointer;padding:1px 3px;border-radius:4px}.word:hover{background:#fee2e2}.word.cut{text-decoration:line-through;color:#cbd5e1}.preview{aspect-ratio:9/16;border-radius:var(--radius-lg);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card)}.preview .caption{position:absolute;left:8%;right:8%;text-align:center;font-size:18px}.control{margin-bottom:16px}.control label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.control input[type=range]{width:100%;accent-color:var(--accent)}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{padding:7px 13px;font-size:13px;border-radius:9px;cursor:pointer;border:1px solid var(--border);background:var(--panel);font-weight:600}.seg button.on{background:var(--text);color:#fff;border-color:var(--text)}.tpl-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.tpl{border:1px solid var(--border);border-radius:10px;padding:12px 8px;text-align:center;cursor:pointer;background:#0b1020;font-size:14px}.tpl.on{outline:2px solid var(--accent);outline-offset:1px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--text);color:#fff;padding:12px 20px;border-radius:12px;font-size:14px;z-index:50;box-shadow:0 12px 32px rgba(10,13,20,.25)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:7px;gap:7px}.cal-cell{min-height:86px;border:1px solid var(--border);border-radius:9px;padding:6px;font-size:12px;color:var(--muted)}.cal-cell,.cal-nav{background:var(--panel)}.cal-nav{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);cursor:pointer;font-size:15px;color:var(--text)}.cal-nav:hover{border-color:var(--muted)}.cal-cell.today{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.cal-post{margin-top:4px;background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:3px 6px;font-weight:700;font-size:11px}.breadcrumbs{color:var(--muted);font-size:13px;margin-bottom:12px}.breadcrumbs a{color:var(--accent);font-weight:600}.btn-upgrade{color:#fff;font-weight:700;font-size:13.5px;padding:8px 16px;border-radius:10px;background:linear-gradient(100deg,var(--accent),var(--accent-2));box-shadow:0 4px 14px rgba(37,99,235,.25);white-space:nowrap}.btn-upgrade:hover{filter:brightness(1.06)}.credits-chip{background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:13px;padding:2px 10px;border-radius:999px;white-space:nowrap}.avatar{width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(130deg,var(--forge),#f43f5e);color:#fff;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.02em}.menu-pop{position:absolute;right:0;top:44px;min-width:220px;z-index:40;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 16px 40px rgba(10,13,20,.14);padding:8px}.menu-email{padding:8px 10px;font-size:13px;font-weight:700;color:var(--text);border-bottom:1px solid var(--border);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis}.menu-line{padding:6px 10px;font-size:13px;color:var(--muted)}.menu-item,.menu-line b{color:var(--text)}.menu-item{display:block;width:100%;text-align:left;padding:8px 10px;font-size:13.5px;border:none;background:none;cursor:pointer;border-radius:8px;font-weight:600}.menu-item:hover{background:var(--bg)}.menu-item.danger{color:#dc2626}.field-label{max-width:640px;margin:0 auto 6px;text-align:left;font-size:12.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.dropzone-limits{font-size:12px;color:var(--muted);margin-top:4px;opacity:.85}.count-badge{background:var(--bg);border:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.projects-toolbar{display:flex;gap:10px;margin:4px 0 18px;flex-wrap:wrap}.toolbar-input{flex:1 1;min-width:180px;padding:9px 14px;font-size:14px;border:1px solid var(--border);border-radius:10px;outline:none;background:var(--panel);color:var(--text)}.toolbar-input:focus{border-color:var(--accent)}.toolbar-select{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted)}.toolbar-select select{padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--panel);font-size:13.5px;color:var(--text)}.meta-chips{display:flex;gap:8px;align-items:center;margin:14px 0 4px;flex-wrap:wrap}.meta-chip{display:inline-block;border:1px solid var(--border);background:var(--panel);border-radius:999px;padding:6px 14px;font-size:13px;color:var(--muted)}.meta-chip b{color:var(--text);font-weight:700;margin-left:4px}a.meta-chip:hover{border-color:var(--muted);color:var(--text)}.meta-chips-right{margin-left:auto;display:flex;align-items:center}.clip-block{padding:20px 26px 22px}.clip-head{display:flex;align-items:baseline;gap:12px;margin-bottom:4px}.clip-head h3{margin:0;font-size:21px;letter-spacing:-.015em;flex:1 1}.clip-n{color:var(--muted);font-weight:800;font-size:21px}.clip-score{font-size:32px;font-weight:800;color:var(--accent);letter-spacing:-.02em}.clip-score small{font-size:14px;color:var(--muted);font-weight:600}.quote{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted)}.quote,.summary{padding:14px 16px;font-size:14.5px;line-height:1.6}.summary{background:var(--accent-soft);border:1px solid #dbeafe;border-radius:var(--radius);color:var(--text);margin-bottom:10px}.fb{display:inline-flex;gap:6px}.fb button{border:1px solid var(--border);background:var(--panel);border-radius:9px;padding:4px 10px;cursor:pointer;font-size:14px;filter:grayscale(1);opacity:.75}.fb button:hover{border-color:var(--muted)}.fb button.on{filter:none;opacity:1;border-color:var(--green);background:#ecfdf5}.fb button.on.down{border-color:#dc2626;background:#fef2f2}.clip-block .clip-actions{justify-content:center}.clip-block .clip-actions .btn{padding:9px 16px}@media (max-width:860px){.nav{gap:14px;flex-wrap:nowrap}.badge-demo,.nav a.link{display:none}.btn-upgrade{padding:7px 12px;font-size:12.5px}.editor-layout{grid-template-columns:1fr}.hero h1{font-size:27px}}@media (max-width:560px){.url-form{gap:8px;padding:8px}.clip-row,.url-form{flex-direction:column}.clip-thumb{width:100%;min-width:0;max-width:220px}}