.youtube-tool{display:grid;gap:16px}.youtube-input-card,.youtube-result-card,.youtube-bulk-card{padding:17px;border:1px solid #24415d;border-radius:17px;background:#0a192a}.youtube-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.youtube-card-head small{display:block;color:#7199bf;font-size:11px;font-weight:800}.youtube-card-head h3{margin:3px 0 0;font-size:19px}.youtube-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.youtube-input-row input{min-width:0}.youtube-status{min-height:20px;margin:8px 0 0;color:#8ea6bd;font-size:12px}.youtube-status[data-state="error"]{color:#ff9d9d}.youtube-status[data-state="ready"]{color:#89dfba}.youtube-result-card[hidden]{display:none}.youtube-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.youtube-info-box{padding:12px;border:1px solid #29455f;border-radius:12px;background:#0d2034}.youtube-info-box small,.youtube-info-box b{display:block}.youtube-info-box small{color:#829ab0;font-size:10px}.youtube-info-box b{margin-top:4px;font-size:14px;word-break:break-all}.youtube-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:9px}.youtube-link-row input{font-size:15px;font-weight:700;letter-spacing:.01em}.youtube-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.youtube-thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.youtube-thumb-card{padding:10px;border:1px solid #29455f;border-radius:13px;background:#091827}.youtube-thumb-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:9px;background:#06111d}.youtube-thumb-meta{display:flex;justify-content:space-between;gap:7px;align-items:center;margin-top:8px}.youtube-thumb-meta b{font-size:12px}.youtube-thumb-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.youtube-thumb-actions button,.youtube-thumb-actions a{min-height:34px;padding:7px 10px;font-size:11px}.youtube-bulk-card textarea{min-height:170px;resize:vertical}.youtube-bulk-output{min-height:150px;margin-top:10px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.7}.youtube-note{padding:13px 14px;border:1px solid rgba(92,150,210,.18);border-radius:13px;background:rgba(12,32,53,.68);color:#a9bdd0;font-size:12px;line-height:1.65}.youtube-note strong{color:#e7f3ff}
@media(max-width:760px){.youtube-input-row,.youtube-result-grid,.youtube-link-row{grid-template-columns:1fr}.youtube-thumbs{grid-template-columns:1fr}.youtube-input-row .btn,.youtube-link-row .btn{width:100%}}

/* v0.1.1 — form field width/theme fix */
.youtube-input-card,.youtube-result-card,.youtube-bulk-card{min-width:0}
.youtube-tool input,.youtube-tool textarea{box-sizing:border-box;width:100%;max-width:100%;border:1px solid #385777;border-radius:11px;background:#071522;color:#f2f6fb;outline:0}
.youtube-tool input{min-height:48px;padding:9px 12px}
.youtube-tool textarea{display:block;padding:12px;font:inherit;line-height:1.6}
.youtube-tool input::placeholder,.youtube-tool textarea::placeholder{color:#71879e;opacity:1}
.youtube-tool input:focus,.youtube-tool textarea:focus{border-color:#6e82dc;box-shadow:0 0 0 3px rgba(93,114,255,.15)}
.youtube-bulk-card textarea{width:100%;min-height:170px}
.youtube-bulk-output{width:100%;min-height:150px}


/* v0.2 — result URL readability and direct actions */
.youtube-link-block{margin-top:13px}.youtube-link-block>small{display:block;margin-bottom:6px;color:#8ba9c4;font-size:12px;font-weight:800}.youtube-link-row{margin-top:0}.youtube-link-row input{min-height:52px;padding:10px 13px;font-size:15px;font-weight:700;color:#f4f9ff;background:#061522}.youtube-link-actions{display:flex;gap:7px}.youtube-link-actions .btn{min-width:66px;min-height:44px}.youtube-card-desc{max-width:720px;margin:7px 0 0;color:#9db3c6;font-size:12px;line-height:1.6}
@media(max-width:760px){.youtube-link-actions{display:grid;grid-template-columns:1fr 1fr}.youtube-link-actions .btn{width:100%}}