.tcs-image-tool{max-width:1180px;margin:24px auto;color:#17324d}.tcs-image-tool header{padding:24px;border-radius:14px;background:#07315b;color:#fff}.tcs-image-file{display:block;margin:18px 0;padding:16px;border:2px dashed #8db4cf;border-radius:10px;background:#f5faff}.tcs-image-file input{display:block;margin-top:8px}.tcs-image-grid{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:20px}.tcs-image-grid aside{padding:18px;border:1px solid #c7dbe9;border-radius:12px;background:#fff}.tcs-image-grid h2{font-size:17px;margin:20px 0 10px}.tcs-image-grid label{display:block;margin:10px 0;font-weight:600}.tcs-image-grid input:not([type=checkbox]):not([type=range]),.tcs-image-grid select{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:8px}.tcs-image-grid input[type=range]{width:70%;vertical-align:middle}.tcs-image-grid output{margin-left:8px}.tcs-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tcs-checks{display:flex;flex-wrap:wrap;gap:12px}.tcs-actions{display:flex;gap:10px;margin-top:18px}.tcs-actions button{padding:10px 16px;border:0;border-radius:7px;background:#07549b;color:#fff;font-weight:700;cursor:pointer}.tcs-canvas-wrap{display:grid;place-items:center;min-height:500px;padding:20px;overflow:auto;border-radius:12px;background:repeating-conic-gradient(#edf2f5 0 25%,#fff 0 50%) 50%/24px 24px}.tcs-canvas-wrap canvas{max-width:100%;height:auto;box-shadow:0 8px 30px #18364b33}@media(max-width:800px){.tcs-image-grid{grid-template-columns:1fr}.tcs-canvas-wrap{min-height:300px}}