.mi-workbench{max-width:none;margin:0;position:relative}
.mi-workbench .mi-editor-shell{display:flex;flex-direction:column;min-width:0;min-height:0}
.mi-workbench .mi-stage{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff;isolation:isolate}
.mi-workbench .mi-canvas-wrap{aspect-ratio:auto;min-width:0;min-height:0;flex:1 1 auto;height:100%;max-width:none;margin:0}
.mi-workbench .mi-tool-rail{display:flex;gap:3px;padding:5px;align-items:center;background:#f3f6f4;border-top:1px solid var(--mi-border);flex-shrink:0;overflow:auto;overscroll-behavior:contain}
.mi-workbench .mi-sidepanel{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fafbfc;border-top:1px solid var(--mi-border)}
.mi-panel-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex-shrink:0;border-bottom:1px solid var(--mi-border)}
.mi-panel-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:52px;border:0;border-bottom:2px solid transparent;background:transparent;color:#5b646b;padding:6px 2px;cursor:pointer}
.mi-panel-tabs button i{font-size:17px}.mi-panel-tabs button span{font-size:10px;line-height:14px;overflow-wrap:anywhere;text-align:center}
.mi-panel-tabs button[aria-selected=true][aria-expanded=true]{color:#1b614c;border-bottom-color:#26745a;background:#eaf3ee}
.mi-panel-tabs button:focus-visible{outline:2px solid #217eae;outline-offset:-2px}
.mi-panel-body{min-height:0;overflow:auto;overscroll-behavior:contain}.mi-panel-heading{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 10px;background:#f2f5f7;border-bottom:1px solid var(--mi-border)}
.mi-panel-heading strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.mi-panel-content{min-width:0;padding:0 10px 12px}.mi-panel-content:focus-visible{outline:2px solid #217eae;outline-offset:-2px}
.mi-panel-content details{min-width:0}.mi-panel-content summary{font-size:13px;min-height:44px;line-height:1.5;padding:12px 0;cursor:pointer}.mi-panel-content summary i{margin-right:4px}
.mi-panel-content .mi-part-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}.mi-panel-content .mi-part-tabs{margin-top:8px}
.mi-panel-content .mi-part{min-height:106px}.mi-panel-content .mi-part canvas{height:66px}.mi-panel-content .mi-layer-list,.mi-panel-content .mi-history-list{height:auto;max-height:300px}
.mi-panel-content .mi-object-inspector{border:0;background:transparent;padding:12px 0;gap:12px}.mi-panel-content .mi-object-inspector>.mi-actions{margin-left:0}.mi-panel-content .mi-object-dimensions{width:100%}
.mi-panel-content .mi-image-tools,.mi-panel-content .mi-image-edit-bar,.mi-panel-content .mi-corrections,.mi-panel-content .mi-editor-footer{padding:12px 0;background:transparent;border-top:0;border-bottom:1px solid var(--mi-border)}
.mi-panel-content .mi-image-heading h3{font-size:15px}.mi-panel-content .mi-image-heading>.mi-command{width:100%}.mi-panel-content .mi-image-modules{max-height:200px}.mi-panel-content .mi-image-edit-bar>.form-control{flex-basis:100%}
.mi-panel-content .mi-local-correction select,.mi-panel-content .mi-vector-correction input,.mi-panel-content .mi-vector-correction button{width:100%;flex-basis:100%;min-width:0}.mi-panel-content .mi-local-correction .mi-range{width:100%;justify-content:space-between}
.mi-panel-content .mi-photo-transform{padding:10px 0;background:#fff8ed;border:0}.mi-panel-content .mi-photo-transform>.mi-actions{margin-left:0}.mi-panel-content .mi-selection-bar .mi-actions{gap:2px}
.mi-object-empty{padding:14px 0 0;margin:0}.mi-history-actions{display:flex;gap:8px;padding-top:12px}.mi-context-strip{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:4px 6px;min-height:44px;flex-shrink:0;border-top:1px solid var(--mi-border);background:#f7f9fa}
.mi-context-strip output{font-size:11px;color:#65716b;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mi-context-strip .mi-actions{gap:1px;flex-wrap:nowrap;flex-shrink:0}
.mi-workbench .mi-preview-bar,.mi-workbench .mi-shape-suggestion{flex-shrink:0;margin:0}.mi-workbench .mi-shape-suggestion{min-height:54px;padding:7px}.mi-workbench .mi-shape-suggestion select{min-width:65px}
.mi-workbench .mi-toolbar{flex-shrink:0;min-width:0}.mi-workbench .mi-toolbar .mi-range{gap:5px}.mi-zoom-value{display:inline-block;min-width:40px;text-align:right;font-size:11px;font-variant-numeric:tabular-nums}
.mi-placement{border:0;padding:0;margin:0;width:100%;min-width:0}.mi-placement legend{float:none;width:auto;padding:0;margin:0 0 8px;font-size:12px;font-weight:600}.mi-placement-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mi-placement-fields input{min-width:0;width:100%;font-variant-numeric:tabular-nums}
.mi-nudge{display:flex;gap:2px;align-items:center;flex-wrap:wrap;padding-top:10px}.mi-nudge-step{display:flex;gap:5px;align-items:center;margin:0 0 0 auto;font-size:11px}.mi-nudge-step .form-select{width:74px;min-height:36px;padding:5px 20px 5px 7px;font-size:12px}.mi-placement:disabled{opacity:.55}
.mi-canvas-menu{position:absolute;z-index:8;width:190px;max-width:calc(100% - 8px);max-height:calc(100% - 8px);overflow:auto;border:1px solid #c5cdd1;background:#fff;border-radius:4px;box-shadow:0 4px 14px #0002;padding:4px}
.mi-canvas-menu button{display:flex;align-items:center;gap:9px;width:100%;border:0;background:transparent;padding:9px 8px;min-height:36px;text-align:left;font-size:12px;line-height:1.4;color:#344d40;cursor:pointer;overflow-wrap:anywhere}.mi-canvas-menu button:hover,.mi-canvas-menu button:focus-visible{background:#e9f2ee;outline:0}.mi-canvas-menu button i{flex:0 0 18px}
.mi-editor-feedback{flex-shrink:0;margin:0;padding:9px 12px;background:#fff0ed;color:#8f332a;border-top:1px solid #e5bfb8;font-size:12px;line-height:1.5;overflow-wrap:anywhere;max-height:100px;overflow:auto}
.mi-workbench.mi-wide .mi-editor-shell{display:grid;grid-template-columns:56px minmax(0,1fr) 280px;grid-template-areas:"tools stage dock";height:min(74svh,760px);min-height:360px}
.mi-workbench.mi-wide:not(.mi-panel-open) .mi-editor-shell{grid-template-columns:56px minmax(0,1fr) 56px}
.mi-workbench.mi-wide .mi-tool-rail{grid-area:tools;flex-direction:column;align-items:center;border-top:0;border-right:1px solid var(--mi-border);overflow-y:auto;overflow-x:hidden;gap:5px}
.mi-workbench.mi-wide .mi-stage{grid-area:stage}.mi-workbench.mi-wide .mi-sidepanel{grid-area:dock;border-top:0;border-left:1px solid var(--mi-border)}
.mi-workbench.mi-wide:not(.mi-panel-open) .mi-panel-tabs{display:flex;flex-direction:column}.mi-workbench.mi-wide .mi-more-tools-toggle{display:none}
.mi-workbench.mi-compact .mi-stage{height:clamp(320px,62svh,620px)}.mi-workbench.mi-compact .mi-tool-rail{order:2}.mi-workbench.mi-compact .mi-sidepanel{order:3}.mi-workbench.mi-compact .mi-panel-body{max-height:min(44svh,400px)}
.mi-workbench.mi-compact .mi-more-tools-toggle{display:inline-grid}.mi-workbench.mi-compact:not(.mi-more-tools) .mi-tool-rail :is([data-tool=rect],[data-tool=ellipse],[data-tool=line]){display:none}.mi-workbench.mi-compact.mi-more-tools .mi-tool-rail{flex-wrap:wrap}
.mi-workbench.mi-compact .mi-context-strip [data-assist=duplicate]{display:none}.mi-workbench.mi-compact .mi-part-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mi-workbench[data-input=touch] .mi-icon{width:44px;height:44px;flex-basis:44px}.mi-workbench[data-input=touch] .mi-command{min-height:44px}.mi-workbench[data-input=touch] .mi-nudge-step{flex-basis:100%;justify-content:flex-end}
.mi-workbench[data-input=touch] :is(input[type=number],input[type=text],input[type=search],textarea,select){font-size:16px;min-height:44px}
.mi-workbench:is(:fullscreen,.mi-expanded){height:var(--mi-viewport-height,100dvh);overflow:hidden}.mi-workbench.mi-expanded{top:var(--mi-viewport-top,0px);bottom:auto}
.mi-workbench:is(:fullscreen,.mi-expanded) .mi-editor-shell{flex:1 1 auto;height:auto;min-height:0}.mi-workbench:is(:fullscreen,.mi-expanded) .mi-stage{height:auto;min-height:120px;flex:1 1 auto}.mi-workbench:is(:fullscreen,.mi-expanded) .mi-canvas-wrap{max-width:none;margin:0;flex:1 1 auto;height:100%;min-height:0}
.mi-workbench:is(:fullscreen,.mi-expanded).mi-compact .mi-panel-body{max-height:min(34svh,300px)}
.mi-workbench:is(:fullscreen,.mi-expanded).mi-keyboard>.mi-toolbar,.mi-workbench:is(:fullscreen,.mi-expanded).mi-keyboard .mi-tool-rail{display:none}.mi-workbench:is(:fullscreen,.mi-expanded).mi-keyboard .mi-stage{min-height:70px;flex-basis:90px;flex-grow:0}.mi-workbench:is(:fullscreen,.mi-expanded).mi-keyboard .mi-context-strip{display:none}
.mi-workbench:is(:fullscreen,.mi-expanded).mi-keyboard .mi-sidepanel{flex:1;overflow:hidden}.mi-workbench:is(:fullscreen,.mi-expanded).mi-keyboard .mi-panel-body{max-height:none;flex:1}
@media(max-width:480px){.mi-workbench .mi-toolbar .mi-range input{width:54px}.mi-workbench .mi-toolbar{gap:2px}.mi-workbench .mi-sketch-options>div{right:4px}.mi-workbench .mi-preview-bar{padding:7px}.mi-workbench .mi-preview-bar strong{flex-basis:auto}.mi-workbench .mi-preview-bar>.mi-actions{margin-left:auto}.mi-panel-content{padding:0 9px 10px}}
@media(any-pointer:coarse){.mi-workbench :is(input[type=number],input[type=text],input[type=search],textarea,select){font-size:16px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.mi-workbench *{scroll-behavior:auto!important}}
.mi-workbench .mi-toolbar .mi-zoom-control { gap: 6px; }
.mi-zoom-percent { display: inline-flex; align-items: center; gap: 3px; margin: 0; font-size: 12px; }
.mi-workbench .mi-toolbar .mi-zoom-percent input { width: 76px; min-width: 76px; min-height: 36px; padding: 5px 4px; border: 1px solid #c9d3cd; border-radius: 4px; text-align: right; font-variant-numeric: tabular-nums; background: #fff; color: #263b32; }
.mi-text-properties { display: grid; gap: 10px; width: 100%; min-width: 0; }
.mi-text-properties textarea { width: 100%; resize: vertical; }
.mi-text-settings { display: grid; grid-template-columns: minmax(0, 1fr) 88px; gap: 8px; }
.mi-text-properties .mi-actions { gap: 2px; }
.mi-text-color { display: inline-flex; align-items: center; margin: 0; }
.mi-text-color input { width: 36px; height: 36px; padding: 3px; border: 1px solid #c9d3cd; border-radius: 4px; background: #fff; cursor: pointer; }
.mi-component-lettering { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.mi-workbench[data-input=touch] .mi-toolbar .mi-zoom-percent input { min-height: 44px; }
.mi-workbench[data-input=touch] .mi-text-color input { width: 44px; height: 44px; }
@media(any-pointer:coarse) {
  .mi-workbench .mi-toolbar .mi-zoom-percent input { min-height: 44px; }
  .mi-workbench .mi-text-color input { width: 44px; height: 44px; }
}