:root{--paper: #FBF7F1;--ink: #1B1420;--coral: #FF5A3C;--cue: #FFD84D;--muted: #7A7168;--line: #E9E1D6;--card: #FFFFFF;--ok: #1E8E5A;--warn: #B87A00;--display: "Archivo", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);margin:0;letter-spacing:-.02em;line-height:1.05}.shell{width:min(1120px,94vw);margin-inline:auto;padding:20px 0 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.logo{font-family:var(--display);font-weight:900;font-size:22px;letter-spacing:-.03em}.logo .dot{color:var(--coral)}.trust{display:flex;gap:8px;flex-wrap:wrap}.trust span{font-size:11.5px;font-weight:600;color:var(--muted);border:1px solid var(--line);background:var(--card);border-radius:999px;padding:3px 10px}.usage{font-size:13px;color:var(--muted);text-align:right}.usage b{color:var(--ink);font-weight:600}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;margin-top:18px}.note{background:#fff6d6;border:1px solid #F0DFA0;border-radius:10px;padding:10px 14px;font-size:13px;margin-top:14px}.error{background:#fde9e4;border:1px solid #F5C4B8;color:#a02d14;border-radius:10px;padding:10px 14px;font-size:14px;margin-top:14px}.btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--display);font-weight:700;font-size:14px;border-radius:999px;padding:9px 18px;cursor:pointer;border:2px solid var(--ink);background:transparent;color:var(--ink);transition:transform .12s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--coral);border-color:var(--coral);color:#fff}.btn-small{padding:6px 13px;font-size:12.5px}.btn-quiet{border-color:var(--line);color:var(--muted);font-weight:600}input[type=email],input[type=url],input[type=text],select{font-family:var(--body);font-size:14.5px;color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:10px;padding:10px 12px}input:focus-visible,select:focus-visible,.btn:focus-visible{outline:3px solid var(--cue);outline-offset:1px}.gate{max-width:460px;margin:10vh auto 0;text-align:left}.gate h1{font-size:44px;font-weight:900}.gate p{color:var(--muted);margin:14px 0 22px}.gate form{display:flex;gap:10px}.gate input{flex:1}.cue-mark{background:var(--cue);padding:.02em .18em;border-radius:3px;font-weight:900}.dropzone{display:block;border:2px dashed #C9BFAF;border-radius:14px;padding:44px 20px;text-align:center;font-family:var(--display);font-weight:700;color:var(--muted);background:#fdfbf7;transition:border-color .15s ease,color .15s ease}.dropzone.on{cursor:pointer;color:var(--ink);border-color:var(--coral)}.dropzone.off{cursor:not-allowed;opacity:.55}.rights{display:flex;align-items:center;gap:8px;font-size:13.5px;margin-bottom:12px}.urlrow{display:flex;gap:8px;margin-top:12px}.urlrow input{flex:1}.focusrow{margin-top:12px}.focusrow label{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:5px}.focusrow input{width:100%}.rail{display:flex;gap:26px;padding:20px 4px;flex-wrap:wrap}.rail-step{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:var(--muted)}.rail-dot{width:12px;height:12px;border-radius:50%;background:var(--line)}.rail-step.active{color:var(--ink)}.rail-step.active .rail-dot{background:var(--coral);animation:pulse 1.4s ease-in-out infinite}.rail-step.done .rail-dot{background:var(--ok)}.rail-step.done{color:var(--ok)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.65}}.results-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:26px;flex-wrap:wrap}.results-head h2{font-size:26px;font-weight:900}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:16px;margin-top:16px}.clipcard{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.card-media{position:relative;aspect-ratio:9 / 16;background:linear-gradient(160deg,#2a2033,#160f1d)}.card-media img,.card-media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.card-excerpt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:14px}.card-excerpt span{font-family:var(--display);font-weight:900;font-size:12.5px;text-transform:uppercase;background:var(--cue);color:var(--ink);padding:3px 6px;border-radius:3px;text-align:center;line-height:1.5;box-decoration-break:clone;-webkit-box-decoration-break:clone}.chip{position:absolute;font-family:var(--display);font-weight:700;font-size:11px;padding:3px 8px;border-radius:999px;letter-spacing:.02em}.chip-dur{top:8px;left:8px;background:#140c1ab8;color:#fff}.chip-score{top:8px;right:8px}.band-high{background:#dff3e8;color:var(--ok)}.band-med{background:#fbeed3;color:var(--warn)}.band-low{background:#efeae2;color:var(--muted)}.card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}.card-title{font-size:15.5px;font-weight:700;cursor:text;border-radius:6px}.card-title:hover{outline:2px dashed var(--line);outline-offset:3px}.title-edit{width:100%;font-weight:700;font-size:14.5px}.card-tags{color:var(--coral);font-size:12.5px;font-weight:600;margin:0;overflow-wrap:anywhere}.card-why{color:var(--muted);font-size:12.5px;margin:0}.card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;align-items:center}.rendering{font-size:13px;color:var(--muted);font-style:italic}.err-inline{font-size:12.5px;color:#a02d14}.recap{margin-top:22px}.recap header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.recap h3{font-size:19px}.recap .sub{color:var(--muted);font-size:13px}.recap .row{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.planrow{display:flex;gap:10px;align-items:center;margin-top:16px;flex-wrap:wrap}
