
/* Break out of narrow WordPress content columns and give artists a full work surface. */
.asc{box-sizing:border-box!important;width:100%!important;max-width:1200px!important;position:relative;margin:18px auto!important;left:auto;transform:none}
/* The closed header follows the same centered column as neighboring plugin headers.
   When opened, the editor gets working space without changing its center line. */
.asc[open]{width:min(1400px,calc(100vw - 32px))!important;max-width:none!important;left:50%;transform:translateX(-50%);margin:18px 0!important}
@media(max-width:700px){.asc[open]{width:calc(100vw - 24px)!important}}
.asc *{box-sizing:border-box}
.asc-body,.asc-grid,.asc-main,.asc-side{min-width:0}
.asc-fold-btn{list-style:none;width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;border:1px solid #FFCCFF;background:#D9FFFF;outline:none;border-radius:999px;cursor:pointer}
.asc-fold-btn::-webkit-details-marker{display:none}.asc-fold-title{font-weight:700;font-size:14px;color:#111}.asc-fold-tip{font-size:12px;color:#777}.asc-body{margin-top:12px}.asc-head{margin:2px 0 10px}.asc-sub{color:#555;font-size:13px;line-height:1.7}
.asc-grid{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(300px,1fr);gap:14px}
@media(max-width:1100px){.asc-grid{grid-template-columns:1fr}}
.asc-card{background:#fff;border:1px solid #e9e9e9;border-radius:0;padding:14px}.asc-card-title{font-weight:700;margin-bottom:10px}
.asc-canvas-wrap{border:1px solid #efefef;border-radius:0;overflow:hidden;background:#fafafa}.asc-canvas{display:block;width:100%;height:auto}
.asc-hint,.asc-note{margin-top:10px;color:#666;font-size:12px;line-height:1.65}.asc-block{margin-top:14px}.asc-h{font-weight:700;font-size:13px;margin-bottom:8px}
.asc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.asc-btn{flex:1 1 160px;padding:11px 14px;border-radius:999px;border:1px solid #FFCCFF;background:#0E4426;color:#fff;cursor:pointer;font-size:13px}.asc-btn-ghost{border-color:#ddd;background:#fff;color:#111}
.asc-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.asc-add-grid{grid-template-columns:repeat(3,1fr)}
.asc-mini-btn{padding:9px 8px;border:1px solid #BFD5DB;background:#F0FFFF;border-radius:18px;color:#24363d;font-size:12px;cursor:pointer}.asc-mini-btn:hover{background:#FFEDFF}.asc-mini-btn-warn{border-color:#f0b5b5}
.asc-template-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.asc-template-btn{padding:8px 0;border:1px solid #BFD5DB;background:#F0FFFF;border-radius:14px;color:#24363d;font-size:12px;cursor:pointer}.asc-template-btn.is-active{background:#FFEDFF;border-color:#8e5797;font-weight:700}
.asc-palette{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}.asc-swatch{width:18px;height:18px;min-width:18px;min-height:18px;border:1px solid #aaa;border-radius:999px;padding:0;cursor:pointer}.asc-swatch.is-selected{outline:3px solid #222;outline-offset:1px;border-color:#fff}.asc-swatch:disabled{opacity:.55;cursor:not-allowed}
.asc-picked,.asc-msg{margin-top:8px;color:#555;font-size:12px}.asc-msg{min-height:18px;color:#38536b}
.asc-kv{display:flex;justify-content:space-between;gap:10px;margin-top:8px}.asc-k{color:#333;font-size:13px}.asc-v{color:#111;font-size:13px;font-weight:700}
@media(max-width:640px){.asc-template-grid{grid-template-columns:repeat(4,1fr)}.asc-tool-grid,.asc-add-grid{grid-template-columns:repeat(2,1fr)}.asc-actions{gap:8px}.asc-btn{font-size:12px;padding:10px 8px}.asc-swatch{width:16px;height:16px;min-width:16px;min-height:16px}}

.asc-alpha-wrap{margin-top:8px}
.asc-alpha-range{width:100%;margin-top:4px}

/* v2.2.5: action buttons moved below sidebar parameters; other styling unchanged. */
.asc-side .asc-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.asc-side .asc-actions .asc-btn{min-width:0;padding:10px 6px}
.asc-side .asc-actions .asc-btn:last-child{grid-column:1/-1}
