.txutil-tool{font-family:inherit;color:#0f172a}.txutil-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:28px;align-items:start;overflow:visible}.txutil-panel,.txutil-preview-panel{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:30px;box-shadow:0 24px 70px rgba(15,23,42,.07)}.txutil-preview-panel{position:sticky;top:96px;height:fit-content;overflow:visible}.txutil-section-title{display:flex;align-items:flex-start;gap:18px;margin:0 0 24px}.txutil-section-title>span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:900;font-size:19px;flex:0 0 auto}.txutil-section-title h3{margin:0 0 5px;font-size:30px;line-height:1.15;color:#0f172a}.txutil-section-title p{margin:0;color:#64748b;font-size:18px}.txutil-small-title{margin-top:30px}.txutil-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.txutil-span-2{grid-column:1/-1}.txutil-field{margin:0 0 18px}.txutil-field label{display:block;font-weight:800;margin:0 0 8px;color:#0f172a}.txutil-field input,.txutil-field select,.txutil-field textarea{width:100%;border:1px solid #dbe3ee;border-radius:18px;background:#f8fafc;color:#0f172a;padding:15px 17px;font:inherit;outline:none;box-sizing:border-box;transition:.2s}.txutil-field input:focus,.txutil-field select:focus,.txutil-field textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 4px rgba(79,70,229,.1);background:#fff}.txutil-field input[type=color]{padding:6px;height:54px}.txutil-upload{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border:1px dashed #a5b4fc;border-radius:18px;background:#f5f7ff;cursor:pointer}.txutil-upload input{display:none}.txutil-upload span{font-weight:500;color:#64748b;font-size:14px}.txutil-template-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.txutil-template-card{border:2px solid #e2e8f0;border-radius:18px;background:#fff;padding:10px;cursor:pointer;text-align:left;font:inherit;transition:.2s}.txutil-template-card:hover,.txutil-template-card.is-active{border-color:#3b82f6;box-shadow:0 0 0 5px rgba(59,130,246,.1)}.txutil-template-card strong{display:block;margin-top:8px;color:#0f172a}.txutil-template-thumb{display:block;height:58px;border-radius:12px;background:#eff6ff;border-left:7px solid #2563eb}.txutil-template-thumb.corporate{background:#eef2ff;border-color:#1e3a8a}.txutil-template-thumb.minimal{background:#fff;border:1px solid #111827}.txutil-template-thumb.elegant{background:#fff7ed;border-top:7px solid #7c3aed;border-left:1px solid #e2e8f0}.txutil-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.txutil-primary-btn,.txutil-secondary-btn,.txutil-light-btn{border:0;border-radius:16px;padding:15px 20px;font:inherit;font-weight:900;cursor:pointer}.txutil-primary-btn{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}.txutil-secondary-btn{background:#0f172a;color:#fff}.txutil-light-btn{background:#f1f5f9;color:#0f172a;border:1px solid #dbe3ee}.txutil-preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.txutil-preview-head strong{font-size:24px}.txutil-preview-head span{background:#eef2ff;color:#2563eb;border-radius:999px;padding:9px 14px;font-weight:800}.txutil-card-stage,.txutil-code-stage,.txutil-barcode-stage{display:grid;place-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:22px;padding:24px;min-height:340px;overflow:hidden}.txutil-business-svg{width:100%;height:auto;filter:drop-shadow(0 18px 30px rgba(15,23,42,.14))}.txutil-code-stage canvas,.txutil-code-stage img{max-width:100%;height:auto!important}.txutil-barcode-stage svg{max-width:100%;height:auto}.txutil-preview-note{text-align:center;color:#64748b;margin:16px 0 0}.txutil-message{min-height:24px;margin:8px 0;color:#dc2626;font-weight:700}.txutil-message.is-success{color:#059669}.txutil-check{display:flex;align-items:center;gap:10px;font-weight:800;margin:0 0 18px}.txutil-check input{width:20px;height:20px}
body.tx-dark-mode .txutil-tool,html[data-theme=dark] .txutil-tool{color:#e5e7eb}.tx-dark-mode .txutil-panel,.tx-dark-mode .txutil-preview-panel,html[data-theme=dark] .txutil-panel,html[data-theme=dark] .txutil-preview-panel{background:#0f172a;border-color:#1e293b;color:#e5e7eb}.tx-dark-mode .txutil-section-title h3,.tx-dark-mode .txutil-field label,.tx-dark-mode .txutil-template-card strong,.tx-dark-mode .txutil-preview-head strong,html[data-theme=dark] .txutil-section-title h3,html[data-theme=dark] .txutil-field label,html[data-theme=dark] .txutil-template-card strong,html[data-theme=dark] .txutil-preview-head strong{color:#e5e7eb}.tx-dark-mode .txutil-section-title p,.tx-dark-mode .txutil-preview-note,html[data-theme=dark] .txutil-section-title p,html[data-theme=dark] .txutil-preview-note{color:#94a3b8}.tx-dark-mode .txutil-field input,.tx-dark-mode .txutil-field select,.tx-dark-mode .txutil-field textarea,html[data-theme=dark] .txutil-field input,html[data-theme=dark] .txutil-field select,html[data-theme=dark] .txutil-field textarea{background:#111827;color:#e5e7eb;border-color:#334155}.tx-dark-mode .txutil-template-card,html[data-theme=dark] .txutil-template-card{background:#111827;border-color:#334155}.tx-dark-mode .txutil-card-stage,.tx-dark-mode .txutil-code-stage,.tx-dark-mode .txutil-barcode-stage,html[data-theme=dark] .txutil-card-stage,html[data-theme=dark] .txutil-code-stage,html[data-theme=dark] .txutil-barcode-stage{background:#020617;border-color:#1e293b}.tx-dark-mode .txutil-light-btn,html[data-theme=dark] .txutil-light-btn{background:#1e293b;color:#e5e7eb;border-color:#334155}
@media(max-width:1100px){.txutil-grid{grid-template-columns:1fr}.txutil-preview-panel{position:relative;top:auto}.txutil-preview-panel{order:-1}}@media(max-width:700px){.txutil-panel,.txutil-preview-panel{padding:20px;border-radius:22px}.txutil-form-grid{grid-template-columns:1fr}.txutil-span-2{grid-column:auto}.txutil-template-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.txutil-section-title h3{font-size:24px}.txutil-card-stage,.txutil-code-stage,.txutil-barcode-stage{padding:14px;min-height:260px}.txutil-actions>*{width:100%}}

/* Toolxora v24 Premium Business Card Designer */
.txbc-grid{grid-template-columns:minmax(420px,.8fr) minmax(580px,1.2fr);gap:30px}.txbc-controls{padding:26px}.txbc-template-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.txbc-template-cards .txutil-template-card{padding:9px;border-radius:16px;position:relative;overflow:hidden}.txbc-template-cards .txutil-template-card small{display:block;color:#64748b;font-size:11px;margin-top:2px}.txbc-template-cards .txutil-template-thumb{height:74px;border:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(148,163,184,.25)}.txbc-template-thumb i{position:absolute;inset:0}.txutil-template-thumb.executive{background:#06080c}.txutil-template-thumb.executive:before{content:"";position:absolute;left:35%;top:-20%;width:8px;height:140%;background:linear-gradient(#8f5e14,#f5c451,#8f5e14);transform:rotate(18deg)}.txutil-template-thumb.executive:after{content:"";position:absolute;right:10px;top:10px;width:30px;height:30px;background:radial-gradient(circle,#f5c451 1.5px,transparent 2px);background-size:7px 7px}.txutil-template-thumb.minimal{background:#fff;border:1px solid #111827}.txutil-template-thumb.minimal:before{content:"";position:absolute;left:0;top:0;width:6px;height:100%;background:#2563eb}.txutil-template-thumb.glass{background:linear-gradient(135deg,#2563eb,#7c3aed 60%,#ec4899)}.txutil-template-thumb.glass:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.45);border-radius:10px;background:rgba(255,255,255,.12)}.txutil-template-thumb.corporate{background:linear-gradient(90deg,#0f2747 0 33%,#f8fafc 33%)}.txutil-template-thumb.corporate:before{content:"";position:absolute;left:31%;top:-10%;width:9px;height:120%;background:#f5c451;transform:skewX(-12deg)}.txutil-template-thumb.neon{background:#05010e;box-shadow:inset 0 0 16px #6d28d9}.txutil-template-thumb.neon:before{content:"";position:absolute;inset:8px;border:1px solid #8b5cf6;border-radius:9px;box-shadow:0 0 10px #7c3aed}.txutil-template-thumb.split{background:linear-gradient(105deg,#064e3b 0 45%,#f5c451 45% 51%,#f8fafc 51%)}.txbc-upload{min-height:58px}.txbc-preview-panel{padding:24px;background:linear-gradient(180deg,#fff,#fafbff)}.txbc-preview-head>div{display:flex;flex-direction:column}.txbc-preview-head small{color:#64748b;font-weight:600;margin-top:4px}.txbc-side-label{display:flex;align-items:center;justify-content:space-between;margin:10px 2px 10px;color:#475569;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.txbc-side-label button{width:34px;height:34px;border-radius:11px;border:1px solid #dbe3ee;background:#fff;color:#334155;cursor:pointer}.txbc-stage{min-height:0;padding:20px;background:radial-gradient(circle at 50% 0,#fff,#eef2f7);transition:.25s;overflow:auto}.txbc-stage.is-zoomed .txbc-svg{width:125%;max-width:none}.txbc-svg{filter:drop-shadow(0 18px 28px rgba(15,23,42,.22));border-radius:18px}.txbc-feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.txbc-feature-row span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;color:#475569;font-size:12px;font-weight:800;text-align:center}.txbc-qr-scratch{position:absolute;left:-9999px;top:-9999px;width:180px;height:180px}.txbc-actions{display:grid;grid-template-columns:1fr 1fr}.txbc-actions>*{width:100%}.txbc-premium input[type=color]{cursor:pointer}
.tx-dark-mode .txbc-preview-panel,html[data-theme=dark] .txbc-preview-panel{background:linear-gradient(180deg,#0f172a,#111827)}.tx-dark-mode .txbc-side-label,html[data-theme=dark] .txbc-side-label{color:#cbd5e1}.tx-dark-mode .txbc-side-label button,html[data-theme=dark] .txbc-side-label button{background:#1e293b;border-color:#334155;color:#e5e7eb}.tx-dark-mode .txbc-feature-row span,html[data-theme=dark] .txbc-feature-row span{background:#111827;border-color:#334155;color:#cbd5e1}.tx-dark-mode .txbc-template-cards .txutil-template-card small,html[data-theme=dark] .txbc-template-cards .txutil-template-card small{color:#94a3b8}
@media(max-width:1250px){.txbc-grid{grid-template-columns:1fr}.txbc-preview-panel{order:-1;position:relative;top:auto}.txbc-controls{max-width:none}}@media(max-width:700px){.txbc-template-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.txbc-actions{grid-template-columns:1fr}.txbc-stage{padding:10px}.txbc-feature-row{grid-template-columns:1fr}.txbc-preview-head{align-items:flex-start;gap:12px}}

/* Toolxora v25 Business Card layout fixes */
.txbc-stage{overflow:hidden!important}.txbc-svg{display:block}.txbc-premium input[type=range]{width:100%;accent-color:#6d28d9}.txbc-field-note{font-size:12px;color:#64748b}.txbc-preview-panel{overflow:visible!important}
@media(max-width:700px){.txbc-stage{overflow:hidden!important}.txbc-svg{width:100%!important;max-width:100%!important}.txbc-stage.is-zoomed .txbc-svg{width:100%!important}}


/* Toolxora Business Card v26 — premium templates and layout fixes */
.txutil-template-thumb.luxury{background:linear-gradient(110deg,#fffdf8 0 68%,#efe7d8 68%)}
.txutil-template-thumb.luxury:before{content:"";position:absolute;right:28%;top:-15%;width:7px;height:135%;background:linear-gradient(#8f5e14,#f5c451,#8f5e14);transform:rotate(10deg)}
.txutil-template-thumb.geometric{background:#081b35}
.txutil-template-thumb.geometric:before{content:"";position:absolute;left:0;top:0;width:48%;height:100%;background:#102b52;clip-path:polygon(0 0,78% 0,100% 50%,78% 100%,0 100%)}
.txutil-template-thumb.geometric:after{content:"";position:absolute;right:8px;top:8px;width:42px;height:35px;background:linear-gradient(135deg,#6d28d9,#2563eb);clip-path:polygon(20% 0,100% 20%,80% 100%,0 80%)}
.txutil-template-thumb.royal{background:#09090b}
.txutil-template-thumb.royal:before{content:"";position:absolute;inset:8px;border:1px solid #f5c451;border-radius:8px}
.txutil-template-thumb.royal:after{content:"";position:absolute;left:50%;top:50%;width:28px;height:28px;border:1px solid #f5c451;border-radius:50%;transform:translate(-50%,-50%)}
.txbc-upload{background:#fff!important;color:#0f172a!important;border-color:#cbd5e1!important}
.txbc-upload strong,.txbc-upload span{color:#334155!important;opacity:1!important}
.tx-dark-mode .txbc-upload,html[data-theme=dark] .txbc-upload{background:#111827!important;border-color:#475569!important}
.tx-dark-mode .txbc-upload strong,.tx-dark-mode .txbc-upload span,html[data-theme=dark] .txbc-upload strong,html[data-theme=dark] .txbc-upload span{color:#f8fafc!important}
.txbc-preview-head [data-view=templateBadge]{background:linear-gradient(135deg,#eef2ff,#e0e7ff)!important;color:#315eea!important;border:1px solid #c7d2fe!important;opacity:1!important}
.tx-dark-mode .txbc-preview-head [data-view=templateBadge],html[data-theme=dark] .txbc-preview-head [data-view=templateBadge]{background:linear-gradient(135deg,#5b21b6,#6d28d9)!important;color:#fff!important;border-color:#8b5cf6!important}
.txbc-stage{overflow:hidden!important}
.txbc-svg{width:100%;height:auto;max-width:100%;overflow:visible}
@media(max-width:700px){.txbc-template-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.txbc-stage{padding:8px}.txbc-svg{width:100%!important}.txbc-preview-panel{padding:14px}}