.ma{display:flex;flex-direction:column;gap:20px}.ma-card{overflow:hidden}.ma-head{flex-wrap:wrap}.ma-head-text{min-width:0;flex:1 1 220px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ma-head-actions{justify-content:flex-end}.ma-source{max-width:260px;font-family:inherit;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ma-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.ma-tip{display:inline-block;width:13px;height:13px;color:var(--muted);vertical-align:-2px;margin-left:2px}.ma-tex{display:inline-block;flex:none;border-radius:3px;image-rendering:pixelated;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #0000001f;vertical-align:middle}.ma-tex-none{width:18px;height:18px;background:var(--line)}.ma-editor{display:grid;grid-template-columns:minmax(0,1fr) 388px}.ma-stage{position:relative;padding:14px 16px 16px 20px;min-width:0;min-height:calc(min(64vh,580px) + 124px)}.ma-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.ma-zoom{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--input-bg);border-radius:var(--radius-control)}.ma-zoom .btn-icon{width:28px;height:28px}.ma-zoom-label{min-width:52px;height:28px;padding:0 6px;font-size:12px;font-weight:600;font-family:var(--mono);border-radius:var(--radius-chip);color:var(--text-soft)}.ma-zoom-label:hover{background:var(--card);color:var(--accent)}.ma-grid-toggle{font-weight:500}.ma-view{position:relative;display:flex;max-height:min(64vh,580px);min-height:220px;overflow:auto;padding:8px;border-radius:var(--radius-control);background:#e9eaee;touch-action:pan-x pan-y;overscroll-behavior:contain}.ma-view:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ma-view.is-zoomed{cursor:grab;height:min(64vh,580px)}.ma-view.is-crop{cursor:move;touch-action:none}.ma-wrap{position:relative;margin:auto;flex:none;box-shadow:0 1px 3px #0000002e;background:#fff}.ma-wrap.is-clear{background-color:#fff;background-image:linear-gradient(45deg,#dcdde3 25%,transparent 25%,transparent 75%,#dcdde3 75%),linear-gradient(45deg,#dcdde3 25%,transparent 25%,transparent 75%,#dcdde3 75%);background-size:16px 16px;background-position:0 0,8px 8px}.ma-wrap canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.ma-gridlines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgb(47 111 240 / .9) 1px,transparent 1px),linear-gradient(to bottom,rgb(47 111 240 / .9) 1px,transparent 1px);box-shadow:inset 0 0 0 1px #2f6ff0e6}.ma-drop,.ma-busy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;border-radius:var(--radius-control)}.ma-drop{background:#e9f0fef0;color:var(--accent);border:2px dashed var(--accent);font-size:14px}.ma-drop .i{width:20px;height:20px}.ma-busy{inset:auto 12px 12px auto;padding:8px 12px;background:var(--card);box-shadow:var(--shadow-pop);font-size:12px;color:var(--text-soft)}.ma-busy .spinner{width:14px;height:14px}.ma-drop[hidden],.ma-busy[hidden]{display:none}.ma-info{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;min-height:36px;margin-top:8px;padding:8px 12px;font-size:12.5px;color:var(--text-soft);background:var(--input-bg);border-radius:var(--radius-control)}.ma-info>span:first-child{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.ma-info .i{width:14px;height:14px;color:var(--muted)}.ma-info-stat{display:inline-flex;align-items:center;gap:5px;font-size:11.5px}.ma-info-stat strong{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--text)}.ma-info-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;box-shadow:inset 0 0 0 1px #00000026;flex:none}.ma-status{margin-top:8px;padding:8px 12px;font-size:12px}.ma-status[hidden]{display:none}.ma-side{position:relative;min-width:0;border-left:1px solid var(--line)}.ma-side-inner{position:absolute;inset:0;display:flex;flex-direction:column}.ma-sidetabs{display:flex;flex:none;margin:12px 14px 0}.ma-sidetabs button{flex:1;justify-content:center;gap:5px;padding:0 6px}.ma-sidetabs .i{width:13px;height:13px}.ma-panels{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-top:12px;border-top:1px solid var(--line)}.ma-panel{display:none}.ma-panel.is-active{display:block}.ma-panel-title{display:none;align-items:center;gap:8px;font-size:14px;font-weight:700;padding:16px 14px 4px}.ma-panel-title .i{width:16px;height:16px;color:var(--accent)}.ma-panel-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--card);border-bottom:1px solid var(--line)}.ma-panel-bar .select{height:32px;font-size:12px}.ma-preset{flex:1 1 auto;width:auto;min-width:0}.ma-panel-bar .check{flex:none;font-size:12px}.ma-panel-bar .badge{flex:none}.ma-set{display:flex;flex-direction:column;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);min-width:0}.ma-set:last-child{border-bottom:0}.ma-set-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:20px}.ma-set-head h3{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text)}.ma-set-val{font-size:11.5px;color:var(--muted)}.ma-tabs-full{display:flex;width:100%}.ma-tabs-full button{flex:1;justify-content:center}.ma-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ma-pair .select,.ma-dl .select{font-size:12px}.ma-steppers{display:flex;align-items:center;gap:8px}.ma-times{color:var(--muted);font-size:12px}.ma-stepper-row{display:flex;flex:1;gap:4px;align-items:center;min-width:0}.ma-stepper-row .btn{width:32px;height:34px;padding:0;font-size:16px;flex:none}.ma-stepper-row .input{text-align:center;padding:0 4px;min-width:0;-moz-appearance:textfield}.ma-stepper-row .input::-webkit-outer-spin-button,.ma-stepper-row .input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ma-crop-row{display:flex;align-items:center;gap:6px}.ma-crop-row .ma-inline-range{flex:1}.ma-crop-row .ma-inline-range[hidden]+.ma-colorpick{margin-right:auto}.ma-inline-range{display:grid;grid-template-columns:auto minmax(0,1fr) 38px;align-items:center;gap:8px;min-width:0}.ma-inline-range[hidden],.ma-crop-row .btn-icon[hidden]{display:none}.ma-inline-range .label{white-space:nowrap}.ma-out{font-size:11.5px;color:var(--muted);text-align:right}.ma-sliders{display:flex;flex-direction:column;gap:4px}.ma-sliders .ma-inline-range{grid-template-columns:72px minmax(0,1fr) 38px}.ma-range{width:100%;accent-color:var(--accent);height:22px;cursor:pointer}.ma-colorpick{width:34px;height:30px;padding:2px;border:1px solid var(--line-strong);border-radius:var(--radius-chip);background:var(--card);cursor:pointer;flex:none}.ma-adjust>summary{cursor:pointer;list-style:none}.ma-adjust>summary::-webkit-details-marker{display:none}.ma-adjust>summary .badge{height:18px;font-size:10.5px;margin-left:auto}.ma-adjust:not([open]){gap:0}.ma-adjust>.btn{align-self:flex-start}.ma-chev{width:14px;height:14px;color:var(--muted);transition:transform .15s;flex:none}details[open]>summary .ma-chev{transform:rotate(180deg)}.ma-color-list{display:flex;flex-direction:column}.ma-color{padding:8px 16px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px}.ma-color.is-off .ma-swatches,.ma-color.is-off .ma-color-main{opacity:.45}.ma-color.is-na{background:#fafafb}.ma-swatches{display:inline-flex;border-radius:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001a}.ma-swatches i{display:block;width:8px;height:28px}.ma-color-main{display:flex;flex-direction:column;gap:4px;min-width:0}.ma-color-name{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;min-width:0}.ma-color-name>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ma-count{margin-left:auto;font-size:11px;font-weight:500;font-family:var(--mono);white-space:nowrap}.ma-flags{display:inline-flex;gap:3px;align-items:center;flex:none}.ma-flags:empty{display:none}.ma-flags .badge,.ma-menu-item .badge{height:17px;font-size:10px;padding:0 5px;cursor:help}.ma-tip-wrap{display:inline-flex;cursor:help}.ma-flags .ma-tip{margin:0}.ma-pick{display:flex;align-items:center;gap:8px;height:32px;padding-left:7px;font-size:12px;text-align:left;color:var(--text);cursor:pointer}.ma-pick:disabled{cursor:not-allowed}.ma-pick-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ma-menu{position:fixed;z-index:1000;max-height:320px;overflow-y:auto;overscroll-behavior:contain;padding:4px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-control);box-shadow:var(--shadow-pop)}.ma-menu[hidden]{display:none}.ma-menu:focus{outline:none}.ma-menu-item{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;padding:6px 8px;font-size:12.5px;border-radius:var(--radius-chip);cursor:pointer}.ma-menu-item:hover,.ma-menu-item:focus{background:var(--input-bg);outline:none}.ma-menu-item.is-on{font-weight:600}.ma-menu-name{min-width:0}.ma-menu-check{width:14px;height:14px;margin-left:auto;color:var(--accent)}.ma-menu-note{flex-basis:100%;padding-left:30px;font-size:11px;line-height:1.3}.ma-mat-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;padding:12px 16px}.ma-chip{display:flex;flex-direction:column;gap:1px;padding:8px 10px;border-radius:var(--radius-control);background:var(--input-bg);min-width:0}.ma-chip span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ma-chip strong{font-size:14px;font-family:var(--mono);white-space:nowrap}.ma-mat-note{grid-column:1 / -1}.ma-mat-details{border-top:1px solid var(--line)}.ma-mat-details>summary{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:12.5px;font-weight:600;color:var(--accent);cursor:pointer;list-style:none}.ma-mat-details>summary::-webkit-details-marker{display:none}.ma-mat-details>summary .ma-chev{color:var(--accent)}.ma-mat-table{font-size:12px}.ma-mat-table th,.ma-mat-table td{padding:7px 8px}.ma-mat-table th:first-child,.ma-mat-table td:first-child{padding-left:16px}.ma-mat-table th:last-child,.ma-mat-table td:last-child{padding-right:16px}.ma-mat-table .num{text-align:right;white-space:nowrap}.ma-mat-name{display:inline-flex;align-items:center;gap:8px;font-weight:600}.ma-mat-sub{display:block;margin:2px 0 0 26px}.ma-dot{display:inline-block;width:18px;height:18px;border-radius:3px;box-shadow:inset 0 0 0 1px #00000026;flex:none}.ma-dot-filler{background:repeating-linear-gradient(45deg,#9a9ba3 0 3px,#c8c9cf 3px 6px)}.ma-mat-filler td{background:#fafafb}.ma-dl{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);min-width:0}.ma-dl-head{display:flex;align-items:center;gap:10px;cursor:help}.ma-dl-head .tool-icon{width:28px;height:28px;border-radius:7px}.ma-dl-head .tool-icon .i{width:15px;height:15px}.ma-dl-head h3{font-size:13px;font-weight:700}.ma-dl-ver{margin-left:auto}.ma-dl-files{display:flex;align-items:center;gap:6px;min-width:0;font-size:11px;color:var(--text-soft)}.ma-dl-files .i{width:14px;height:14px;color:var(--muted);flex:none}.ma-dl-files code,.ma-cmd code{font-family:var(--mono);font-size:11px;padding:1px 5px;border-radius:4px;background:var(--input-bg);color:var(--text)}.ma-dl-files code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ma-cmds{display:flex;flex-direction:column;gap:4px}.ma-cmds:empty{display:none}.ma-cmd{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.ma-cmd code{overflow-wrap:anywhere;min-width:0}.ma-cmds .btn{align-self:flex-start}.ma-dl-note{font-size:12px;padding:8px 12px}.ma-dl .check[hidden]{display:none}.ma-dl-row{display:flex;gap:8px}.ma-dl-row .select{flex:1;min-width:0}.ma-dl-row .btn{flex:none}.ma-credit{padding:10px 16px 14px;font-size:11px;color:var(--muted)}@media(max-width:900px){.ma-editor{grid-template-columns:minmax(0,1fr)}.ma-stage{padding-right:20px;min-height:0}.ma-side{border-left:0}.ma-side-inner{position:static;display:block}.ma-sidetabs{display:none}.ma-panels{overflow:visible;margin-top:0}.ma-panel,.ma-panel.is-active{display:block;border-top:1px solid var(--line)}.ma-panel-title{display:flex}.ma-panel-bar{position:static;border-bottom:1px solid var(--line)}.ma-colors{max-height:480px;overflow-y:auto;overscroll-behavior:contain}}@media(max-width:640px){.ma-stage{padding:12px}.ma-set{padding:12px 14px}.ma-panel-bar{padding:10px 14px;flex-wrap:wrap}.ma-color{padding:8px 14px}.ma-view{max-height:min(62vh,460px);padding:6px}.ma-view.is-zoomed{height:min(62vh,460px)}.ma-head-actions{justify-content:flex-start;width:100%}.ma-dl,.ma-mat-summary{padding-left:14px;padding-right:14px}}
