.Canvas-module__BdDmeW__canvas{background:#fafafa;width:100%;height:100%;position:relative;overflow:hidden}.Canvas-module__BdDmeW__gridBackground{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.Canvas-module__BdDmeW__svg{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.Canvas-module__BdDmeW__selected{filter:drop-shadow(0 0 4px #7c3aed66)drop-shadow(0 0 8px #7c3aed33);cursor:move}.Canvas-module__BdDmeW__selectionBorder{fill:none;stroke:#7c3aed;stroke-width:1.5px;stroke-dasharray:6 3;pointer-events:none;animation:.5s linear infinite Canvas-module__BdDmeW__marchingAnts}.Canvas-module__BdDmeW__selectionHandles{fill:#fff;stroke:#7c3aed;stroke-width:1.5px;pointer-events:auto;transition:fill .15s}.Canvas-module__BdDmeW__selectionHandles:hover{fill:#7c3aed}@keyframes Canvas-module__BdDmeW__marchingAnts{0%{stroke-dashoffset:0}to{stroke-dashoffset:-9px}}.Canvas-module__BdDmeW__marqueeBox{fill:#7c3aed1a;stroke:#7c3aed;stroke-width:1px;stroke-dasharray:4 2;pointer-events:none}
.Controls-module__ElUXYq__zoomControls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#ffffffbf;border:1px solid #0000001a;border-radius:10px;align-items:center;gap:4px;padding:6px;display:flex;position:fixed;bottom:16px;left:16px;box-shadow:0 2px 12px #00000014,0 1px 3px #0000000d}.Controls-module__ElUXYq__historyControls{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border:1px solid #0000001a;border-radius:10px;align-items:center;gap:4px;padding:6px;display:flex;position:fixed;bottom:16px;left:176px;box-shadow:0 2px 12px #00000014,0 1px 3px #0000000d}.Controls-module__ElUXYq__controlButton{cursor:pointer;color:#374151;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.Controls-module__ElUXYq__controlButton:hover:not(.Controls-module__ElUXYq__disabled){color:#7c3aed;background:#f5f5f5}.Controls-module__ElUXYq__controlButton.Controls-module__ElUXYq__disabled{opacity:.4;cursor:not-allowed}.Controls-module__ElUXYq__zoomValue{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:6px;min-width:50px;height:36px;padding:0 8px;font-size:13px;font-weight:500;transition:all .15s}.Controls-module__ElUXYq__zoomValue:hover{background:#f5f5f5}.Controls-module__ElUXYq__clearControl{z-index:100;position:fixed;bottom:16px;right:196px}.Controls-module__ElUXYq__clearButton{color:#ef4444;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border:1px solid #0000001a;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex;box-shadow:0 2px 12px #00000014,0 1px 3px #0000000d}.Controls-module__ElUXYq__clearButton:hover{background:#fef2f2;border-color:#fecaca}.Controls-module__ElUXYq__branding{color:#6b7280;z-index:100;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border:1px solid #0000001a;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:500;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 2px 12px #00000014,0 1px 3px #0000000d}.Controls-module__ElUXYq__branding *{cursor:pointer}.Controls-module__ElUXYq__brandIcon{font-size:14px}
.ExportPanel-module__KRffLq__container{z-index:100;position:fixed;top:16px;right:16px}.ExportPanel-module__KRffLq__trigger{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 2px 12px #7c3aed4d,0 1px 3px #0000001a}.ExportPanel-module__KRffLq__trigger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed66,0 2px 4px #0000001a}.ExportPanel-module__KRffLq__trigger:disabled{opacity:.7;cursor:not-allowed}.ExportPanel-module__KRffLq__dropdown{transform-origin:100% 0;background:#fff;border:1px solid #0000000f;border-radius:16px;width:280px;padding:16px;animation:.2s ease-out ExportPanel-module__KRffLq__dropdownOpen;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 24px #0000001f,0 2px 8px #00000014}@keyframes ExportPanel-module__KRffLq__dropdownOpen{0%{opacity:0;transform:scale(.95)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.ExportPanel-module__KRffLq__dropdownClosing{animation:.15s ease-in forwards ExportPanel-module__KRffLq__dropdownClose}@keyframes ExportPanel-module__KRffLq__dropdownClose{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(-8px)}}.ExportPanel-module__KRffLq__header{color:#1f2937;align-items:center;gap:10px;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.ExportPanel-module__KRffLq__header svg{color:#7c3aed}.ExportPanel-module__KRffLq__formatList{flex-direction:column;gap:8px;display:flex}.ExportPanel-module__KRffLq__formatButton{cursor:pointer;text-align:left;background:#f9fafb;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px;transition:all .15s;display:flex}.ExportPanel-module__KRffLq__formatButton:hover:not(:disabled){background:#f3f4f6;border-color:#7c3aed;transform:translate(4px)}.ExportPanel-module__KRffLq__formatButton:disabled{opacity:.5;cursor:not-allowed}.ExportPanel-module__KRffLq__formatIcon{color:#fff;letter-spacing:.5px;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:11px;font-weight:700;display:flex}.ExportPanel-module__KRffLq__formatInfo{flex-direction:column;gap:2px;display:flex}.ExportPanel-module__KRffLq__formatName{color:#1f2937;font-size:14px;font-weight:600}.ExportPanel-module__KRffLq__formatDesc{color:#6b7280;font-size:12px}.ExportPanel-module__KRffLq__exporting{color:#7c3aed;background:#ede9fe;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:12px;padding:12px;font-size:13px;font-weight:500;display:flex}.ExportPanel-module__KRffLq__spinner{border:2px solid #7c3aed4d;border-top-color:#7c3aed;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite ExportPanel-module__KRffLq__spin}@keyframes ExportPanel-module__KRffLq__spin{to{transform:rotate(360deg)}}
.SelectionInfo-module__1rGnlG__container{z-index:100;pointer-events:none;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.SelectionInfo-module__1rGnlG__infoBox{pointer-events:auto;background:#fff;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:12px;padding:10px 16px;animation:.2s ease-out SelectionInfo-module__1rGnlG__slideUp;display:flex;box-shadow:0 4px 20px #0000001f,0 2px 8px #00000014}@keyframes SelectionInfo-module__1rGnlG__slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.SelectionInfo-module__1rGnlG__typeBadge{color:#374151;background:#f3f4f6;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;display:flex}.SelectionInfo-module__1rGnlG__typeIcon{font-size:14px}.SelectionInfo-module__1rGnlG__divider{background:#e5e7eb;width:1px;height:24px}.SelectionInfo-module__1rGnlG__sizeInfo{align-items:center;gap:12px;display:flex}.SelectionInfo-module__1rGnlG__sizeItem{align-items:center;gap:4px;display:flex}.SelectionInfo-module__1rGnlG__label{color:#9ca3af;font-size:12px;font-weight:600}.SelectionInfo-module__1rGnlG__value{color:#374151;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:500}.SelectionInfo-module__1rGnlG__colorInfo{align-items:center;gap:12px;display:flex}.SelectionInfo-module__1rGnlG__colorGroup{align-items:center;gap:6px;display:flex}.SelectionInfo-module__1rGnlG__colorLabel{color:#9ca3af;text-transform:uppercase;font-size:11px;font-weight:600}.SelectionInfo-module__1rGnlG__colorSwatch{cursor:pointer;border:2px solid #fff;border-radius:6px;width:24px;height:24px;transition:transform .15s;box-shadow:0 0 0 1px #0000001a,0 2px 4px #0000001a}.SelectionInfo-module__1rGnlG__colorSwatch:hover{transform:scale(1.1)}.SelectionInfo-module__1rGnlG__colorSwatch.SelectionInfo-module__1rGnlG__noFill{color:#9ca3af;background:#fff;justify-content:center;align-items:center;display:flex}.SelectionInfo-module__1rGnlG__colorSwatch.SelectionInfo-module__1rGnlG__noFill:hover{color:#7c3aed}.SelectionInfo-module__1rGnlG__fillSwatchGroup{align-items:center;gap:2px;display:flex}.SelectionInfo-module__1rGnlG__removeFillButton{color:#ef4444;cursor:pointer;background:#fef2f2;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.SelectionInfo-module__1rGnlG__removeFillButton:hover{background:#fee2e2;transform:scale(1.1)}.SelectionInfo-module__1rGnlG__hiddenColorInput{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.SelectionInfo-module__1rGnlG__deleteButton{color:#ef4444;cursor:pointer;background:#fef2f2;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.SelectionInfo-module__1rGnlG__deleteButton:hover{background:#fee2e2;transform:scale(1.05)}.SelectionInfo-module__1rGnlG__deleteButton:active{transform:scale(.95)}
.Toast-module__SXJvLW__container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.Toast-module__SXJvLW__toast{pointer-events:auto;cursor:pointer;background:#fff;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:12px;min-width:300px;max-width:450px;padding:14px 18px;transition:all .2s;animation:.3s ease-out Toast-module__SXJvLW__slideIn;display:flex;box-shadow:0 4px 24px #00000026,0 2px 8px #0000001a}.Toast-module__SXJvLW__toast:hover{transform:translateY(-2px);box-shadow:0 6px 28px #0000002e,0 3px 10px #0000001f}@keyframes Toast-module__SXJvLW__slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes Toast-module__SXJvLW__slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.Toast-module__SXJvLW__exiting{animation:.3s ease-in forwards Toast-module__SXJvLW__slideOut}.Toast-module__SXJvLW__exiting:hover{transform:none}.Toast-module__SXJvLW__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.Toast-module__SXJvLW__message{color:#374151;flex:1;margin:0;font-size:14px;font-weight:500;line-height:1.4}.Toast-module__SXJvLW__closeButton{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.Toast-module__SXJvLW__closeButton:hover{color:#6b7280;background:#f3f4f6}.Toast-module__SXJvLW__success{border-left:4px solid #10b981}.Toast-module__SXJvLW__success .Toast-module__SXJvLW__icon{color:#10b981}.Toast-module__SXJvLW__error{border-left:4px solid #ef4444}.Toast-module__SXJvLW__error .Toast-module__SXJvLW__icon{color:#ef4444}.Toast-module__SXJvLW__warning{border-left:4px solid #f59e0b}.Toast-module__SXJvLW__warning .Toast-module__SXJvLW__icon{color:#f59e0b}.Toast-module__SXJvLW__info{border-left:4px solid #7c3aed}.Toast-module__SXJvLW__info .Toast-module__SXJvLW__icon{color:#7c3aed}
.ColorPicker-module___SqWHq__container{position:relative}.ColorPicker-module___SqWHq__trigger{cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;transition:all .15s;display:flex}.ColorPicker-module___SqWHq__trigger:hover{background:#ebebeb}.ColorPicker-module___SqWHq__colorPreview{border:2px solid #0000001a;border-radius:4px;width:20px;height:20px}.ColorPicker-module___SqWHq__dropdown{z-index:1000;background:#fff;border:1px solid #0000000f;border-radius:12px;padding:12px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000026,0 2px 8px #0000001a}.ColorPicker-module___SqWHq__header{color:#374151;margin-bottom:12px;font-size:13px;font-weight:600}.ColorPicker-module___SqWHq__presetGrid{grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:12px;display:grid}.ColorPicker-module___SqWHq__presetColor{cursor:pointer;border:2px solid #0000;border-radius:4px;width:24px;height:24px;transition:all .15s}.ColorPicker-module___SqWHq__presetColor:hover{transform:scale(1.15)}.ColorPicker-module___SqWHq__presetColor.ColorPicker-module___SqWHq__selected{border-color:#7c3aed;box-shadow:0 0 0 2px #fff,0 0 0 4px #7c3aed}.ColorPicker-module___SqWHq__customSection{border-top:1px solid #e5e5e5;padding-top:12px}.ColorPicker-module___SqWHq__customLabel{color:#6b7280;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.ColorPicker-module___SqWHq__customInput{align-items:center;gap:8px;display:flex}.ColorPicker-module___SqWHq__nativeColorInput{cursor:pointer;border:none;border-radius:6px;width:36px;height:36px;padding:0;overflow:hidden}.ColorPicker-module___SqWHq__nativeColorInput::-webkit-color-swatch-wrapper{padding:0}.ColorPicker-module___SqWHq__nativeColorInput::-webkit-color-swatch{border:2px solid #0000001a;border-radius:6px}.ColorPicker-module___SqWHq__hexInput{color:#374151;border:1px solid #e5e5e5;border-radius:6px;flex:1;height:36px;padding:0 12px;font-family:monospace;font-size:13px;transition:all .15s}.ColorPicker-module___SqWHq__hexInput:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1a}
.Toolbar-module__snQo8q__toolbarContainer{z-index:100;position:fixed;top:16px;left:50%;transform:translate(-50%)}.Toolbar-module__snQo8q__toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border:1px solid #0000001a;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex;box-shadow:0 2px 12px #00000014,0 1px 3px #0000000d}.Toolbar-module__snQo8q__toolGroup{align-items:center;gap:8px;display:flex}.Toolbar-module__snQo8q__divider{background:#e5e5e5;width:1px;height:24px;margin:0 4px}.Toolbar-module__snQo8q__toolButton{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.Toolbar-module__snQo8q__toolButton:hover{background:#f5f5f5}.Toolbar-module__snQo8q__toolButton.Toolbar-module__snQo8q__active{color:#7c3aed;background:#ede9fe}.Toolbar-module__snQo8q__colorButton{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:all .15s}.Toolbar-module__snQo8q__colorButton:hover{transform:scale(1.1)}.Toolbar-module__snQo8q__colorButton.Toolbar-module__snQo8q__activeColor{border-color:#7c3aed;box-shadow:0 0 0 2px #fff,0 0 0 4px #7c3aed}.Toolbar-module__snQo8q__strokeButton{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.Toolbar-module__snQo8q__strokeButton:hover{background:#f5f5f5}.Toolbar-module__snQo8q__strokeButton.Toolbar-module__snQo8q__active{background:#ede9fe}.Toolbar-module__snQo8q__strokePreview{border-radius:2px;width:20px}
.page-module__E0kJGG__container{background:#fafafa;width:100vw;height:100vh;position:relative;overflow:hidden}