/* Uncodemy social-career bundle: layout for custom-UI tools only. Scoped under .uct; colours come from the site theme (var(--accent)). */
.uct .ucs-card{display:grid;gap:14px}
.uct .ucs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.uct .ucs-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.uct .ucs-f.full{grid-column:1/-1}
.uct .ucs-f label,.uct .ucs-card label{font-weight:600;font-size:14px}
.uct .ucs-card input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),.uct .ucs-card select,.uct .ucs-card textarea{width:100%;max-width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d6dbe4;border-radius:10px;font:inherit;background:#fff}
.uct .ucs-card textarea{resize:vertical;min-height:90px}
.uct .ucs-card input:focus-visible,.uct .ucs-card select:focus-visible,.uct .ucs-card textarea:focus-visible,.uct .ucs-card button:focus-visible{outline:2px solid var(--accent,#ff5421);outline-offset:2px}
.uct .ucs-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.uct .ucs-row>select,.uct .ucs-row>input{flex:1 1 160px;width:auto}
.uct .ucs-small{font-size:13px;color:#5b6475;margin:0}
.uct .ucs-card img,.uct .ut-result img{max-width:100%;height:auto}
.uct .ucs-sig{background:#fff;border:1px solid #e3e7ee;border-radius:10px;padding:14px;overflow-x:auto}
.uct .ucs-preview{background:#fff;border:1px solid #e3e7ee;border-radius:10px;padding:14px;overflow-x:auto;font-size:14px;line-height:1.55}.uct .ucs-preview h1{font-size:19px}.uct .ucs-preview h2{font-size:16px}
.uct .ucs-stage{display:grid;gap:10px}.uct .ucs-q{margin:0;font-size:18px}
.uct .ucs-timer{font-weight:700;font-variant-numeric:tabular-nums}.uct .ucs-timer.over{color:var(--accent,#ff5421)}