.arttao-varctrl-wrap{--cyan:#CCFFFF;--pale:#F7FFFF;--line:#d9e3e3;max-width:1180px;margin:28px auto;color:#202020;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.7;font-weight:400}
.arttao-varctrl-wrap *{box-sizing:border-box}
.arttao-varctrl-title{text-align:center;font-size:20px;font-weight:400;margin:4px 0 16px}
.arttao-varctrl-master-toggle{position:relative;width:100%;border:1px solid #99CCCC;border-radius:9px;background:#CCFFFF;min-height:46px;padding:6px 48px;font-size:18px;font-weight:400;cursor:pointer;text-align:center}
.arttao-varctrl-master-toggle i{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;font-size:24px;font-weight:300;transition:.2s}
.arttao-varctrl-master-toggle[aria-expanded=true] i{transform:translateY(-50%) rotate(45deg)}
.arttao-varctrl-master-body{padding-top:12px}.arttao-varctrl-master-body[hidden],.arttao-varctrl-panel-body[hidden],.arttao-varctrl-compare[hidden],.arttao-varctrl-analysis[hidden]{display:none!important}
.arttao-varctrl-panel{border:1px solid #cbd8d8;border-radius:8px;margin:0 0 10px;overflow:hidden;background:#fff}
.arttao-varctrl-panel-toggle{width:100%;border:0;background:#F2FFFF;min-height:40px;padding:5px 14px;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:400;cursor:pointer;text-align:left}
.arttao-varctrl-panel-toggle i{font-style:normal;font-size:22px;font-weight:300;transition:.2s}.arttao-varctrl-panel-toggle[aria-expanded=true] i{transform:rotate(45deg)}
.arttao-varctrl-panel-body{padding:14px}
.arttao-varctrl-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.arttao-varctrl-field{margin-bottom:11px}.arttao-varctrl-field label{display:block;font-size:11px;color:#555;margin-bottom:4px}
.arttao-varctrl-field input,.arttao-varctrl-field select,.arttao-varctrl-field textarea{width:100%;border:1px solid #cfdada;border-radius:6px;padding:8px 9px;font:inherit;font-size:11px;background:#fff}
.arttao-varctrl-mode{display:flex;gap:18px;margin-bottom:12px;font-size:11px}
.arttao-varctrl-sliders{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-bottom:12px}
.arttao-varctrl-slider{border:1px solid #edf1f1;border-radius:6px;padding:8px 10px;background:#fafcfc}
.arttao-slider-label{display:flex;justify-content:space-between;font-size:10px}.arttao-slider-label b{font-weight:400}
.arttao-varctrl-slider input[type=range]{width:100%}
.arttao-effect-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.arttao-effect-chip{border:1px solid #cbdada;background:#fff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:400;cursor:pointer}
.arttao-effect-chip.is-selected{background:#CCFFFF;border-color:#99CCCC}
.arttao-varctrl-generate,.arttao-varctrl-analyze,.arttao-varctrl-save{border:1px solid #99CCCC;background:#CCFFFF;border-radius:6px;padding:7px 13px;font-size:11px;font-weight:400;cursor:pointer}
.arttao-varctrl-empty,.arttao-varctrl-login-note{font-size:11px;color:#777;background:#fafcfc;padding:10px;border-radius:6px}
.arttao-varctrl-compare{overflow:auto}
.arttao-varctrl-compare table{width:100%;border-collapse:collapse;font-size:10px}
.arttao-varctrl-compare th,.arttao-varctrl-compare td{border:1px solid #dce5e5;padding:7px;vertical-align:top;text-align:left}
.arttao-varctrl-compare th{background:#F7FFFF;font-weight:400;min-width:100px}.arttao-varctrl-compare thead th{background:#CCFFFF}
.arttao-varctrl-analysis{margin-top:10px;border-left:3px solid #99CCCC;background:#fafcfc;padding:10px 12px;font-size:11px}
.arttao-varctrl-analysis h4{font-size:12px;font-weight:400;margin:5px 0}
.arttao-varctrl-notice{background:#effaf3;border:1px solid #b9e0c6;border-radius:7px;padding:9px 11px;margin-bottom:12px;font-size:11px}
.arttao-slider-dim{opacity:.35}
@media(max-width:800px){.arttao-varctrl-grid.two,.arttao-varctrl-sliders{grid-template-columns:1fr}.arttao-varctrl-mode{flex-direction:column;gap:6px}}