:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef2f6;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}body{min-width:1120px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{border:0}#app{min-height:100vh}.access-shell{place-items:center;min-height:100vh;padding:40px;display:grid}.access-panel{background:#fff;border:1px solid #d9e1ea;border-radius:8px;width:420px;padding:32px;box-shadow:0 18px 45px #17203314}.access-form{gap:18px;margin-top:30px;display:grid}.access-form .primary-button{width:100%}.page-shell{grid-template-columns:440px minmax(0,1fr);gap:24px;width:min(1320px,100vw - 64px);min-height:100vh;margin:0 auto;padding:40px 0;display:grid}.query-panel,.result-panel{background:#fff;border:1px solid #d9e1ea;border-radius:8px;box-shadow:0 18px 45px #17203314}.query-panel{align-self:start;padding:28px}.panel-header,.result-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.eyebrow{color:#0f766e;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:700}h1,h2{color:#0f172a;letter-spacing:0;margin:0}h1{font-size:30px;line-height:1.2}h2{font-size:20px;line-height:1.3}.status-chip,.result-state{color:#166534;white-space:nowrap;background:#dcfce7;border-radius:999px;justify-content:center;align-items:center;min-width:64px;height:30px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.status-chip.active{color:#92400e;background:#fef3c7}.query-form{gap:18px;margin-top:34px;display:grid}.auto-clipboard-toggle{color:#475569;cursor:pointer;background:#e2e8f0;border-radius:999px;justify-content:center;justify-self:start;align-items:center;gap:10px;height:38px;padding:0 14px;font-size:14px;font-weight:700;transition:color .2s,background .2s,box-shadow .2s;display:inline-flex}.auto-clipboard-toggle span{background:#94a3b8;border-radius:999px;width:36px;height:20px;transition:background .2s;position:relative}.auto-clipboard-toggle span:after{content:"";background:#fff;border-radius:999px;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px}.auto-clipboard-toggle.enabled{color:#0f766e;background:#ccfbf1;box-shadow:0 10px 22px #0f766e1f}.auto-clipboard-toggle.enabled span{background:#0f766e}.auto-clipboard-toggle.enabled span:after{transform:translate(16px)}.auto-clipboard-toggle:focus-visible{outline-offset:2px;outline:3px solid #0f766e42}.field{gap:10px;display:grid}.field-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.field-heading>span{color:#334155;font-size:14px;font-weight:700}.paste-status{align-items:center;gap:8px;min-height:26px;display:flex}.link-count,.duplicate-tip,.clipboard-tip{white-space:nowrap;border-radius:999px;align-items:center;height:26px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.link-count{color:#0f766e;background:#ccfbf1}.duplicate-tip{color:#991b1b;background:#fee2e2}.clipboard-tip{color:#1d4ed8;background:#dbeafe}.field input,.field textarea{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:0 14px;transition:border-color .2s,box-shadow .2s,background .2s}.field input{height:48px}.field textarea{resize:vertical;min-height:380px;padding:14px;line-height:1.6}.field input:focus,.field textarea:focus{background:#fff;border-color:#0f766e;box-shadow:0 0 0 4px #0f766e1f}.actions{align-items:center;gap:12px;display:flex}.primary-button,.ghost-button,.batch-download-button,.download-button{cursor:pointer;border-radius:6px;height:44px;padding:0 20px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s,background .2s}.primary-button:focus-visible,.ghost-button:focus-visible,.batch-download-button:focus-visible,.download-button:focus-visible{outline-offset:2px;outline:3px solid #0f766e42}.primary-button{color:#fff;background:#0f766e;min-width:128px;box-shadow:0 10px 20px #0f766e38}.primary-button:hover:not(:disabled){background:#115e59;transform:translateY(-1px);box-shadow:0 14px 24px #0f766e3d}.ghost-button{color:#334155;background:#e2e8f0;min-width:84px}.ghost-button:hover:not(:disabled){background:#cbd5e1}.primary-button:disabled,.ghost-button:disabled,.batch-download-button:disabled{cursor:not-allowed;opacity:.62}.message{border-radius:6px;margin:20px 0 0;padding:12px 14px;font-size:14px;font-weight:700}.message.error{color:#991b1b;background:#fee2e2}.result-panel{flex-direction:column;min-height:calc(100vh - 80px);padding:28px;display:flex}.result-tools{align-items:center;gap:12px;display:flex}.batch-download-button,.download-button{color:#fff;background:#0f766e;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;box-shadow:0 10px 20px #0f766e2e}.batch-download-button{height:36px;padding:0 14px;font-size:14px}.download-button{width:150px;margin-top:12px}.batch-download-button:hover:not(:disabled),.download-button:hover{background:#115e59;transform:translateY(-1px)}.result-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-content:start;gap:18px;margin-top:24px;display:grid}.video-card{background:#f8fafc;border:1px solid #d9e1ea;border-radius:8px;align-content:start;justify-items:center;min-height:406px;padding:14px;display:grid}.video-cover-frame{aspect-ratio:1206/2622;color:#64748b;background:#e2e8f0;border:1px solid #d9e1ea;border-radius:14px;place-items:center;width:150px;font-size:14px;display:grid;position:relative;overflow:hidden}.video-cover-frame img{object-fit:cover;border-radius:14px;width:100%;height:100%;display:block}.video-cover-frame video{z-index:2;object-fit:contain;background:#020617;border-radius:14px;width:100%;height:100%;position:absolute;inset:0}.play-button{cursor:pointer;background:#0f172ab8;border-radius:999px;place-items:center;width:40px;height:40px;margin:auto;transition:transform .2s,background .2s;display:grid;position:absolute;inset:0;box-shadow:0 10px 22px #0f172a42}.play-button span{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid #fff;width:0;height:0;margin-left:3px}.play-button:hover{background:#0f766edb;transform:scale(1.06)}.play-button:focus-visible{outline-offset:3px;outline:3px solid #0f766e57}.item-error{color:#991b1b;text-align:center;width:150px;margin:12px 0 0;font-size:13px;line-height:1.5}.empty-state{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;align-content:center;place-items:center;gap:8px;min-height:520px;margin-top:24px;display:grid}.empty-state strong{color:#334155;font-size:18px}.empty-state span{font-size:14px}