.l01-extra{color:#254058;font-family:inherit}.l01-extra *{box-sizing:border-box}.l01-extra .ex-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px}.l01-extra button,.l01-extra select,.l01-extra input{font:inherit;min-height:44px}.l01-extra button{padding:8px 13px;background:#fff;border:1px solid #afc5da;border-radius:9px;color:#24455d;cursor:pointer}.l01-extra button[aria-pressed="true"],.l01-extra .ex-primary{background:#267bca;color:#fff;border-color:#267bca}.l01-extra button:disabled{opacity:.45;cursor:default}.l01-extra label{display:flex;align-items:center;gap:6px;font-size:15px}.l01-extra input[type="number"]{width:64px;border:1px solid #b7c9d9;border-radius:7px;padding:5px}.l01-extra select{max-width:155px;border:1px solid #b7c9d9;border-radius:7px;padding:5px}.l01-extra input[type="range"]{width:150px;accent-color:#e66aa5;min-width:80px}.l01-extra .ex-canvas{overflow:hidden;background:#edf3ff;border:1px solid #b9cce4;border-radius:14px;position:relative}.l01-extra svg{display:block;width:100%;height:auto;touch-action:none;user-select:none}.l01-extra svg text{font-family:inherit;user-select:none;pointer-events:none}.l01-extra .ex-status{min-height:45px;margin:8px 0 0;line-height:1.6;font-size:15px;color:#3f5a72}.l01-extra .ex-note{margin:0 0 10px;line-height:1.6;color:#57708a;font-size:14px}.l01-extra .ex-selection{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border:1px solid #c5d6e4;border-radius:10px;padding:8px;margin:10px 0;background:#f7fbff}.l01-extra .ex-selection[hidden]{display:none}.l01-extra .ex-colors{display:flex;gap:5px;align-items:center}.l01-extra .ex-color{width:36px;min-height:36px;padding:0;border:3px solid transparent;border-radius:50%;background:var(--swatch);position:relative}.l01-extra .ex-color[aria-pressed="true"]{background:var(--swatch);border-color:#254058}.l01-extra .ex-color[aria-pressed="true"]:after{content:'✓';font-weight:bold;color:#153348}.l01-extra .ex-help{background:#dceafb;color:#244a69;padding:7px 12px;border-radius:8px;font-size:14px}.l01-extra .ex-grow{flex:1}.l01-extra button:focus-visible,.l01-extra input:focus-visible,.l01-extra select:focus-visible{outline:3px solid #ec96bc;outline-offset:3px}.l01-extra .ex-empty{color:#7990a7}.l01-extra .ex-saved-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.l01-extra .ex-saved-list span{font-size:14px;background:#fff;border:1px solid #bfd5e9;padding:5px 9px;border-radius:7px}@media(max-width:600px){.l01-extra .ex-tools{gap:6px}.l01-extra button{padding:7px 10px;font-size:14px}.l01-extra .ex-tools label{font-size:14px}.l01-extra .ex-status{font-size:14px}.l01-extra .ex-note{font-size:13px}.l01-extra input[type="range"]{width:110px}.l01-extra .ex-selection{gap:6px;padding:7px}.l01-extra .ex-color{width:32px;min-height:36px}.l01-extra .ex-selection .ex-colors{flex-basis:100%}.l01-extra select{max-width:138px}}
.l01-extra [hidden]{display:none!important}
.l01-extra button,.l01-extra select,.l01-extra input{touch-action:manipulation}