.adi{--adi-edge:#87CEEB;--adi-mist:#CCFFFF;--adi-pale:#F0FFFF;--adi-pressed:#FFEDFF;width:100%;max-width:1200px;margin:16px auto;font-family:Arial,"Microsoft YaHei",sans-serif;color:#24363d;box-sizing:border-box}
.adi *{box-sizing:border-box}.adi-toggle{display:flex;width:100%;max-width:1200px;min-height:44px;margin:0 auto;align-items:center;justify-content:center;position:relative;padding:8px 45px 8px 18px;border:1px solid #E6CCFF;border-radius:7px;background:var(--adi-mist);color:#24363d;font-size:16px;font-weight:400;cursor:pointer}.adi-toggle:hover{background:#D9FFFF}.adi-toggle[aria-expanded="true"]{background:var(--adi-pressed)}.adi-toggle-symbol{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:400}.adi-body{margin-top:12px}.adi-body[hidden]{display:none!important}.adi-intro{font-size:13px;line-height:1.7;margin:0 0 13px;color:#53636b}.adi-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);gap:14px}.adi-art-area,.adi-controls{border:1px solid var(--adi-edge);border-radius:8px;background:#fff;padding:13px;min-width:0}.adi-canvas-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;font-size:14px}.adi-live{font-size:11px;color:#4c7c66}.adi-canvas-shell{aspect-ratio:1;background:#fff;border:1px solid #d7e1e4;overflow:hidden}.adi-canvas{width:100%;height:100%;display:block;touch-action:manipulation}.adi-controls h3{font-size:16px;margin:0 0 14px;font-weight:600}.adi-controls label{display:block;font-size:13px;margin:0 0 14px}.adi-controls select,.adi-controls input[type="number"]{display:block;width:100%;margin-top:6px;padding:7px 9px;border:1px solid #bddde7;border-radius:6px;background:#fff;color:#24363d;font:inherit}.adi-controls input[type="range"]{display:block;width:100%;margin-top:10px;accent-color:#6687a0;cursor:pointer}.adi-controls output{float:right;font-variant-numeric:tabular-nums}.adi-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.adi-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:3px}.adi-actions button{cursor:pointer;background:var(--adi-pale);border:1px solid var(--adi-edge);border-radius:7px;color:#24363d;padding:10px 7px;font-size:12px}.adi-actions button:hover{background:var(--adi-pressed)}.adi-note{color:#677780;font-size:12px;line-height:1.6;margin:10px 0 0}.adi-state{font-size:12px;min-height:18px;color:#39566a;margin:12px 0 0}@media(max-width:840px){.adi-layout{grid-template-columns:1fr}}@media(max-width:520px){.adi-grid-two{grid-template-columns:1fr}.adi-toggle{font-size:14px}.adi-art-area,.adi-controls{padding:9px}}

/* v1.3: creative controls */
.adi-advanced{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.adi-canvas-shell:fullscreen{display:grid;place-items:center;background:#111}
.adi-canvas-shell:fullscreen .adi-canvas{width:min(100vh,100vw);height:min(100vh,100vw)}
@media(max-width:480px){.adi-advanced{grid-template-columns:1fr}}

/* v1.4.1 — relocate primary parameters below the left canvas */
.adi-under-canvas-controls{margin-top:16px;padding-top:12px;border-top:1px solid #d9e8ee}
.adi-under-canvas-controls h3{font-size:15px;font-weight:600;margin:0 0 12px}
.adi-under-canvas-controls label{display:block;font-size:13px;margin:0 0 13px}
.adi-under-canvas-controls select{display:block;width:100%;margin-top:6px;padding:7px 9px;border:1px solid #bddde7;border-radius:6px;background:#fff;color:#24363d;font:inherit}
.adi-under-canvas-controls input[type="range"]{display:block;width:100%;margin-top:10px;accent-color:#6687a0;cursor:pointer}
.adi-under-canvas-controls output{float:right;font-variant-numeric:tabular-nums}
.adi-under-canvas-controls .adi-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
@media(max-width:520px){.adi-under-canvas-controls .adi-grid-two{grid-template-columns:1fr}}

/* v1.4.2: 大按钮宽度1100px */
.adi .adi-toggle{width:100%;max-width:1100px!important}