.yt-tool-app{background:#fff;border:1px solid #d8e2ec;border-radius:18px;box-shadow:0 12px 36px rgba(26,57,87,.08);margin:2rem 0;overflow:hidden}
.yt-tool-app__header{background:#f3f8fc;padding:1.5rem 1.5rem 1.2rem;border-bottom:1px solid #d8e2ec}
.yt-tool-app__category{color:#087f8c;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.yt-tool-app h2{color:#102a43;font-size:1.55rem;margin:.45rem 0 .35rem}
.yt-tool-app p{color:#52667a;margin:0}
.yt-tool-app__body{padding:1.5rem}
.yt-tool-fields{display:grid;gap:1rem}
.yt-field{display:grid;gap:.4rem}
.yt-field--wide{grid-column:1/-1}
.yt-field label{color:#183b56;font-size:.9rem;font-weight:650}
.yt-field input,.yt-field select,.yt-field textarea{background:#fff;border:1px solid #b9c9d8;border-radius:9px;color:#17324d;font:inherit;padding:.72rem .8rem;width:100%;box-sizing:border-box}
.yt-field textarea{min-height:150px;resize:vertical}
.yt-field input:focus,.yt-field select:focus,.yt-field textarea:focus{border-color:#087f8c;box-shadow:0 0 0 3px rgba(8,127,140,.15);outline:0}
.yt-field__hint{color:#6a7d90;font-size:.78rem}
.yt-tool-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.25rem}
.yt-button{border:0;border-radius:9px;cursor:pointer;font:inherit;font-weight:700;padding:.72rem 1.05rem}
.yt-button--primary{background:#087f8c;color:#fff}.yt-button--primary:hover{background:#056772}
.yt-button--quiet{background:#eaf0f5;color:#24445e}.yt-button--quiet:hover{background:#dbe6ee}
.yt-tool-status{color:#b42318;font-size:.88rem;min-height:1.3rem;margin-top:.8rem}
.yt-tool-result{background:#f7fafc;border:1px solid #d8e2ec;border-radius:12px;margin-top:1rem;padding:1rem}
.yt-tool-result__top{align-items:center;color:#183b56;display:flex;justify-content:space-between;gap:1rem}
.yt-tool-result pre{background:#102a43;border-radius:8px;color:#e7f5f5;font:500 .9rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;margin:1rem 0 0;max-height:26rem;overflow:auto;padding:1rem;white-space:pre-wrap;word-break:break-word}
.yt-copy-button,.yt-download-button{background:transparent;border:0;color:#087f8c;cursor:pointer;font:inherit;font-size:.85rem;font-weight:700;text-decoration:none}
.yt-tool-app__privacy{border-top:1px solid #edf2f6;font-size:.78rem;padding:1rem 1.5rem}.yt-tool-app__privacy span{color:#087f8c;font-weight:800}
.yt-preview-card{background:#fff;border:1px solid #d8e2ec;border-radius:10px;color:#1a0dab;padding:1rem}.yt-preview-card strong{display:block;color:#1a0dab;font-size:1.05rem}.yt-preview-card small{color:#16803c;display:block;margin:.35rem 0}.yt-preview-card p{color:#4d5156}
.yt-image-preview{display:block;max-height:280px;max-width:100%;margin-top:1rem}
@media (min-width:680px){.yt-tool-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.yt-field--wide{grid-column:1/-1}}