/* same styles as v0.1.0 with little tweaks */
.tcs-container{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#0f1216;color:#cdd5e0;padding:16px;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.tcs-topbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.tcs-logo{width:28px;height:28px;border-radius:50%;background:#1f2937;display:flex;align-items:center;justify-content:center;font-weight:700}
.tcs-title{font-weight:700}
.tcs-lang{margin-left:auto;opacity:.7}
.tcs-tabs{display:flex;gap:8px;margin:10px 0 14px;flex-wrap:wrap}
.tcs-tab{background:#131923;border:1px solid #1e2633;border-radius:10px;padding:6px 10px;color:#cdd5e0}
.tcs-tab.active{box-shadow:inset 0 0 0 1px #2a3546}
.tcs-body{display:grid;grid-template-columns:320px 1fr 280px;gap:16px}
.tcs-card{background:#0b0e13;border:1px solid #1a2432;border-radius:14px;padding:12px;margin-bottom:12px}
.tcs-card-title{font-size:12px;opacity:.8;margin-bottom:6px}
.tcs-hint{font-size:12px;opacity:.6}
.tcs-card input[type=file], .tcs-card textarea{width:100%;background:#0f1420;border:1px dashed #243046;border-radius:12px;color:#cdd5e0;padding:10px}
.tcs-center{display:flex;flex-direction:column;gap:10px}
.tcs-canvas{background:#0b0e13;border:1px solid #1a2432;border-radius:14px;min-height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.tcs-canvas-empty{opacity:.6;text-align:center}
.tcs-toolbar{display:flex;align-items:center;gap:12px}
.tcs-ratios button{background:#0f1420;border:1px solid #22314a;border-radius:10px;padding:6px 10px;color:#cdd5e0;margin-right:6px}
.tcs-ratios button.active{box-shadow:inset 0 0 0 1px #2a90ff}
.tcs-generate{margin-left:auto;background:#1a63ff;border:none;border-radius:12px;color:white;padding:10px 14px;font-weight:700;cursor:pointer}
.tcs-history{min-height:200px;opacity:.7}
@media(max-width:1024px){.tcs-body{grid-template-columns:1fr}}