@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0c0d13;--panel:#141620;--panel2:#191c29;--line:#2a2d3d;--text:#f4f5fb;--muted:#9b9eb2;--purple:#9b8cff;--mint:#75f0c1;--danger:#ff9a9a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#292348 0,transparent 43%),var(--bg);color:var(--text);font-family:"DM Sans",system-ui,sans-serif;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{max-width:1040px;margin:auto;padding:0 22px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid #ffffff12}.brand{display:flex;gap:11px;align-items:center;color:inherit;text-decoration:none;font-family:"Space Grotesk",sans-serif;font-weight:700;letter-spacing:-.5px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(140deg,#b2a5ff,#7160df);color:#11111b;font-size:15px}.brand b{color:var(--purple)}.brand small{display:block;color:var(--muted);font:600 9px "DM Sans",sans-serif;letter-spacing:1.3px;margin-top:1px}.hero{padding:58px 0 38px;max-width:760px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--mint);display:flex;align-items:center;gap:9px}.pulse{width:7px;height:7px;border-radius:100%;background:var(--mint);box-shadow:0 0 12px #75f0c188}.hero h1{font:700 clamp(38px,7vw,66px)/1.04 "Space Grotesk",sans-serif;letter-spacing:-2.5px;margin:20px 0}.hero h1 span{color:var(--purple)}.hero p{max-width:620px;color:#b6b8c9;font-size:16px;margin:0;line-height:1.8}.hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.hero-tags span{font-size:12px;color:#c7c8d7;background:#ffffff08;border:1px solid #ffffff12;border-radius:99px;padding:7px 11px}main{display:grid;gap:18px}.panel{background:linear-gradient(150deg,#171923,#12141d);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 16px 60px #00000018}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.section-heading>div:first-child{display:flex;align-items:center;gap:12px}.step{font:700 11px "Space Grotesk";color:var(--mint);border:1px solid #75f0c144;background:#75f0c10c;border-radius:8px;padding:6px 8px}h2{font:600 21px "Space Grotesk";letter-spacing:-.4px;margin:0}.muted,.helper{color:var(--muted)}.small{font-size:12px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field label{font-size:13px;font-weight:600;color:#e0e1ed}.field label .muted{font-weight:400}input[type=text],textarea,select{width:100%;color:var(--text);background:#0d0f17;border:1px solid #333648;border-radius:11px;padding:12px 13px;outline:none;min-width:0}input:focus,textarea:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #9b8cff18}textarea{resize:vertical;min-height:160px;line-height:1.65;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.helper{font-size:11px;line-height:1.6}.import-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:19px}.import-row input[type=file]{display:none}.button{border:1px solid transparent;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,border-color .15s;white-space:nowrap}.button:active{transform:scale(.98)}.button:disabled{opacity:.4;cursor:not-allowed}.button-primary{background:linear-gradient(110deg,#b4a7ff,#8a78f4);color:#14121f;box-shadow:0 7px 24px #9b8cff20}.button-secondary{background:#ffffff08;border-color:#34374a;color:#e5e5f2}.button-quiet{background:transparent;border-color:#303346;color:#bfc1d1}.file-button{cursor:pointer}.button-wide{width:100%;padding:14px;font-size:14px}.settings-grid{display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:12px}.settings-grid .field{margin-bottom:15px}.status{color:var(--muted);font-size:11px;margin:13px 0 0}.status.error{color:var(--danger)}.result-actions{display:flex;gap:8px}.empty-state{border:1px dashed #383b4e;border-radius:14px;padding:35px 20px;text-align:center;background:#0c0e1608}.empty-icon{display:grid;place-items:center;margin:0 auto 13px;width:44px;height:44px;border-radius:14px;background:#9b8cff18;color:var(--purple);font-size:23px}.empty-state h3{font:600 17px "Space Grotesk";margin:0 0 5px}.empty-state p{max-width:370px;margin:0 auto;color:var(--muted);font-size:12px}.results-list{display:grid;gap:13px}.clip-card{border:1px solid #303346;border-radius:14px;background:linear-gradient(130deg,#1a1d2a,#13151e);padding:17px}.clip-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.clip-number{font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:700}.clip-card h3{font:600 17px/1.35 "Space Grotesk";margin:5px 0 9px;overflow-wrap:anywhere}.score{flex:0 0 auto;border-radius:12px;padding:8px 10px;background:#75f0c112;border:1px solid #75f0c138;color:var(--mint);font:700 18px "Space Grotesk"}.score small{display:block;font:600 9px "DM Sans";text-align:center;color:#a6dbc8}.clip-meta{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 12px}.chip{font-size:10px;padding:5px 8px;border:1px solid #35384b;border-radius:7px;color:#c7c9d8;background:#ffffff04}.clip-text{font-size:13px;color:#c6c8d7;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.clip-label{font-size:10px;letter-spacing:1.2px;color:var(--purple);font-weight:700;margin:13px 0 5px}.clip-footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.clip-footer .button{padding:8px 10px;font-size:11px}.notice{margin-top:17px;padding:12px 14px;border-radius:10px;background:#f4c76d0a;border:1px solid #f4c76d20;color:#b8b4a7;font-size:11px;line-height:1.7}.notice strong{color:#f0d59a}.text-button{background:transparent;border:0;color:#c3b9ff;font-size:11px;font-weight:700}.saved-projects{display:grid;gap:9px}.saved-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #303346;background:#0f1119;border-radius:10px;padding:12px}.saved-item strong{display:block;font-size:13px;overflow-wrap:anywhere}.saved-item span{font-size:10px;color:var(--muted)}.saved-item-actions{display:flex;gap:7px;flex-shrink:0}.saved-item-actions button{background:#ffffff08;border:1px solid #383b4e;border-radius:8px;color:#ddd;font-size:10px;padding:7px 9px}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:27px 0 34px;color:var(--muted);font-size:11px}.brand-footer{color:#d4d4e3;font-family:"Space Grotesk";font-weight:700}.brand-footer b{color:var(--purple)}@media(max-width:650px){.shell{padding:0 13px}.topbar{padding:15px 0}.brand-mark{width:38px;height:38px}.hero{padding:42px 0 28px}.hero h1{letter-spacing:-1.7px}.hero p{font-size:14px}.panel{padding:17px;border-radius:16px}.section-heading{align-items:flex-start;margin-bottom:18px}.section-heading h2{font-size:18px}.settings-grid{grid-template-columns:1fr 1fr}.settings-grid .field:last-child{grid-column:1/-1}.import-row{gap:7px}.button{padding:9px 11px}.file-button{flex:1}.result-actions .button{font-size:10px;padding:8px}.clip-card{padding:13px}.clip-card h3{font-size:15px}.score{font-size:16px;padding:7px}.saved-item{align-items:flex-start}.saved-item-actions{flex-direction:column}.notice{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}