.gx-tool{--gx-ink:#122435;--gx-muted:#526473;--gx-teal:#64e0d0;--gx-line:#dce6ea;max-width:980px;margin:28px auto;padding:clamp(18px,3vw,32px);background:#fff;border:1px solid var(--gx-line);border-radius:22px;box-shadow:0 14px 40px #132d3d0d;color:var(--gx-ink);font:inherit}.gx-tool *{box-sizing:border-box}.gx-tool h2{margin:0 0 8px;color:#122435;font-size:clamp(23px,3vw,32px);line-height:1.2}.gx-tool p{color:var(--gx-muted);line-height:1.6}.gx-tool .gx-lead{margin:0 0 22px}.gx-tool .gx-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gx-tool label{display:block;margin:0 0 7px;font-weight:650;color:#20394a}.gx-tool input[type=file],.gx-tool input[type=text],.gx-tool input[type=number],.gx-tool select,.gx-tool textarea{width:100%;padding:12px 13px;border:1px solid #cdd9df;border-radius:11px;background:#fff;color:#132b3b;font:inherit}.gx-tool textarea{min-height:190px;resize:vertical;line-height:1.55}.gx-tool input:focus,.gx-tool select:focus,.gx-tool textarea:focus{outline:3px solid #64e0d045;border-color:#178e8d}.gx-tool .gx-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.gx-tool button{border:0;border-radius:11px;padding:11px 16px;background:#14384b;color:#fff;font:inherit;font-weight:700;cursor:pointer}.gx-tool button:hover{background:#205b6b}.gx-tool button.gx-secondary{background:#e8f2f4;color:#18394a}.gx-tool button:disabled{opacity:.5;cursor:not-allowed}.gx-tool .gx-status{min-height:25px;margin:12px 0;color:#225b57;font-weight:600}.gx-tool .gx-small{font-size:13px;color:#657784}.gx-tool .gx-preview{margin:16px 0;padding:16px;border:1px dashed #b9cbd2;border-radius:15px;background:#f6fafb;overflow:hidden}.gx-tool .gx-preview img,.gx-tool canvas{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:9px}.gx-tool .gx-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:10px}.gx-tool .gx-card{padding:8px;background:#fff;border:1px solid var(--gx-line);border-radius:10px;text-align:center}.gx-tool .gx-card img{width:100%;height:auto;border-radius:6px}.gx-tool .gx-output{display:grid;gap:12px;margin-top:15px}.gx-tool .gx-output article{padding:14px;border:1px solid var(--gx-line);border-radius:12px;background:#f9fbfc;white-space:pre-wrap}.gx-tool .gx-post-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6fafb;border:1px solid var(--gx-line);border-radius:14px;padding:17px;line-height:1.65}.gx-tool .gx-count{font-variant-numeric:tabular-nums;color:#486171}.gx-tool .gx-safe{position:relative;width:min(100%,520px);margin:auto;aspect-ratio:9/16;background:linear-gradient(145deg,#153b4b,#1d6671);border-radius:14px;overflow:hidden}.gx-tool .gx-safe img{width:100%;height:100%;object-fit:cover;opacity:.78}.gx-tool .gx-safe:after{content:"SAFE AREA";position:absolute;inset:16% 12%;display:grid;place-items:center;border:2px dashed #75f2df;color:white;font-size:clamp(15px,3vw,24px);font-weight:800;text-shadow:0 2px 9px #000;box-shadow:0 0 0 999px #0a1c2866}.gx-tool .gx-banner-preview{position:relative;width:min(100%,760px);aspect-ratio:16/9;margin:auto;background:#e7eef1;overflow:hidden;border-radius:12px}.gx-tool .gx-banner-preview img{width:100%;height:100%;object-fit:cover}.gx-tool .gx-banner-preview:after{content:"All devices";position:absolute;left:20%;right:20%;top:35.3%;bottom:35.3%;display:grid;place-items:center;border:2px dashed #64e0d0;background:#102b3c55;color:white;font-weight:800;text-shadow:0 1px 5px #000}.gx-tool .gx-pinterest{width:min(100%,400px);aspect-ratio:2/3;margin:auto;border-radius:16px;overflow:hidden;position:relative;background:#173d4c center/cover no-repeat;display:flex;align-items:flex-end;padding:24px}.gx-tool .gx-pin-copy{width:100%;padding:20px;border-radius:15px;background:#fff;color:#152d3b;box-shadow:0 4px 20px #001a2b33}.gx-tool .gx-pin-copy h3{margin:0 0 7px;font-size:27px;line-height:1.12;color:#152d3b}.gx-tool .gx-pin-copy p{margin:0;color:#526473}.gx-tool .gx-thumb{position:relative;width:min(100%,640px);aspect-ratio:16/9;margin:auto;background:#eef3f5;border-radius:12px;overflow:hidden}.gx-tool .gx-thumb img{width:100%;height:100%;object-fit:cover}.gx-tool .gx-thumb:after{content:"▶";position:absolute;right:13px;bottom:12px;padding:4px 8px;border-radius:6px;background:#090909d9;color:white;font-size:13px}.gx-tool .gx-grid-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;max-width:450px;margin:auto}.gx-tool .gx-grid-preview img{width:100%;aspect-ratio:1;object-fit:cover}.gx-tool .gx-table-wrap{overflow:auto}.gx-tool table{width:100%;border-collapse:collapse;font-size:14px}.gx-tool th,.gx-tool td{padding:8px 10px;border:1px solid var(--gx-line);text-align:left;white-space:nowrap}.gx-tool th{background:#eef5f6}@media(max-width:640px){.gx-tool{margin:18px 0;padding:18px 15px;border-radius:16px}.gx-tool .gx-fields{grid-template-columns:1fr}.gx-tool .gx-actions button{flex:1 1 auto}.gx-tool textarea{min-height:155px}}