*,:before,:after{box-sizing:border-box}body{color:#1e293b;-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}*,:before,:after{box-sizing:border-box;margin:0;padding:0}#root{width:100%!important;max-width:100%!important;min-height:unset!important;text-align:left!important;border:none!important;margin:0!important;display:block!important}#root.mc-app-root{height:100dvh;overflow:hidden}body{color:#fff;-webkit-font-smoothing:antialiased;background:#0a0a0a;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.mc-layout{background:#0a0a0a;height:100dvh;display:flex;overflow:hidden}.mc-sidebar{background:#111;border-right:1px solid #2a2a2a;flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow:hidden}.mc-sidebar-logo{border-bottom:1px solid #2a2a2a;flex-shrink:0;padding:20px 16px 16px}.mc-logo-text{letter-spacing:1px;color:#fff;font-size:17px;font-weight:800}.mc-logo-sub{color:#888;letter-spacing:.3px;margin-top:2px;font-size:10px}.mc-sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.mc-nav-item{color:#888;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:flex}.mc-nav-item:hover{color:#fff;background:#1a1a1a}.mc-nav-item.active{color:#ec4899;background:#ec489926;font-weight:600}.mc-nav-icon{font-size:15px}.mc-sidebar-footer{border-top:1px solid #2a2a2a;flex-shrink:0;padding:12px 16px 20px}.mc-btn-primary{color:#fff;cursor:pointer;background:#ec4899;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s;display:inline-flex}.mc-btn-primary:hover{background:#db2777}.mc-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.mc-tabs-bar{scrollbar-width:none;border-bottom:1px solid #2a2a2a;flex-shrink:0;align-items:center;gap:4px;height:52px;padding:0 20px;display:flex;overflow-x:auto}.mc-tabs-bar::-webkit-scrollbar{display:none}.mc-tab{color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:500;transition:all .12s}.mc-tab:hover{color:#fff;background:#1a1a1a}.mc-tab.active{color:#fff;background:#ec4899;font-weight:600}.mc-content{scrollbar-width:thin;scrollbar-color:#2a2a2a transparent;flex:1;padding:20px;overflow-y:auto}.mc-content::-webkit-scrollbar{width:4px}.mc-content::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}.mc-dropzone{text-align:center;cursor:pointer;background:#111;border:2px dashed #2a2a2a;border-radius:12px;margin-bottom:24px;padding:28px 20px;transition:all .15s}.mc-dropzone:hover,.mc-dropzone.dragging{background:#ec48990d;border-color:#ec4899}.mc-dropzone-title{color:#888;font-size:14px;font-weight:600}.mc-dropzone-sub{color:#555;margin-top:6px;font-size:12px}.mc-section-title{color:#888;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:700}.mc-style-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}@media (width<=900px){.mc-style-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.mc-sidebar{width:60px}.mc-logo-text,.mc-logo-sub,.mc-nav-item span:last-child{display:none}.mc-style-grid{grid-template-columns:repeat(2,1fr)}}.mc-prompt-box{background:#111;border:1px solid #2a2a2a;border-radius:12px;padding:16px}.mc-prompt-label{color:#888;margin-bottom:10px;font-size:12px;font-weight:600}.mc-prompt-input{color:#fff;resize:none;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;outline:none;flex:1;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .12s}.mc-prompt-input:focus{border-color:#ec4899}.mc-prompt-send{flex-shrink:0;border-radius:8px!important;width:auto!important;padding:9px 14px!important}.mc-empty-state{color:#888;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.mc-empty-title{color:#888;margin-bottom:8px;font-size:16px;font-weight:600}.mc-empty-sub{color:#555;font-size:13px}.mc-back-btn{color:#888;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:10px;padding:0;font-size:12px;transition:color .12s;display:inline-flex}.mc-back-btn:hover{color:#ec4899}.mc-style-badge{color:#888;background:#1a1a1a;border-radius:6px;align-items:center;gap:4px;margin-top:6px;padding:4px 8px;font-size:11px;display:inline-flex}.mc-editor-toolbar{background:#0a0a0a;border-bottom:1px solid #2a2a2a;flex-shrink:0;align-items:center;gap:8px;height:52px;padding:0 16px;display:flex}.mc-toolbar-btn{color:#888;cursor:pointer;background:#111;border:1px solid #2a2a2a;border-radius:7px;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.mc-toolbar-btn:hover{color:#ec4899;background:#ec48990d;border-color:#ec4899}.mc-toolbar-btn-outline{color:#ec4899;cursor:pointer;background:0 0;border:1px solid #ec4899;border-radius:7px;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .12s;display:inline-flex}.mc-toolbar-btn-outline:hover{background:#ec48991a}.mc-right-panel{background:#111;border-left:1px solid #2a2a2a;flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow:hidden}.mc-panel-tabs{border-bottom:1px solid #2a2a2a;flex-shrink:0;display:flex}.mc-panel-tab{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:12px 4px;font-family:inherit;font-size:12px;font-weight:500;transition:all .12s}.mc-panel-tab:hover:not(.active){color:#ccc}.mc-panel-tab.active{color:#ec4899;border-bottom-color:#ec4899;font-weight:600}.mc-panel-body{scrollbar-width:thin;scrollbar-color:#2a2a2a transparent;flex-direction:column;flex:1;gap:10px;padding:14px 12px;display:flex;overflow-y:auto}.mc-panel-body::-webkit-scrollbar{width:3px}.mc-panel-body::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}.mc-panel-hint{color:#888;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:12px;font-size:12px;line-height:1.7}.mc-panel-label{color:#888;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:700}.mc-parts-list{flex-direction:column;gap:2px;display:flex}.mc-part-item{cursor:pointer;color:#888;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;transition:background .1s;display:flex}.mc-part-item:hover{background:#1a1a1a}.mc-part-item.active{color:#ec4899;background:#ec48991a;font-weight:600}.mc-part-swatch{border:1px solid #ffffff1f;border-radius:3px;flex-shrink:0;width:14px;height:14px}.mc-palette-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.mc-palette-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:5px;transition:transform .1s,border-color .1s}.mc-palette-swatch:hover{transform:scale(1.12)}.mc-palette-swatch.selected{border-color:#ec4899}.mc-color-input{cursor:pointer;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:7px;width:100%;height:34px;padding:2px}.mc-reset-btn{color:#888;cursor:pointer;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:7px;width:100%;padding:7px;font-family:inherit;font-size:11px;transition:all .12s}.mc-reset-btn:hover{color:#ec4899;border-color:#ec4899}.mc-text-input{color:#fff;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:7px;outline:none;width:100%;padding:9px 10px;font-family:inherit;font-size:13px;transition:border-color .12s}.mc-text-input:focus{border-color:#ec4899}.mc-effect-btn{color:#888;cursor:pointer;text-align:center;background:#111;border:1px solid #2a2a2a;border-radius:6px;padding:7px 4px;font-family:inherit;font-size:11px;transition:all .12s}.mc-effect-btn:hover{color:#fff;border-color:#555}.mc-effect-btn.active{color:#ec4899;background:#ec48991a;border-color:#ec4899;font-weight:600}.mc-sticker-btn{cursor:pointer;background:#111;border:1px solid #2a2a2a;border-radius:7px;padding:8px 0;font-size:18px;line-height:1;transition:all .12s}.mc-sticker-btn:hover{background:#1a1a1a;border-color:#444;transform:scale(1.08)}.mc-opacity-row{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:flex}.mc-canvas-hint{color:#888;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border:1px solid #2a2a2a;border-radius:20px;padding:5px 14px;font-size:11px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.mc-parts-label{color:#888;letter-spacing:.8px;text-transform:uppercase;flex-shrink:0;padding:10px 16px 4px;font-size:10px;font-weight:700}.mc-palette-area{border-top:1px solid #2a2a2a;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 16px;display:flex}.mc-palette-label{color:#888;font-size:11px;font-weight:600}
