#mc-piece-editor .mc-editor-wrap{
 --mc-bg:#ffffff;
 --mc-surface:#f8f9fa;
 --mc-border:#e5e7eb;
 --mc-text:#1f2937;
 --mc-muted:#6b7280;
 --mc-primary:#111827;
 --mc-accent:#2563eb;
 --mc-success:#059669;
 --mc-danger:#dc2626;
 --mc-radius:8px;
 --mc-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.06);
 margin:24px 0;
 background:var(--mc-bg);
 border:1px solid var(--mc-border);
 border-radius:var(--mc-radius);
 overflow:hidden;
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
 color:var(--mc-text);
}#mc-piece-editor .mc-toolbar{
 display:flex;
 flex-wrap:nowrap;
 align-items:center;
 gap:4px;
 padding:5px 10px;
 background:var(--mc-surface);
 border-bottom:1px solid var(--mc-border);
 overflow-x:auto;
 overflow-y:hidden;
}#mc-piece-editor .mc-divider{
 width:1px;
 height:20px;
 background:var(--mc-border);
 margin:0 6px;
}#mc-piece-editor .mc-btn{
 display:inline-flex;
 align-items:center;
 gap:5px;
 padding:5px 10px;
 background:var(--mc-bg);
 color:var(--mc-text);
 border:1px solid var(--mc-border);
 border-radius:6px;
 font-size:12px;
 line-height:1;
 cursor:pointer;
 transition:all .15s ease;
 font-family:inherit;
}#mc-piece-editor .mc-btn:hover:not(:disabled){
 border-color:var(--mc-primary);
 background:var(--mc-primary);
 color:#fff;
}#mc-piece-editor .mc-btn:disabled{
 opacity:.4;
 cursor:not-allowed;
}#mc-piece-editor .mc-btn.is-active{
 background:var(--mc-primary);
 color:#fff;
 border-color:var(--mc-primary);
}#mc-piece-editor .mc-btn-danger:hover:not(:disabled){
 background:var(--mc-danger);
 border-color:var(--mc-danger);
}#mc-piece-editor .mc-btn .dashicons{
 font-size:16px;
 width:16px;
 height:16px;
}#mc-piece-editor .mc-btn-upload{
 position:relative;
}#mc-piece-editor .mc-shape-icon{
 display:inline-block;
 width:14px;
 height:14px;
 background:currentColor;
}#mc-piece-editor .mc-shape-rect{border-radius:1px;}#mc-piece-editor .mc-shape-circle{border-radius:50%;}#mc-piece-editor .mc-stage{
 position:relative;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:24px;
 background:
 linear-gradient(45deg,#f3f4f6 25%,transparent 25%),
 linear-gradient(-45deg,#f3f4f6 25%,transparent 25%),
 linear-gradient(45deg,transparent 75%,#f3f4f6 75%),
 linear-gradient(-45deg,transparent 75%,#f3f4f6 75%);
 background-size:16px 16px;
 background-position:0 0,0 8px,8px -8px,-8px 0;
}#mc-piece-editor 
.mc-panel{
 border-bottom:1px solid var(--mc-border);
 background:var(--mc-bg);
 max-height:240px;
 overflow-y:auto;
 padding:12px;
}#mc-piece-editor .mc-panel[hidden]{
 display:none !important;
}#mc-piece-editor .mc-panel-grid{
 display:grid;
 grid-template-columns:repeat( auto-fill,minmax( 96px,1fr ) );
 gap:8px;
}#mc-piece-editor 
.mc-panel[data-panel="templates"] .mc-panel-grid{
 grid-template-columns:repeat( auto-fill,minmax( 100px,1fr ) );
}#mc-piece-editor .mc-thumb{
 background:var(--mc-surface);
 border:1px solid var(--mc-border);
 border-radius:6px;
 padding:2px;
 cursor:pointer;
 aspect-ratio:4 / 3;
 display:flex;
 align-items:center;
 justify-content:center;
 transition:all .15s ease;
}#mc-piece-editor .mc-thumb:hover{
 border-color:var(--mc-accent);
 transform:translateY(-1px);
 box-shadow:0 2px 6px rgba(0,0,0,.08);
}#mc-piece-editor .mc-thumb img{
 width:100%;
 height:100%;
 object-fit:contain;
 pointer-events:none;
}#mc-piece-editor 
.mc-panel-section + .mc-panel-section{
 margin-top:16px;
 padding-top:12px;
 border-top:1px solid var(--mc-border);
}#mc-piece-editor .mc-panel-section-header{
 display:flex;
 align-items:center;
 justify-content:space-between;
 margin-bottom:8px;
}#mc-piece-editor .mc-panel-section-title{
 font-size:11px;
 letter-spacing:0.5px;
 text-transform:uppercase;
 color:var(--mc-muted);
 font-weight:600;
}#mc-piece-editor .mc-panel-add-btn{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 width:24px;
 height:24px;
 border-radius:50%;
 background:var(--mc-accent);
 color:#fff;
 cursor:pointer;
 font-size:18px;
 font-weight:600;
 line-height:1;
 user-select:none;
 transition:transform .12s ease,box-shadow .12s ease;
}#mc-piece-editor .mc-panel-add-btn:hover{
 transform:scale( 1.08 );
 box-shadow:0 2px 8px rgba(0,0,0,.15);
}#mc-piece-editor 
.mc-thumb-user{
 position:relative;
}#mc-piece-editor .mc-thumb-delete{
 position:absolute;
 top:-6px;
 right:-6px;
 width:18px;
 height:18px;
 border-radius:50%;
 background:#d33;
 color:#fff;
 font-size:14px;
 line-height:16px;
 text-align:center;
 cursor:pointer;
 opacity:0;
 transition:opacity .12s ease;
 box-shadow:0 1px 3px rgba(0,0,0,.2);
}#mc-piece-editor .mc-thumb-user:hover .mc-thumb-delete,#mc-piece-editor .mc-tb-clipart-user:hover .mc-thumb-delete{
 opacity:1;
}#mc-piece-editor 
.mc-thumb-template{
 aspect-ratio:auto;
 display:flex;
 flex-direction:column;
 padding:0;
 gap:0;
 overflow:hidden;
}#mc-piece-editor .mc-thumb-template .mc-thumb-img-wrap{
 background:#f7f7f9;
 background-image:
 linear-gradient(45deg,#eee 25%,transparent 25%),
 linear-gradient(-45deg,#eee 25%,transparent 25%),
 linear-gradient(45deg,transparent 75%,#eee 75%),
 linear-gradient(-45deg,transparent 75%,#eee 75%);
 background-size:12px 12px;
 background-position:0 0,0 6px,6px -6px,-6px 0;
 width:100%;
 aspect-ratio:9 / 16;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:4px;
 box-sizing:border-box;
 overflow:hidden;
 position:relative;
}#mc-piece-editor .mc-thumb-template .mc-thumb-img-wrap img,#mc-piece-editor .mc-thumb-template .mc-thumb-img-wrap>svg{
 max-width:100%;
 max-height:100%;
 width:auto;
 height:auto;
 object-fit:contain;
 pointer-events:none;
}#mc-piece-editor 
.mc-thumb-loader{
 width:18px;
 height:18px;
 border:2px solid #ddd;
 border-top-color:var(--mc-accent);
 border-radius:50%;
 animation:mc-spin 0.7s linear infinite;
}#mc-piece-editor @keyframes mc-spin{
 to{transform:rotate( 360deg );}#mc-piece-editor}
.mc-thumb-error{
 color:#b91c1c;
 font-size:22px;
}#mc-piece-editor .mc-thumb-template .mc-thumb-label{
 display:block;
 font-size:11px;
 line-height:1.3;
 padding:5px 6px;
 text-align:center;
 color:var(--mc-text);
 background:var(--mc-surface);
 border-top:1px solid var(--mc-border);
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 pointer-events:none;
}#mc-piece-editor .mc-panel-empty{
 grid-column:1 / -1;
 color:var(--mc-muted);
 font-size:13px;
 text-align:center;
 padding:16px;
 margin:0;
}#mc-piece-editor 
.mc-saves-rules{
 display:flex;
 align-items:center;
 gap:12px;
 padding:8px 12px;
 background:#eff6ff;
 border:1px solid #bfdbfe;
 border-radius:6px;
 margin-bottom:10px;
 font-size:12px;
 color:#1e3a8a;
}#mc-piece-editor .mc-saves-rules-info{
 flex:1;
 display:flex;
 align-items:center;
 gap:4px;
}#mc-piece-editor .mc-saves-counter{
 flex-shrink:0;
 font-weight:700;
 padding:3px 8px;
 border-radius:4px;
 background:#dbeafe;
 color:#1e3a8a;
}#mc-piece-editor .mc-saves-counter[data-full="1"]{
 background:#fef3c7;
 color:#92400e;
}#mc-piece-editor .mc-saves-list{
 display:grid;
 grid-template-columns:repeat( auto-fill,minmax( 220px,1fr ) );
 gap:8px;
}#mc-piece-editor .mc-save-card{
 display:flex;
 align-items:center;
 gap:8px;
 background:var(--mc-surface);
 border:1px solid var(--mc-border);
 border-radius:6px;
 padding:6px;
 position:relative;
}#mc-piece-editor .mc-save-load{
 flex-shrink:0;
 width:56px;
 height:56px;
 border:1px solid var(--mc-border);
 border-radius:4px;
 overflow:hidden;
 cursor:pointer;
 background:#fff;
 padding:0;
}#mc-piece-editor .mc-save-load img{
 width:100%;
 height:100%;
 object-fit:contain;
}#mc-piece-editor .mc-save-load .mc-no-thumb{
 display:flex;
 align-items:center;
 justify-content:center;
 height:100%;
 color:var(--mc-muted);
 font-size:20px;
}#mc-piece-editor .mc-save-load:hover{
 border-color:var(--mc-accent);
}#mc-piece-editor .mc-save-meta{
 flex:1;
 min-width:0;
}#mc-piece-editor .mc-save-name{
 font-size:13px;
 color:var(--mc-text);
 font-weight:500;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}#mc-piece-editor .mc-save-date{
 font-size:11px;
 color:var(--mc-muted);
}#mc-piece-editor .mc-save-expires{
 font-size:11px;
 color:var(--mc-muted);
 margin-top:2px;
}#mc-piece-editor .mc-save-expires.mc-expires-soon{
 color:var(--mc-danger);
 font-weight:600;
}#mc-piece-editor .mc-save-del{
 flex-shrink:0;
 width:24px;
 height:24px;
 border:none;
 background:transparent;
 color:var(--mc-muted);
 font-size:18px;
 cursor:pointer;
 border-radius:50%;
}#mc-piece-editor .mc-save-del:hover{
 background:var(--mc-danger);
 color:#fff;
}#mc-piece-editor .mc-stage canvas{
 box-shadow:var(--mc-shadow);
 background:transparent;
}#mc-piece-editor 
.canvas-container{
 max-width:100%;
}#mc-piece-editor .mc-loading{
 position:absolute;
 inset:0;
 display:flex;
 align-items:center;
 justify-content:center;
 background:rgba(255,255,255,.8);
 z-index:2;
}#mc-piece-editor .mc-spinner{
 width:32px;
 height:32px;
 border:3px solid var(--mc-border);
 border-top-color:var(--mc-accent);
 border-radius:50%;
 animation:mc-spin .8s linear infinite;
}#mc-piece-editor @keyframes mc-spin{
 to{transform:rotate(360deg);}#mc-piece-editor}
.mc-ai-overlay{
 position:absolute;
 inset:0;
 display:flex;
 align-items:center;
 justify-content:center;
 background:rgba(15,23,42,0.55);
 backdrop-filter:blur(2px);
 z-index:10;
}#mc-piece-editor .mc-ai-overlay[hidden]{
 display:none !important;
}#mc-piece-editor .mc-ai-card{
 background:#fff;
 border-radius:12px;
 padding:24px 28px;
 min-width:260px;
 max-width:90%;
 box-shadow:0 10px 30px rgba(0,0,0,.25);
 text-align:center;
}#mc-piece-editor .mc-ai-card .mc-spinner{
 margin:0 auto 12px;
}#mc-piece-editor .mc-ai-title{
 font-weight:600;
 color:var(--mc-text);
 margin-bottom:6px;
}#mc-piece-editor .mc-ai-msg{
 font-size:12px;
 color:var(--mc-muted);
 margin-bottom:14px;
 word-break:break-word;
}#mc-piece-editor .mc-ai-progress{
 height:6px;
 background:var(--mc-border);
 border-radius:3px;
 overflow:hidden;
}#mc-piece-editor .mc-ai-bar{
 height:100%;
 width:0%;
 background:linear-gradient( 90deg,var(--mc-accent),#60a5fa );
 transition:width .25s ease;
}#mc-piece-editor .mc-object-toolbar{
 display:flex;
 flex-direction:column;
 gap:8px;
 padding:10px 12px;
 background:var(--mc-bg);
 border-top:1px solid var(--mc-border);
 flex:0 0 auto;
 max-height:46vh;
 overflow-y:auto;
}#mc-piece-editor .mc-object-toolbar.mc-otb-floating{
 position:absolute;
 z-index:60;
 width:min( 440px,92% );
 max-height:72vh;
 overflow-y:auto;
 border:1px solid var(--mc-border);
 border-radius:12px;
 box-shadow:0 14px 44px rgba(0,0,0,.55);
}#mc-piece-editor .mc-object-toolbar.mc-otb-floating.mc-otb-resized{
 max-height:none;
}#mc-piece-editor .mc-otb-resize{
 position:absolute !important;
 bottom:2px !important;
 right:2px !important;
 top:auto !important;
 left:auto !important;
 width:18px;
 height:18px;
 cursor:nwse-resize;
 opacity:.55;
 background:
 linear-gradient( 135deg,transparent 0 40%,var(--mc-border) 40% 46%,transparent 46% 56%,var(--mc-border) 56% 62%,transparent 62% 72%,var(--mc-border) 72% 78%,transparent 78% );
 border-radius:0 0 10px 0;
 z-index:2;
}#mc-piece-editor .mc-otb-resize:hover{
 opacity:1;
}#mc-piece-editor .mc-otb-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:8px;
 margin:-10px -12px 4px;
 padding:8px 12px;
 background:rgba(255,255,255,.05);
 border-bottom:1px solid var(--mc-border);
 border-radius:12px 12px 0 0;
 cursor:move;
 user-select:none;
 position:sticky;
 top:-10px;
}#mc-piece-editor .mc-otb-head b{
 font-size:12px;
 letter-spacing:.04em;
 text-transform:uppercase;
 opacity:.85;
}#mc-piece-editor .mc-otb-close{
 cursor:pointer;
 border:0;
 background:transparent;
 color:inherit;
 font-size:16px;
 line-height:1;
 padding:2px 8px;
 border-radius:6px;
}#mc-piece-editor .mc-otb-close:hover{
 background:rgba(255,255,255,.12);
}#mc-piece-editor .mc-otb-row{
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:8px;
}#mc-piece-editor .mc-field{
 display:inline-flex;
 align-items:center;
 gap:6px;
 font-size:12px;
 color:var(--mc-muted);
}#mc-piece-editor .mc-field input,#mc-piece-editor .mc-field select{
 padding:6px 8px;
 border:1px solid var(--mc-border);
 border-radius:4px;
 font-size:13px;
 font-family:inherit;
 background:var(--mc-bg);
 color:var(--mc-text);
}#mc-piece-editor 
#mc-font-select.mc-native-select,#mc-piece-editor .mc-field select#mc-font-select{
 position:absolute !important;
 width:1px !important;
 height:1px !important;
 margin:0 !important;
 padding:0 !important;
 border:0 !important;
 clip:rect(0 0 0 0);
 overflow:hidden;
 opacity:0;
 pointer-events:none;
}#mc-piece-editor .mc-font-picker{
 position:relative;
 display:inline-block;
 min-width:140px;
}#mc-piece-editor .mc-font-picker-btn{
 display:block;
 width:100%;
 padding:6px 24px 6px 8px;
 border:1px solid var(--mc-border);
 border-radius:4px;
 font-size:13px;
 background:var(--mc-bg);
 color:var(--mc-text);
 cursor:pointer;
 text-align:left;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 position:relative;
}#mc-piece-editor .mc-font-picker-btn::after{
 content:'';
 position:absolute;
 right:8px;
 top:50%;
 width:0;
 height:0;
 border-left:4px solid transparent;
 border-right:4px solid transparent;
 border-top:5px solid var(--mc-muted);
 transform:translateY(-50%);
}
#mc-piece-editor .mc-tools-wrap{
 position:relative;
 display:inline-flex;
}
#mc-piece-editor .mc-tools-pop{
 position:fixed;
 z-index:9999;
 min-width:220px;
 background:var(--mc-bg);
 border:1px solid var(--mc-border);
 border-radius:6px;
 box-shadow:0 6px 20px rgba(0,0,0,0.3);
 padding:4px 0;
}
#mc-piece-editor .mc-tools-pop button.mc-tools-item{
 display:flex;
 align-items:center;
 gap:10px;
 width:100%;
 padding:9px 14px;
 background:transparent !important;
 color:var(--mc-text);
 border:0;
 border-radius:0;
 font-size:13px;
 line-height:1.2;
 font-family:inherit;
 text-align:left;
 white-space:nowrap;
 cursor:pointer;
}
#mc-piece-editor .mc-tools-pop button.mc-tools-item:hover{
 background:var(--mc-primary) !important;
 color:#fff;
}
#mc-piece-editor .mc-tools-btn.is-open{
 border-color:var(--mc-primary);
}
#mc-piece-editor .mc-font-picker-pop{
 position:fixed;
 z-index:9999;
 width:auto;
 min-width:200px;
 max-height:320px;
 overflow-y:auto;
 background:var(--mc-bg);
 border:1px solid var(--mc-border);
 border-radius:6px;
 box-shadow:0 6px 20px rgba(0,0,0,0.3);
 padding:4px 0;
}#mc-piece-editor .mc-font-picker-group{
 padding:6px 12px 4px;
 font-size:10px;
 letter-spacing:0.5px;
 text-transform:uppercase;
 color:var(--mc-muted);
 font-family:inherit;
}#mc-piece-editor .mc-font-picker-item{
 padding:8px 14px;
 cursor:pointer;
 font-size:16px;
 line-height:1.2;
 color:var(--mc-text);
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}#mc-piece-editor .mc-font-picker-item:hover{
 background:var(--mc-surface);
}#mc-piece-editor .mc-field input[type="number"]{
 width:70px;
}#mc-piece-editor .mc-field-color input[type="color"]{
 width:32px;
 height:32px;
 padding:2px;
 cursor:pointer;
}#mc-piece-editor .mc-toggle{
 width:36px;
 padding:8px 0;
 justify-content:center;
 font-family:Georgia,serif;
}#mc-piece-editor 
.mc-shadow-sep{
 width:1px;
 height:22px;
 background:var(--mc-border);
 margin:0 4px;
}#mc-piece-editor .mc-shadow-icon{
 position:relative;
 display:inline-block;
 font-weight:800;
 font-size:14px;
 line-height:1;
 color:var(--mc-text);
}#mc-piece-editor .mc-shadow-icon-back{
 position:absolute;
 top:3px;
 left:3px;
 color:var(--mc-danger);
 z-index:-1;
}#mc-piece-editor .mc-toggle-shadow.is-active{
 background:var(--mc-primary);
 color:#fff;
 border-color:var(--mc-primary);
}#mc-piece-editor .mc-toggle-shadow.is-active .mc-shadow-icon,#mc-piece-editor .mc-toggle-shadow:hover .mc-shadow-icon{
 color:#fff;
}#mc-piece-editor .mc-shadow-input{
 width:56px !important;
}#mc-piece-editor .mc-shadow-only[hidden]{
 display:none !important;
}#mc-piece-editor .mc-status{
 min-height:22px;
 padding:6px 12px;
 font-size:13px;
 border-top:1px solid var(--mc-border);
 background:var(--mc-surface);
}#mc-piece-editor .mc-status[data-type="success"]{color:var(--mc-success);}#mc-piece-editor .mc-status[data-type="error"]{color:var(--mc-danger);}#mc-piece-editor .mc-status[data-type="info"]{color:var(--mc-muted);}#mc-piece-editor 
.mc-draw-helper{
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:8px;
 padding:8px 12px;
 background:#eef4ff;
 border-top:1px solid #c7dbff;
 border-bottom:1px solid #c7dbff;
 color:#1e3a8a;
 font-size:13px;
 animation:mc-draw-helper-in .2s ease;
}#mc-piece-editor .mc-draw-helper[hidden]{
 display:none !important;
}#mc-piece-editor .mc-draw-hint{
 flex:1 1 220px;
 min-width:0;
}#mc-piece-editor .mc-draw-helper .mc-btn{
 padding:6px 10px;
 font-size:12px;
}#mc-piece-editor @keyframes mc-draw-helper-in{
 from{opacity:0;transform:translateY(-4px);}#mc-piece-editor to{opacity:1;transform:translateY(0);}#mc-piece-editor}
.mc-cart-preview{
 max-width:100px;
 height:auto;
 border:1px solid var(--mc-border);
 background:#fff;
 padding:2px;
 border-radius:4px;
}#mc-piece-editor 
@media (max-width:600px){
 .mc-toolbar{
 padding:6px 8px;
 gap:4px;
 flex-wrap:nowrap;
 overflow-x:auto;
 overflow-y:hidden;
 -webkit-overflow-scrolling:touch;
 scrollbar-width:thin;
}#mc-piece-editor .mc-toolbar::-webkit-scrollbar{height:4px;}#mc-piece-editor .mc-toolbar::-webkit-scrollbar-thumb{
 background:var(--mc-border);
 border-radius:2px;
}#mc-piece-editor .mc-btn{
 flex-shrink:0;
 flex-direction:column;
 gap:2px;
 padding:6px 8px;
 min-width:56px;
 min-height:52px;
 font-size:10px;
 line-height:1.15;
 text-align:center;
}#mc-piece-editor 
 .mc-btn span:not(.dashicons):not(.mc-shape-icon){
 display:inline-block;
 font-size:10px;
}#mc-piece-editor .mc-btn .dashicons{
 font-size:20px;
 width:20px;
 height:20px;
}#mc-piece-editor .mc-btn .mc-shape-icon{
 width:18px;
 height:18px;
}#mc-piece-editor .mc-divider{
 height:32px;
 flex-shrink:0;
 margin:0 2px;
}#mc-piece-editor 
 .mc-stage{
 padding:12px;
}#mc-piece-editor 
 #mc-piece-editor .mc-object-toolbar{
 padding:8px;
 max-height:52vh;
}
 #mc-piece-editor .mc-object-toolbar.mc-otb-floating{
 max-height:42vh;
}#mc-piece-editor .mc-otb-row{
 gap:6px;
}#mc-piece-editor .mc-field{
 font-size:11px;
}#mc-piece-editor .mc-field input[type="number"]{
 width:60px;
 height:36px;
 font-size:14px;
}#mc-piece-editor .mc-field select{
 height:36px;
 font-size:13px;
}#mc-piece-editor .mc-field-color input[type="color"]{
 width:36px;
 height:36px;
}#mc-piece-editor .mc-toggle{
 width:42px;
 min-height:36px;
}#mc-piece-editor .mc-shadow-input{
 width:56px !important;
 height:36px;
}#mc-piece-editor 
 .mc-panel{
 max-height:200px;
 padding:8px;
}#mc-piece-editor .mc-panel-grid{
 grid-template-columns:repeat( auto-fill,minmax( 64px,1fr ) );
 gap:6px;
}#mc-piece-editor .mc-saves-list{
 grid-template-columns:1fr;
}#mc-piece-editor .mc-saves-rules{
 font-size:11px;
 padding:6px 8px;
 gap:8px;
}#mc-piece-editor 
 .mc-draw-helper{
 flex-direction:column;
 align-items:stretch;
 gap:6px;
}#mc-piece-editor .mc-draw-hint{
 flex:1 1 auto;
 font-size:12px;
}#mc-piece-editor .mc-draw-helper .mc-btn{
 min-height:40px;
}#mc-piece-editor}
.mc-toggle-stroke.is-active{
 background:var(--mc-accent);
 color:#fff;
 border-color:var(--mc-accent);
}#mc-piece-editor .mc-stroke-icon{
 display:inline-block;
 font-size:14px;
 margin-right:4px;
}#mc-piece-editor 
.mc-field-slider{
 display:inline-flex;
 align-items:center;
 gap:6px;
 padding:4px 8px;
}#mc-piece-editor .mc-field-slider>span{
 font-size:14px;
 color:var(--mc-muted);
 flex-shrink:0;
}#mc-piece-editor .mc-slider{
 width:100px;
 height:20px;
 cursor:pointer;
 accent-color:var(--mc-accent);
}#mc-piece-editor .mc-slider-out{
 font-size:11px;
 color:var(--mc-text);
 min-width:36px;
 text-align:right;
 font-variant-numeric:tabular-nums;
}#mc-piece-editor 
.mc-racing-icon{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 font-family:Impact,sans-serif;
 font-size:14px;
 color:#d10000;
 -webkit-text-stroke:1.5px #fff;
 text-stroke:1.5px #fff;
 font-weight:bold;
 line-height:1;
 min-width:18px;
}#mc-piece-editor 
.mc-racing-dialog{
 position:fixed;
 inset:0;
 background:rgba(0,0,0,.6);
 z-index:100000;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:16px;
 animation:mc-fade-in .15s ease;
}#mc-piece-editor @keyframes mc-fade-in{
 from{opacity:0;}#mc-piece-editor to{opacity:1;}#mc-piece-editor}
.mc-racing-card{
 background:#fff;
 border-radius:12px;
 box-shadow:0 12px 40px rgba(0,0,0,.3);
 width:100%;
 max-width:720px;
 max-height:90vh;
 overflow-y:auto;
 padding:24px;
 position:relative;
}#mc-piece-editor .mc-racing-close{
 position:absolute;
 top:10px;
 right:10px;
 width:30px;
 height:30px;
 border:none;
 background:transparent;
 font-size:26px;
 line-height:1;
 cursor:pointer;
 color:#555;
 border-radius:50%;
}#mc-piece-editor .mc-racing-close:hover{
 background:#f0f0f0;
}#mc-piece-editor .mc-racing-title{
 margin:0 0 14px;
 font-size:18px;
 font-weight:600;
 color:#1d2327;
}#mc-piece-editor .mc-racing-input-row{
 display:flex;
 align-items:center;
 gap:10px;
 margin-bottom:16px;
 padding-bottom:16px;
 border-bottom:1px solid #e0e0e3;
}#mc-piece-editor .mc-racing-input-row label{
 font-weight:500;
 color:#1d2327;
}#mc-piece-editor .mc-racing-input{
 width:100px;
 padding:8px 12px;
 border:1px solid #c3c4c7;
 border-radius:6px;
 font-size:18px;
 font-weight:bold;
 text-align:center;
 font-variant-numeric:tabular-nums;
}#mc-piece-editor .mc-racing-grid{
 display:grid;
 grid-template-columns:repeat( auto-fill,minmax( 140px,1fr ) );
 gap:12px;
}#mc-piece-editor .mc-racing-preset{
 background:#fafafa;
 border:2px solid transparent;
 border-radius:8px;
 padding:8px;
 cursor:pointer;
 display:flex;
 flex-direction:column;
 align-items:stretch;
 gap:6px;
 transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease;
}#mc-piece-editor .mc-racing-preset:hover{
 border-color:var(--mc-accent,#2271b1);
 transform:translateY(-2px);
 box-shadow:0 4px 12px rgba(0,0,0,.1);
}#mc-piece-editor .mc-racing-preview{
 background:linear-gradient(135deg,#e9eaee 25%,transparent 25%),
 linear-gradient(225deg,#e9eaee 25%,transparent 25%),
 linear-gradient(45deg,#e9eaee 25%,transparent 25%),
 linear-gradient(315deg,#e9eaee 25%,#f7f7f9 25%);
 background-size:14px 14px;
 background-position:0 0,0 0,7px 7px,7px 7px;
 border-radius:6px;
 overflow:hidden;
 aspect-ratio:5 / 3;
 display:flex;
 align-items:center;
 justify-content:center;
}#mc-piece-editor .mc-racing-preview svg{
 width:100%;
 height:100%;
 display:block;
}#mc-piece-editor .mc-racing-preset-label{
 font-size:12px;
 font-weight:500;
 text-align:center;
 color:#1d2327;
 line-height:1.2;
}#mc-piece-editor 
.mc-template-tabs{
 display:flex;
 flex-wrap:wrap;
 gap:6px;
 margin-bottom:12px;
 padding-bottom:10px;
 border-bottom:1px solid var(--mc-border);
}#mc-piece-editor .mc-tpl-tab{
 background:var(--mc-surface);
 border:1px solid var(--mc-border);
 border-radius:16px;
 padding:5px 12px;
 font-size:12px;
 font-weight:500;
 color:var(--mc-text);
 cursor:pointer;
 transition:all .12s ease;
 white-space:nowrap;
}#mc-piece-editor .mc-tpl-tab:hover{
 border-color:var(--mc-accent);
 color:var(--mc-accent);
}#mc-piece-editor .mc-tpl-tab.is-active{
 background:var(--mc-accent);
 border-color:var(--mc-accent);
 color:#fff;
}#mc-piece-editor 
.mc-layers-list{
 margin:0;padding:0;
 list-style:none;
}#mc-piece-editor .mc-layer-item{
 display:flex;align-items:center;gap:8px;
 padding:6px 10px;
 cursor:pointer;
 border-bottom:1px solid rgba(255,255,255,0.05);
 font-size:12px;
 transition:background 0.15s;
}#mc-piece-editor .mc-layer-item:hover{background:rgba(255,255,255,0.08);}#mc-piece-editor .mc-layer-item.is-active{background:rgba(124,58,237,0.25);}#mc-piece-editor .mc-layer-icon{
 width:18px;text-align:center;
 font-size:11px;opacity:0.7;
 flex-shrink:0;
}#mc-piece-editor .mc-layer-label{flex:1;}
#mc-piece-editor{
 position:fixed;
 inset:0;
 z-index:99999;
 background:#1A1A1A;
 overflow-y:auto;
 padding:8px 16px 20px;
 box-sizing:border-box;
}
#mc-piece-editor .mcp-piece-name{
 color:#E8650A;
 font-size:13px;
 font-weight:700;
 text-transform:uppercase;
 letter-spacing:.04em;
 white-space:nowrap;
}
#mc-piece-editor .mcp-push-right{margin-left:auto;}
#mc-piece-editor .mcp-right-group{
 display:flex;
 align-items:center;
 gap:4px;
 flex-shrink:0;
 flex-wrap:nowrap;
}
#mc-piece-editor .mcp-text-choices{
 display:flex;
 gap:12px;
 flex-wrap:wrap;
}
#mc-piece-editor .mc-panel button.mcp-text-choice{
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 gap:6px;
 width:150px;
 min-height:120px;
 padding:16px 12px;
 background:#2A2A2A !important;
 background-image:none !important;
 border:1px solid #4a4b55 !important;
 border-radius:10px;
 color:#e8e8ec !important;
 font-family:inherit;
 text-transform:none !important;
 box-shadow:none !important;
 cursor:pointer;
 transition:border-color .12s,background .12s;
}
#mc-piece-editor .mc-panel button.mcp-text-choice:hover{
 background:#333 !important;
 border-color:#E8650A !important;
}
#mc-piece-editor .mcp-text-choice-ico{
 font-size:34px;
 line-height:1;
 color:#E8650A;
 font-weight:700;
}
#mc-piece-editor .mcp-text-choice-label{font-size:14px;font-weight:600;}
#mc-piece-editor .mcp-text-choice-desc{font-size:11px;color:#9a9aa2;text-align:center;}
#mc-piece-editor .mcp-bg-field{color:#ddd;}
#mc-piece-editor #mcp-apply{
 background:#E8650A;
 border-color:#E8650A;
 color:#fff;
 font-weight:600;
}
#mc-piece-editor .mcp-ico{font-style:normal;line-height:1;}
#mc-piece-editor .mc-stage{background:#2E2E2E;}
#mc-piece-editor .mc-color-pop{
 position:absolute;
 z-index:100010;
 background:#222;
 border:1px solid #444;
 border-radius:8px;
 padding:8px;
 display:flex;
 flex-wrap:wrap;
 gap:6px;
 max-width:200px;
 max-height:min(60vh,320px);
 overflow-y:auto;
 box-shadow:0 6px 18px rgba(0,0,0,.5);
}
#mc-piece-editor .mc-color-pop[hidden]{display:none;}
#mc-piece-editor .mc-cpop-head{
 display:flex;
 align-items:center;
 justify-content:center;
 height:16px;
 margin:-8px -8px 6px;
 border-radius:8px 8px 0 0;
 background:rgba(255,255,255,.06);
 border-bottom:1px solid #444;
 cursor:move;
 user-select:none;
}
#mc-piece-editor .mc-cpop-grip{
 font-size:10px;
 letter-spacing:2px;
 line-height:1;
 color:#888;
 transform:rotate(90deg);
}
#mc-piece-editor .mc-cpop-head:hover .mc-cpop-grip{color:#ccc;}
#mc-piece-editor .mc-color-pop.mc-cpop-resized{
 max-width:none !important;
 max-height:none !important;
}
#mc-piece-editor .mc-cpop-resize{
 position:absolute !important;
 bottom:2px !important;
 right:2px !important;
 top:auto !important;
 left:auto !important;
 width:16px;
 height:16px;
 cursor:nwse-resize;
 opacity:.5;
 background:
 linear-gradient( 135deg,transparent 0 40%,#999 40% 46%,transparent 46% 56%,#999 56% 62%,transparent 62% 72%,#999 72% 78%,transparent 78% );
 z-index:2;
}
#mc-piece-editor .mc-cpop-resize:hover{opacity:1;}
#mc-piece-editor .mc-color-pop-swatch{
 width:26px;
 height:26px;
 border-radius:5px;
 border:2px solid #555;
 cursor:pointer;
 padding:0;
}
#mc-piece-editor .mc-color-pop-swatch.active,
#mc-piece-editor .mc-color-pop-swatch:hover{border-color:#E8650A;}
#mc-piece-editor .mc-color-pop-swatch,
#mc-piece-editor .mc-color-pop-swatch:hover,
#mc-piece-editor .mc-color-pop-swatch:focus{
 background-image:none !important;
 box-shadow:none !important;
 min-width:0 !important;
 min-height:0 !important;
 line-height:1 !important;
}
#mc-piece-editor .mc-layer-item{position:relative;}
#mc-piece-editor .mc-layer-lock{
 margin-left:auto;
 background:none !important;
 border:none !important;
 cursor:pointer;
 font-size:13px;
 opacity:.45;
 padding:2px 4px !important;
 box-shadow:none !important;
 line-height:1;
}
#mc-piece-editor .mc-layer-item.is-locked .mc-layer-lock{opacity:1;}
#mc-piece-editor .mc-layer-item.is-locked .mc-layer-label{opacity:.5;}
#mc-piece-editor .mc-layer-item{cursor:grab;user-select:none;}
#mc-piece-editor .mc-layer-item.is-dragging{opacity:.4;}
#mc-piece-editor .mc-layer-item.drop-above{box-shadow:0 -2px 0 0 #E8650A inset,0 2px 0 0 #E8650A;}
#mc-piece-editor .mc-layer-item.drop-below{box-shadow:0 -2px 0 0 #E8650A;}
#mc-piece-editor .mc-svg-colors{
 display:flex;
 align-items:center;
 gap:6px;
 padding:4px 0;
}
#mc-piece-editor .mc-svg-colors[hidden]{display:none;}
#mc-piece-editor .mc-svg-colors-label{font-size:11px;color:#aaa;margin-right:4px;}
#mc-piece-editor .mc-svg-color-chip{
 width:24px;height:24px;
 border-radius:5px;
 border:2px solid #555 !important;
 cursor:pointer;
 padding:0 !important;
 background-image:none !important;
 box-shadow:none !important;
 min-width:0 !important;
 line-height:1 !important;
}
#mc-piece-editor .mc-svg-color-chip:hover{border-color:#E8650A !important;}
#mc-piece-editor .mc-zoom-label{
 color:#bbb;
 font-size:12px;
 min-width:42px;
 text-align:center;
 align-self:center;
}
#mc-piece-editor{
 display:flex !important;
 flex-direction:column;
 overflow:hidden !important;
 padding-bottom:8px !important;
}
#mc-piece-editor[style*="display: none"],
#mc-piece-editor[style*="display:none"]{display:none !important;}
#mc-piece-editor .mc-stage{
 flex:1 1 auto;
 min-height:0;
 display:flex;
 align-items:center;
 justify-content:center;
 overflow:hidden;
}
#mc-piece-editor .mc-panel{
 max-height:45vh;
 overflow-y:auto;
}
#mc-piece-editor .mc-panel{
 position:absolute !important;
 left:calc(var(--mcp-rail-l,84px) + 10px);
 top:120px;
 width:430px;
 max-width:calc(100vw - 20px);
 max-height:60vh;
 overflow:auto;
 resize:both;
 z-index:30;
 background:#1c1c1c;
 border:1px solid #3a3a3a;
 border-radius:10px;
 box-shadow:0 10px 30px rgba(0,0,0,.55);
 padding:12px;
}
#mc-piece-editor .mc-racing-fonts{
 display:flex;
 gap:8px;
 flex-wrap:wrap;
 width:100%;
 margin-top:10px;
 max-height:170px;
 overflow-y:auto;
}
#mc-piece-editor .mc-racing-font-chip{
 display:flex;
 flex-direction:column;
 align-items:center;
 gap:2px;
 min-width:76px;
 padding:6px 8px !important;
 background:#262626 !important;
 border:2px solid #444 !important;
 border-radius:8px;
 cursor:pointer;
 box-shadow:none !important;
}
#mc-piece-editor .mc-racing-font-chip.active,
#mc-piece-editor .mc-racing-font-chip:hover{border-color:#E8650A !important;}
#mc-piece-editor .mc-racing-font-num{
 font-size:30px;
 line-height:1.1;
 color:#fff;
}
#mc-piece-editor .mc-racing-font-label{
 font-size:10px;
 color:#999;
 max-width:90px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
#mc-piece-editor .mc-btn .mc-btn-label{
 margin-left:4px;
 font-size:11px;
 font-weight:600;
}
#mc-piece-editor .mc-image-only[data-action="remove-bg"]{
 white-space:nowrap;
}
#mc-piece-editor .mc-grad-toggle{
 display:block;
 width:100%;
 margin-top:8px;
 padding:6px 8px;
 border:1px dashed #c3c4c7;
 border-radius:6px;
 background:#fff;
 font-size:12px;
 font-weight:600;
 cursor:pointer;
 color:#1d2327;
}
#mc-piece-editor .mc-grad-toggle.is-active{
 border-style:solid;
 border-color:var(--mc-accent,#2271b1);
 color:var(--mc-accent,#2271b1);
}
#mc-piece-editor .mc-grad-builder{
 width:100%;
 margin-top:8px;
 padding-top:8px;
 border-top:1px solid #444;
}
#mc-piece-editor .mc-grad-builder[hidden]{display:none;}
#mc-piece-editor .mc-grad-row{
 display:flex;
 align-items:center;
 gap:8px;
 margin-bottom:8px;
}
#mc-piece-editor .mc-grad-count button,
#mc-piece-editor .mc-grad-dirs button{
 min-width:26px;
 height:26px;
 padding:0 4px;
 border:1px solid #c3c4c7;
 border-radius:5px;
 background:#fff;
 cursor:pointer;
 font-size:13px;
 line-height:1;
 color:#1d2327;
}
#mc-piece-editor .mc-grad-count button.active,
#mc-piece-editor .mc-grad-dirs button.active{
 background:var(--mc-accent,#2271b1);
 border-color:var(--mc-accent,#2271b1);
 color:#fff;
}
#mc-piece-editor .mc-grad-stops{
 display:flex;
 gap:6px;
 flex:1;
 justify-content:center;
}
#mc-piece-editor .mc-grad-stop{
 width:26px;
 height:26px;
 border-radius:50%;
 border:2px solid #c3c4c7;
 cursor:pointer;
 padding:0;
}
#mc-piece-editor .mc-grad-stop.active{
 border-color:var(--mc-accent,#2271b1);
 box-shadow:0 0 0 2px rgba(34,113,177,.25);
}
#mc-piece-editor .mc-grad-preview{
 height:18px;
 border-radius:5px;
 border:1px solid #444;
 margin-bottom:8px;
}
#mc-piece-editor .mc-grad-apply{
 display:block;
 width:100%;
 padding:7px 8px;
 border:none;
 border-radius:6px;
 background:var(--mc-accent,#2271b1);
 color:#fff;
 font-size:12px;
 font-weight:600;
 cursor:pointer;
}
#mc-piece-editor .mc-align-group{
 display:inline-flex;
 gap:2px;
 padding:0 6px;
 border-left:1px solid #e0e0e0;
 border-right:1px solid #e0e0e0;
 margin:0 4px;
 align-items:center;
}
#mc-piece-editor .mc-align-group .mc-btn-sm{
 min-width:26px;
 padding:4px 5px;
 font-size:13px;
}
#mc-piece-editor .mc-color-pop .mc-grad-row{
 flex-wrap:wrap !important;
 width:100%;
}
#mc-piece-editor .mc-color-pop button.mc-grad-toggle,
#mc-piece-editor .mc-color-pop .mc-grad-count button,
#mc-piece-editor .mc-color-pop .mc-grad-dirs button,
#mc-piece-editor .mc-color-pop button.mc-grad-stop,
#mc-piece-editor .mc-color-pop button.mc-grad-apply{
 -webkit-appearance:none !important;
 appearance:none !important;
 background-image:none !important;
 text-transform:none !important;
 letter-spacing:normal !important;
 box-shadow:none !important;
 text-shadow:none !important;
 margin:0 !important;
 line-height:1 !important;
 font-family:inherit !important;
 font-weight:600 !important;
}
#mc-piece-editor .mc-color-pop .mc-grad-count button,
#mc-piece-editor .mc-color-pop .mc-grad-dirs button{
 width:auto !important;
 min-width:26px !important;
 height:26px !important;
 min-height:0 !important;
 padding:0 5px !important;
 font-size:13px !important;
 border-radius:5px !important;
 border:1px solid #c3c4c7 !important;
 background:#fff !important;
 color:#1d2327 !important;
}
#mc-piece-editor .mc-color-pop .mc-grad-count button.active,
#mc-piece-editor .mc-color-pop .mc-grad-dirs button.active{
 background:var(--mc-accent,#2271b1) !important;
 border-color:var(--mc-accent,#2271b1) !important;
 color:#fff !important;
}
#mc-piece-editor .mc-color-pop button.mc-grad-stop{
 width:26px !important;
 height:26px !important;
 min-width:0 !important;
 min-height:0 !important;
 padding:0 !important;
 border-radius:50% !important;
 border:2px solid #c3c4c7 !important;
}
#mc-piece-editor .mc-color-pop button.mc-grad-stop.active{
 border-color:var(--mc-accent,#2271b1) !important;
 box-shadow:0 0 0 2px rgba(34,113,177,.25) !important;
}
#mc-piece-editor .mc-color-pop button.mc-grad-toggle{
 width:100% !important;
 padding:6px 8px !important;
 font-size:12px !important;
 border-radius:6px !important;
 border:1px dashed #c3c4c7 !important;
 background:#fff !important;
 color:#1d2327 !important;
}
#mc-piece-editor .mc-color-pop button.mc-grad-toggle.is-active{
 border-style:solid !important;
 border-color:var(--mc-accent,#2271b1) !important;
 color:var(--mc-accent,#2271b1) !important;
}
#mc-piece-editor .mc-color-pop button.mc-grad-apply{
 width:100% !important;
 padding:7px 8px !important;
 font-size:12px !important;
 border-radius:6px !important;
 border:none !important;
 background:var(--mc-accent,#2271b1) !important;
 color:#fff !important;
}
#mc-piece-editor .mc-layer-move{
 display:inline-flex;
 gap:2px;
 margin-left:auto;
 margin-right:4px;
}
#mc-piece-editor .mc-layer-move button{
 -webkit-appearance:none !important;
 appearance:none !important;
 background:transparent !important;
 background-image:none !important;
 border:1px solid #c3c4c7 !important;
 border-radius:4px !important;
 width:20px !important;
 height:20px !important;
 min-width:0 !important;
 min-height:0 !important;
 padding:0 !important;
 margin:0 !important;
 font-size:9px !important;
 line-height:1 !important;
 color:#1d2327 !important;
 cursor:pointer;
 box-shadow:none !important;
 text-shadow:none !important;
}
#mc-piece-editor .mc-layer-move button:hover:not(:disabled){
 border-color:var(--mc-accent,#2271b1) !important;
 color:var(--mc-accent,#2271b1) !important;
}
#mc-piece-editor .mc-layer-move button:disabled{
 opacity:.3;
 cursor:default;
}
#mc-piece-editor .mc-color-pop button.mc-grad-stop{
 color:#fff !important;
 font-size:11px !important;
 font-weight:700 !important;
 text-shadow:0 0 3px rgba(0,0,0,.9),0 0 1px rgba(0,0,0,.9) !important;
 display:inline-flex !important;
 align-items:center !important;
 justify-content:center !important;
}
#mc-piece-editor .mc-color-pop .mc-grad-mid-row{
 display:flex;
 align-items:center;
 gap:8px;
 width:100%;
 margin-bottom:8px;
 font-size:11px;
 font-weight:600;
 color:#ddd;
}
#mc-piece-editor .mc-color-pop .mc-grad-mid{
 flex:1;
 min-width:0;
 height:auto !important;
 padding:0 !important;
 margin:0 !important;
 background:transparent !important;
 border:none !important;
 box-shadow:none !important;
 -webkit-appearance:auto !important;
 appearance:auto !important;
 accent-color:var(--mc-accent,#2271b1);
}
#mc-piece-editor .mc-color-pop.mc-pop-wide{
 max-width:340px !important;
 width:340px;
}
#mc-piece-editor .mc-color-pop.mc-pop-wide.mc-cpop-resized{
 max-width:none !important;
}
#mc-piece-editor .mc-color-pop.mc-pop-wide .mc-grad-builder{
 padding-top:10px;
}
#mc-piece-editor .mc-color-pop.mc-pop-wide .mc-grad-preview{
 height:24px;
}
.mc-js-tip{
 position:fixed;
 display:none;
 background:#1d2327;
 color:#fff;
 padding:6px 10px;
 border-radius:6px;
 font-size:12px;
 font-weight:500;
 line-height:1.3;
 white-space:nowrap;
 z-index:100030;
 pointer-events:none;
 box-shadow:0 4px 12px rgba(0,0,0,.35);
}
#mc-piece-editor .mc-panel-subtitle{
 font-size:12px;
 font-weight:700;
 text-transform:uppercase;
 letter-spacing:.05em;
 color:#888;
 margin:12px 0 6px;
}
#mc-piece-editor .mc-shape-thumb{
 -webkit-appearance:none !important;
 appearance:none !important;
 background:#2a2b31 !important;
 border:1px solid #3a3b42 !important;
 border-radius:8px !important;
 padding:8px !important;
 cursor:pointer;
 width:100%;
}
#mc-piece-editor .mc-shape-thumb:hover{
 border-color:var(--mc-accent,#E8650A) !important;
}
#mc-piece-editor .mc-shape-thumb svg{width:100%;height:44px;display:block;}
#mc-piece-editor .mc-curved-dialog{
 position:absolute;
 inset:0;
 z-index:100020;
 background:rgba(0,0,0,.55);
 display:flex;
 align-items:center;
 justify-content:center;
}
#mc-piece-editor .mc-curved-dialog[hidden]{display:none;}
#mc-piece-editor .mc-curved-dialog-box{
 background:#23242b;
 color:#f0f0f0;
 border-radius:10px;
 padding:18px;
 width:min(360px,92vw);
 display:flex;
 flex-direction:column;
 gap:12px;
 box-shadow:0 20px 60px rgba(0,0,0,.5);
}
#mc-piece-editor .mc-curved-input{
 padding:9px 12px;
 border-radius:8px;
 border:1px solid #3a3b42;
 background:#1a1a1e;
 color:#fff;
 font-size:15px;
}
#mc-piece-editor .mc-curved-dialog label{font-size:13px;display:flex;align-items:center;gap:10px;}
#mc-piece-editor .mc-curved-curve{flex:1;accent-color:var(--mc-accent,#E8650A);}
#mc-piece-editor .mc-curved-actions{display:flex;gap:10px;}
#mc-piece-editor .mc-curved-actions .mc-btn{flex:1;}
#mc-piece-editor .mc-color-pop .mc-grad-fade-row{
 display:flex;
 align-items:center;
 gap:6px;
 width:100%;
 font-size:11px;
 font-weight:600;
 color:#ddd;
 margin-bottom:6px;
 cursor:pointer;
}
#mc-piece-editor .mc-color-pop .mc-pat-chips{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
 width:100%;
 justify-content:center;
 margin-bottom:8px;
}
#mc-piece-editor .mc-color-pop .mc-pat-chips button{
 -webkit-appearance:none !important;
 appearance:none !important;
 display:flex !important;
 flex-direction:column !important;
 align-items:center !important;
 gap:4px !important;
 width:84px !important;
 height:auto !important;
 min-width:0 !important;
 padding:5px !important;
 border-radius:8px !important;
 border:1px solid #555 !important;
 background:#2b2b2b !important;
 color:#ddd !important;
 cursor:pointer;
}
#mc-piece-editor .mc-color-pop .mc-pat-chips .mc-pat-thumb{
 display:block;
 width:100%;
 height:56px;
 border-radius:5px;
 background-color:#fff;
 border:1px solid #666;
}
#mc-piece-editor .mc-color-pop .mc-pat-chips .mc-pat-lbl{
 font-size:10px;
 line-height:1.1;
 text-align:center;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 max-width:100%;
}
#mc-piece-editor .mc-color-pop .mc-pat-chips button:hover{
 border-color:var(--mc-accent,#2271b1) !important;
}
#mc-piece-editor .mc-color-pop .mc-pat-chips button.is-sel{
 border-color:var(--mc-accent,#2271b1) !important;
 box-shadow:0 0 0 2px var(--mc-accent,#2271b1) inset;
}
#mc-piece-editor .mc-color-pop .mc-pat-size{
 display:flex;
 align-items:center;
 gap:8px;
 width:100%;
 font-size:11px;
 color:#ccc;
 margin-bottom:6px;
}
#mc-piece-editor .mc-color-pop .mc-pat-size input[type="range"]{
 flex:1;
}
#mc-piece-editor .mc-color-pop .mc-pat-hint{
 font-size:10px;
 color:#999;
 margin:0 0 4px;
 width:100%;
 text-align:center;
}
#mc-piece-editor .mc-layer-vis{
 -webkit-appearance:none !important;
 appearance:none !important;
 background:transparent !important;
 border:none !important;
 padding:2px 4px !important;
 margin:0 2px 0 0 !important;
 font-size:13px !important;
 line-height:1 !important;
 cursor:pointer;
 box-shadow:none !important;
}
#mc-piece-editor .mc-layer-item.is-hidden .mc-layer-label,
#mc-piece-editor .mc-layer-item.is-hidden .mc-layer-icon{
 opacity:.4;
}
#mc-piece-editor .mc-brand-logo{
 max-height:30px;
 max-width:120px;
 object-fit:contain;
 margin-right:4px;
}
@media (max-width:640px){
 #mc-piece-editor .mc-brand-logo{display:none;}
}
#mc-piece-editor .mcp-corps{
 display:flex;
 flex:1 1 auto;
 min-height:0;
 min-width:0;
}
#mc-piece-editor{--mcp-rail-l:84px;}
#mc-piece-editor .mcp-rail{
 flex:0 0 var(--mcp-rail-l);
 display:flex;
 flex-direction:column;
 gap:4px;
 padding:8px 6px;
 background:#232323;
 border-right:1px solid #3a3a3a;
 overflow-y:auto;
 overflow-x:hidden;
}
#mc-piece-editor .mcp-rail .mc-btn{
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 gap:4px;
 width:100%;
 min-height:60px;
 padding:8px 2px;
 font-size:11px;
 line-height:1.15;
 text-align:center;
 white-space:normal;
 border-radius:9px;
}
#mc-piece-editor .mcp-rail .mc-btn .mcp-ico,
#mc-piece-editor .mcp-rail .mc-btn .mc-racing-icon{
 font-size:17px;
 line-height:1;
}
#mc-piece-editor .mcp-rail .mc-divider{
 width:100%;
 height:1px;
 margin:4px 0;
 background:#3a3a3a;
}
#mc-piece-editor .mcp-rail .mc-tools-wrap{width:100%;}
#mc-piece-editor .mcp-rail .mc-tools-btn{width:100%;}
@media (max-width:768px){
 #mc-piece-editor .mcp-corps{flex-direction:column;}
 #mc-piece-editor{--mcp-rail-l:0px;}
 #mc-piece-editor .mcp-rail{
 flex:0 0 auto;
 flex-direction:row;
 overflow-x:auto;
 overflow-y:hidden;
 border-right:0;
 border-bottom:1px solid #3a3a3a;
}
 #mc-piece-editor .mcp-rail .mc-btn{
 width:auto;
 min-width:66px;
 flex:0 0 auto;
}
 #mc-piece-editor .mcp-rail .mc-divider{
 width:1px;
 height:auto;
 align-self:stretch;
 margin:0 4px;
}
 #mc-piece-editor .mc-panel{left:10px;}
}
#mc-piece-editor .mc-panel .mc-panel-section-header{
 cursor:move;
 user-select:none;
 -webkit-user-select:none;
 touch-action:none;
}
#mc-piece-editor .mc-panel .mc-panel-section-header::before{
 content:"⠿";
 margin-right:7px;
 opacity:.45;
 font-size:13px;
 letter-spacing:-1px;
}
#mc-piece-editor .mc-panel.est-en-deplacement{
 z-index:60;
 transition:none !important;
 box-shadow:0 18px 44px rgba(0,0,0,.65);
}
#mc-piece-editor .mc-fondu-reglages{
 display:inline-flex;
 align-items:center;
 gap:5px;
 padding:0 6px;
}
#mc-piece-editor .mc-fondu-reglages[hidden]{display:none !important;}
#mc-piece-editor button.mc-fondu-dir.is-active{
 outline:2px solid var(--tc-c,#E8650A);
 outline-offset:1px;
}
#mc-piece-editor .mc-fondu-out{min-width:38px;text-align:center;}
@media (max-width:768px) and (orientation:portrait){
 #mc-piece-editor .mc-toolbar{
 flex-wrap:wrap;
 overflow:visible;
 row-gap:4px;
 height:auto;
 min-height:0;
}
 #mc-piece-editor .mc-toolbar .mc-brand-logo,
 #mc-piece-editor .mc-toolbar>.mc-divider:nth-of-type(1),
 #mc-piece-editor .mc-toolbar>.mc-divider:nth-of-type(3){display:none;}
 #mc-piece-editor .mcp-right-group{display:contents;}
 #mc-piece-editor #mcp-back{order:1;}
 #mc-piece-editor .mcp-piece-name{order:2;flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 #mc-piece-editor .mc-toolbar [data-action="undo"]{order:3;}
 #mc-piece-editor .mc-toolbar [data-action="redo"]{order:4;}
 #mc-piece-editor #mcp-apply{order:5;margin-left:auto;min-width:104px;}
 #mc-piece-editor .mc-toolbar>.mc-divider:nth-of-type(2){order:6;flex:0 0 100%;height:0;margin:0;}
 #mc-piece-editor .mc-toolbar [data-action="reset"]{order:7;}
 #mc-piece-editor .mc-toolbar [data-action="zoom-out"]{order:8;}
 #mc-piece-editor .mc-toolbar .mc-zoom-label{order:9;}
 #mc-piece-editor .mc-toolbar [data-action="zoom-in"]{order:10;}
 #mc-piece-editor .mc-toolbar [data-action="zoom-reset"]{order:11;}
 #mc-piece-editor .mcp-bg-field{order:12;margin-left:auto;}
 #mc-piece-editor #mcp-help{order:13;}
 #mc-piece-editor .mc-toolbar .mc-btn:not(#mcp-apply){min-width:40px;min-height:44px;padding:4px 4px;}
 #mc-piece-editor .mc-toolbar .mc-zoom-label{min-width:30px;}
 #mc-piece-editor #mcp-help{min-width:44px !important;padding:4px 2px !important;}
 #mc-piece-editor .mcp-piece-name{font-size:12px;letter-spacing:0;}
 #mc-piece-editor #mcp-apply{min-width:0;padding:4px 10px;}
 #mc-piece-editor .mc-stage{padding:8px;align-items:flex-start;}
 #mc-piece-editor .mcp-bg-field>span{display:none;}
}
@media (max-width:768px) and (orientation:portrait){
 #mc-piece-editor .mc-panel{
 position:fixed !important;
 left:0 !important;
 right:0 !important;
 top:auto !important;
 bottom:var(--mc-bas,0px) !important;
 width:auto !important;
 max-width:none !important;
 max-height:36vh;
 resize:none;
 border-radius:14px 14px 0 0;
 z-index:40;
}
 #mc-piece-editor .mc-panel .mc-panel-section-header{cursor:default;touch-action:auto;}
 #mc-piece-editor .mc-panel .mc-panel-section-header::before{content:none;}
 #mc-piece-editor .mcp-corps{position:relative;}
 #mc-piece-editor .mcp-corps::before{
 content:"";
 position:absolute;
 top:0;right:0;
 width:28px;height:77px;
 z-index:5;
 pointer-events:none;
 background:linear-gradient(to right,transparent,#232323);
}
 #mc-piece-editor .mcp-rail::after{content:"";flex:0 0 24px;}
}
@media (max-width:768px) and (orientation:portrait){
 #mc-piece-editor:has(.mc-panel:not([hidden]):not([data-panel="layers"])) .mc-stage{
 padding-bottom:calc(36vh + var(--mc-bas,0px) + 8px);
}
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:500px){
 #mc-piece-editor{--mcp-rail-l:84px;}
 #mc-piece-editor .mcp-corps{flex-direction:row;}
 #mc-piece-editor .mcp-rail{
 flex:0 0 var(--mcp-rail-l);
 flex-direction:column;
 overflow-x:hidden;
 overflow-y:auto;
 border-right:1px solid #3a3a3a;
 border-bottom:0;
}
 #mc-piece-editor .mcp-rail .mc-btn{width:100%;min-width:0;flex:0 0 auto;}
 #mc-piece-editor .mcp-rail .mc-divider{width:100%;height:1px;align-self:auto;margin:4px 0;}
 #mc-piece-editor .mc-toolbar{flex-wrap:nowrap;overflow-x:auto;}
 #mc-piece-editor .mc-toolbar>.mc-divider{display:none;}
 #mc-piece-editor .mcp-right-group{display:contents;}
 #mc-piece-editor #mcp-back{order:1;}
 #mc-piece-editor .mcp-piece-name{order:2;flex:0 0 auto;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 #mc-piece-editor #mcp-apply{order:3;}
 #mc-piece-editor .mc-toolbar [data-action="undo"]{order:4;}
 #mc-piece-editor .mc-toolbar [data-action="redo"]{order:5;}
 #mc-piece-editor .mc-toolbar [data-action="reset"]{order:7;}
 #mc-piece-editor .mc-toolbar [data-action="zoom-out"]{order:8;}
 #mc-piece-editor .mc-toolbar .mc-zoom-label{order:9;}
 #mc-piece-editor .mc-toolbar [data-action="zoom-in"]{order:10;}
 #mc-piece-editor .mc-toolbar [data-action="zoom-reset"]{order:11;}
 #mc-piece-editor .mcp-bg-field{order:12;}
 #mc-piece-editor #mcp-help{order:13;}
 #mc-piece-editor .mc-panel{
 left:auto !important;
 right:8px !important;
 top:60px !important;
 bottom:auto !important;
 width:300px !important;
 max-width:calc(100vw - 120px) !important;
 max-height:calc(100vh - 72px) !important;
}
 #mc-piece-editor:has(.mc-panel:not([hidden]):not([data-panel="layers"])) .mc-stage{padding-right:312px;}
}
#mc-piece-editor .mc-layer-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#mc-piece-editor .mc-layer-edit{
 background:none !important;
 border:none !important;
 box-shadow:none !important;
 cursor:pointer;
 font-size:13px;
 line-height:1;
 opacity:.6;
 padding:2px 4px !important;
}
#mc-piece-editor .mc-layer-edit:hover{opacity:1;}
#mc-piece-editor .mc-layer-item input.mc-layer-rename-input{
 width:100%;
 min-width:0;
 box-sizing:border-box;
 padding:2px 6px !important;
 font-size:13px !important;
 border-radius:4px !important;
}
#mc-piece-editor .mc-layers-actions{display:inline-flex;gap:6px;margin-left:auto;}
#mc-piece-editor .mc-layers-actions button{
 padding:3px 8px !important;
 font-size:12px !important;
 border-radius:6px !important;
 cursor:pointer;
}