.ufxots-tool{--ots-blue:#2563eb;--ots-ink:#0f1f3d;--ots-muted:#667085;--ots-line:#dbe4f0;--ots-soft:#f7f9fd;--ots-green:#059669;--ots-red:#dc2626;color:var(--ots-ink)}
.ufxots-workspace{align-items:stretch}.ufxots-workspace>.at-card{position:relative;overflow:hidden;border:1px solid var(--ots-line);box-shadow:0 18px 50px rgba(15,31,61,.07);border-radius:20px;padding:clamp(20px,3vw,32px)}
.ufxots-input-card:before,.ufxots-result-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;top:-110px;background:linear-gradient(135deg,rgba(37,99,235,.13),rgba(139,92,246,.08));pointer-events:none}
.ufxots-card-heading,.ufxots-result-head{position:relative;z-index:1}.ufxots-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--ots-blue);font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px}.ufxots-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.ufxots-tool h3{font-weight:600;letter-spacing:-.02em}.ufxots-card-heading h3,.ufxots-result-head h3{font-size:clamp(21px,2.2vw,27px);margin:0 0 8px}.ufxots-card-heading p{margin:0 0 22px;line-height:1.7}
.ufxots-tool .at-field{margin:0 0 17px}.ufxots-tool .at-field label{display:block;font-weight:600;font-size:13px;color:var(--ots-ink);margin-bottom:7px}.ufxots-tool .at-input,.ufxots-tool .at-textarea{width:100%;border:1px solid #cfd9e8;border-radius:12px;background:#fff;color:#17233d;min-height:46px;padding:11px 13px;box-shadow:0 1px 2px rgba(16,24,40,.03);transition:border-color .18s,box-shadow .18s}.ufxots-tool .at-textarea{min-height:150px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.55}.ufxots-tool .at-input:focus,.ufxots-tool .at-textarea:focus{outline:0;border-color:#7aa2ff;box-shadow:0 0 0 4px rgba(37,99,235,.1)}
.ufxots-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ufxots-fields-grid .at-field{margin:0}.ufxots-fields-grid+.at-field,.ufxots-dynamic-fields>.at-field{margin-top:16px}.ufxots-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ufxots-inline .at-input{flex:1 1 150px}.ufxots-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 18px}.ufxots-check{display:flex;align-items:flex-start;gap:9px;background:var(--ots-soft);border:1px solid #e5ebf4;padding:10px;border-radius:11px;font-size:13px}.ufxots-check input{margin-top:2px;accent-color:var(--ots-blue)}
.ufxots-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}.ufxots-actions .at-btn{min-height:44px;border-radius:11px;font-weight:600}.ufxots-actions .ufxots-run{box-shadow:0 8px 20px rgba(37,99,235,.2)}.ufxots-actions .ufxots-run[disabled]{opacity:.55;cursor:wait}.ufxots-privacy{border-top:1px dashed var(--ots-line);padding-top:16px;margin:20px 0 0;line-height:1.65}
.ufxots-drop{position:relative;border:1.5px dashed #aebfd6;border-radius:15px;background:linear-gradient(180deg,#fbfdff,#f6f9fd);padding:25px 18px;text-align:center;display:grid;justify-items:center;gap:5px;transition:.2s}.ufxots-drop.is-over{border-color:var(--ots-blue);background:#eff5ff;transform:translateY(-1px)}.ufxots-drop-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e9f0ff;color:var(--ots-blue);font-size:26px;margin-bottom:4px}.ufxots-drop span{font-size:12px;color:var(--ots-muted)}.ufxots-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.ufxots-file-list{font-size:12px;color:#344054;margin-top:8px;max-width:100%;word-break:break-word}
.ufxots-result-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid var(--ots-line);padding-bottom:16px}.ufxots-output-actions{display:flex;gap:7px}.ufxots-icon-btn{border:1px solid var(--ots-line);background:#fff;color:#344054;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:600;cursor:pointer}.ufxots-icon-btn:hover{border-color:#9db5db;color:var(--ots-blue)}.ufxots-status{margin:17px 0;padding:12px 14px;border-radius:11px;background:#f4f7fb;color:#475467;font-size:13px;line-height:1.5}.ufxots-status.is-working{background:#eff6ff;color:#1d4ed8}.ufxots-status.is-success{background:#ecfdf3;color:#047857}.ufxots-status.is-error{background:#fff1f2;color:#be123c}.ufxots-status.is-warning{background:#fffbeb;color:#a16207}
.ufxots-output{max-height:560px;overflow:auto}.ufxots-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.ufxots-stat{background:var(--ots-soft);border:1px solid #e7ecf3;border-radius:12px;padding:12px}.ufxots-stat span{display:block;color:var(--ots-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.ufxots-stat strong{display:block;color:var(--ots-ink);font-size:15px;word-break:break-word}.ufxots-table-wrap{overflow:auto;border:1px solid var(--ots-line);border-radius:12px}.ufxots-table{width:100%;border-collapse:collapse;font-size:12px}.ufxots-table th{position:sticky;top:0;background:#f2f5fa;color:#344054;text-align:left;font-weight:650}.ufxots-table th,.ufxots-table td{padding:10px 11px;border-bottom:1px solid #e8edf4;vertical-align:top;word-break:break-word}.ufxots-table tr:last-child td{border-bottom:0}.ufxots-code{white-space:pre-wrap;word-break:break-word;background:#101827;color:#d7e3f4;border-radius:13px;padding:16px;max-height:380px;overflow:auto;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.ufxots-notice{font-size:12px;color:#667085;margin:14px 0 0;line-height:1.55}.ufxots-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:15px}.ufxots-swatch{aspect-ratio:1;border-radius:10px;border:1px solid rgba(15,23,42,.1);position:relative;overflow:hidden}.ufxots-swatch span{position:absolute;inset:auto 0 0;background:rgba(255,255,255,.88);padding:3px;font-size:8px;text-align:center;color:#111827}.ufxots-preview{margin:14px 0;border-radius:14px;overflow:hidden;border:1px solid var(--ots-line);background:#eef2f7;min-height:80px}.ufxots-preview img,.ufxots-preview video{display:block;max-width:100%;height:auto;margin:auto}.ufxots-preview canvas{max-width:100%;height:auto;display:block;margin:auto}
.ufxots-editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.ufxots-editorial-card{position:relative;padding:22px!important;border-radius:16px!important;overflow:hidden}.ufxots-editorial-card h3{font-size:16px;margin:0 0 8px;padding-right:35px}.ufxots-editorial-card p{font-size:13px;line-height:1.7;color:#5f6b7e;margin:0}.ufxots-editorial-number{position:absolute;right:16px;top:14px;color:#d6dfed;font-size:25px;font-weight:700}.ufxots-editorial-warning{background:linear-gradient(145deg,#fff,#fffaf0)}
.ufxots-builder-preview{border:1px solid var(--ots-line);border-radius:12px;padding:14px;margin:12px 0;background:#fff}.ufxots-gradient-preview{height:110px;border-radius:12px;border:1px solid rgba(0,0,0,.08)}.ufxots-shadow-preview{height:120px;margin:25px;border-radius:15px;background:#fff}.ufxots-compare{position:relative;overflow:hidden;aspect-ratio:16/9;background:#e5e7eb}.ufxots-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.ufxots-compare .ufxots-after{clip-path:inset(0 0 0 50%)}.ufxots-compare input{position:absolute;z-index:3;left:4%;right:4%;bottom:12px;width:92%}.ufxots-chip-list{display:flex;flex-wrap:wrap;gap:7px}.ufxots-chip{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef4ff;color:#2451a6;font-size:11px;font-weight:600}.ufxots-progress{height:8px;background:#e8edf5;border-radius:999px;overflow:hidden;margin:10px 0}.ufxots-progress span{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#8b5cf6);width:0;transition:width .2s}
@media(max-width:900px){.ufxots-editorial-grid{grid-template-columns:1fr}.ufxots-output{max-height:none}.ufxots-workspace{gap:15px}}
@media(max-width:620px){.ufxots-workspace>.at-card{padding:19px;border-radius:16px}.ufxots-fields-grid,.ufxots-check-grid,.ufxots-summary{grid-template-columns:1fr}.ufxots-palette{grid-template-columns:repeat(4,1fr)}.ufxots-actions .at-btn{flex:1}.ufxots-result-head{align-items:center}.ufxots-table{min-width:560px}}
[data-theme="dark"] .ufxots-tool{--ots-ink:#e7eefb;--ots-muted:#a9b7cc;--ots-line:#334155;--ots-soft:#192538}[data-theme="dark"] .ufxots-workspace>.at-card,[data-theme="dark"] .ufxots-editorial-card,[data-theme="dark"] .ufxots-builder-preview{background:#111b2c;color:var(--ots-ink)}[data-theme="dark"] .ufxots-tool .at-input,[data-theme="dark"] .ufxots-tool .at-textarea,[data-theme="dark"] .ufxots-icon-btn{background:#0d1727;color:#e7eefb;border-color:#344258}[data-theme="dark"] .ufxots-drop{background:#111c2d;border-color:#43516a}[data-theme="dark"] .ufxots-table th{background:#1c293d}[data-theme="dark"] .ufxots-table td{border-color:#344258}[data-theme="dark"] .ufxots-editorial-card p{color:#b5c1d3}