:root{color-scheme:dark;--bg: #09111f;--panel: rgba(14, 26, 47, .9);--panel-border: rgba(105, 155, 255, .24);--text: #eef4ff;--muted: #96a6c4;--accent: #5bbcff;--accent-strong: #6ff5d1;--danger: #ff7f7f}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,PingFang SC,Helvetica Neue,sans-serif;background:radial-gradient(circle at top left,rgba(91,188,255,.18),transparent 28%),radial-gradient(circle at top right,rgba(111,245,209,.14),transparent 25%),linear-gradient(180deg,#09111f,#060c16 68%);color:var(--text)}.app-shell{max-width:1440px;margin:0 auto;padding:40px 24px 72px}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:min(520px,100%);border:1px solid var(--panel-border);background:var(--panel);border-radius:28px;padding:28px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 18px 80px #0000004d}.login-card__title{margin-top:8px;font-size:38px;font-weight:700}.login-card__copy{margin-top:12px;color:var(--muted);line-height:1.7}.login-card__form{margin-top:20px;display:grid;gap:14px}.login-card__form label,.admin-form label{display:grid;gap:8px}.login-card__form span,.admin-form span{color:var(--muted);font-size:14px}.login-card__form input,.admin-form input,.admin-form select{width:100%;border-radius:16px;border:1px solid rgba(105,155,255,.22);background:#050c18e0;color:var(--text);padding:14px 16px;font:inherit}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.topbar__title{font-size:42px;font-weight:700}.topbar__meta{color:var(--muted);margin-top:8px}.topbar__ghost{border:1px solid rgba(105,155,255,.24);background:#ffffff0f;color:var(--text);border-radius:16px;padding:12px 16px;cursor:pointer}.hero{margin-bottom:28px}.hero__kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:12px;margin-bottom:10px}.hero__title{margin:0;font-size:56px;line-height:1}.hero__copy{max-width:860px;color:var(--muted);font-size:17px;line-height:1.7}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.panel{border:1px solid var(--panel-border);background:var(--panel);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:22px;box-shadow:0 18px 80px #00000040}.panel--full{margin-top:20px}.upload-dropzone{display:block;border:1px dashed rgba(111,245,209,.55);border-radius:24px;padding:32px;min-height:280px;cursor:pointer;background:linear-gradient(180deg,#0c182cf5,#07101eeb)}.upload-dropzone__kicker,.processing-panel__kicker{color:var(--accent);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.upload-dropzone__title,.processing-panel__title,.download-panel__title,.section-title{margin-top:12px;font-size:28px;font-weight:700}.upload-dropzone__copy,.download-panel__copy{margin-top:12px;color:var(--muted);line-height:1.7}.upload-dropzone__hint{margin-top:28px;display:inline-flex;padding:10px 14px;border-radius:999px;background:#5bbcff1f}.prompt-box{margin-top:18px}.prompt-box__label{margin-bottom:10px;font-size:14px;color:var(--muted)}.prompt-box__hint{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.6}.prompt-box textarea{width:100%;min-height:120px;resize:vertical;border-radius:18px;border:1px solid rgba(105,155,255,.22);background:#050c18e0;color:var(--text);padding:16px;font:inherit}.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.primary-action,.toolbar button,.clip-card__toggle,.download-panel__button{border:none;border-radius:16px;padding:14px 18px;font:inherit;cursor:pointer}.primary-action,.toolbar__primary,.download-panel__button{width:100%;margin-top:18px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#06101d;font-weight:700}.processing-panel__stage{margin-top:18px;font-size:18px}.processing-panel__bar{margin-top:18px;height:16px;border-radius:999px;overflow:hidden;background:#ffffff14}.processing-panel__bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.processing-panel__meta{margin-top:10px;color:var(--muted)}.error-box{margin-top:18px;border:1px solid rgba(255,127,127,.28);background:#5414146b;color:#ffd2d2;border-radius:18px;padding:14px 16px}.status-hint{margin-top:16px;border:1px solid rgba(105,155,255,.18);background:#081222b8;border-radius:16px;padding:12px 14px;color:var(--muted);line-height:1.7}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;margin-bottom:18px}.toolbar__stats{color:var(--muted)}.toolbar__actions{display:flex;gap:12px}.toolbar button,.clip-card__toggle{background:#ffffff14;color:var(--text)}.toolbar__link{border:1px solid rgba(105,155,255,.24);background:#ffffff0f;color:var(--text);border-radius:14px;padding:10px 14px;cursor:pointer}.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:18px}.clip-card{border:1px solid rgba(105,155,255,.18);border-radius:20px;padding:16px;background:#070f1ceb}.clip-card--selected{border-color:#6ff5d1b8;box-shadow:0 0 0 1px #6ff5d152 inset}.clip-card__header{display:flex;justify-content:space-between;gap:12px}.clip-card__index{color:var(--accent);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.clip-card__title{margin-top:6px;font-weight:600;line-height:1.6}.clip-card__meta,.clip-card__range{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:14px}.clip-card__actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.clip-card__preview{width:100%;margin-top:14px;border-radius:14px}.clip-card__input{flex:1 1 220px;min-width:0;border-radius:14px;border:1px solid rgba(105,155,255,.22);background:#050c18e0;color:var(--text);padding:12px 14px;font:inherit}.download-panel{margin-top:20px;padding:18px;border-radius:20px;border:1px solid rgba(111,245,209,.26);background:#0616156b}.download-panel__button{display:inline-block;text-decoration:none;text-align:center}@media (max-width: 960px){.grid,.admin-form{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.toolbar__actions{flex-direction:column}.hero__title{font-size:42px}.topbar{flex-direction:column;align-items:flex-start}}