.SvgEditor-module__AeFKAW__editor{flex-direction:column;height:100%;display:flex;overflow:hidden}.SvgEditor-module__AeFKAW__toolbar{padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.SvgEditor-module__AeFKAW__toolbarLeft,.SvgEditor-module__AeFKAW__toolbarRight{align-items:center;gap:var(--space-2);display:flex}.SvgEditor-module__AeFKAW__stats{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.SvgEditor-module__AeFKAW__stat strong{color:var(--text-primary);font-variant-numeric:tabular-nums}.SvgEditor-module__AeFKAW__statDivider{color:var(--border)}.SvgEditor-module__AeFKAW__toolBtn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-weight:500;display:flex}.SvgEditor-module__AeFKAW__toolBtn:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-hover)}.SvgEditor-module__AeFKAW__toolBtnActive{background:var(--accent-subtle)!important;color:var(--accent)!important;border-color:var(--accent)!important}.SvgEditor-module__AeFKAW__properties{gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-surface);border-bottom:1px solid var(--border);animation:SvgEditor-module__AeFKAW__slideDown var(--duration-fast) var(--ease-out);flex-direction:column;flex-shrink:0;display:flex}@keyframes SvgEditor-module__AeFKAW__slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.SvgEditor-module__AeFKAW__propRow{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.SvgEditor-module__AeFKAW__propLabel{font-size:var(--text-xs);color:var(--text-secondary);font-weight:600;font-family:var(--font-mono)}.SvgEditor-module__AeFKAW__propDim{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.SvgEditor-module__AeFKAW__colorInputWrap{align-items:center;gap:var(--space-2);display:flex}.SvgEditor-module__AeFKAW__colorInput{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:24px;height:24px;padding:0}.SvgEditor-module__AeFKAW__colorInput::-webkit-color-swatch-wrapper{padding:2px}.SvgEditor-module__AeFKAW__colorInput::-webkit-color-swatch{border:none;border-radius:2px}.SvgEditor-module__AeFKAW__colorValue{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary);text-overflow:ellipsis;max-width:120px;overflow:hidden}.SvgEditor-module__AeFKAW__propActions{gap:var(--space-1);flex-wrap:wrap;display:flex}.SvgEditor-module__AeFKAW__actionBtn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-size:11px;font-weight:500;display:flex}.SvgEditor-module__AeFKAW__actionBtn:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-hover)}.SvgEditor-module__AeFKAW__svgCanvas{padding:var(--space-4);background:repeating-conic-gradient(#ffffff08 0% 25%,#0000 0% 50%) 50%/20px 20px;flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.SvgEditor-module__AeFKAW__svgCanvas svg{filter:drop-shadow(0 2px 8px #0000004d);max-width:100%;max-height:100%}.SvgEditor-module__AeFKAW__codePanel{border-top:1px solid var(--border);min-height:120px;max-height:40%;animation:SvgEditor-module__AeFKAW__slideUp var(--duration-fast) var(--ease-out);flex-direction:column;flex-shrink:0;display:flex}@keyframes SvgEditor-module__AeFKAW__slideUp{0%{opacity:0;max-height:0}to{opacity:1;max-height:40%}}.SvgEditor-module__AeFKAW__codePanelHeader{padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-bottom:1px solid var(--border);font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;justify-content:space-between;align-items:center;font-weight:600;display:flex}.SvgEditor-module__AeFKAW__codeEditor{resize:none;padding:var(--space-3);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);tab-size:2;border:none;outline:none;flex:1;font-size:12px;line-height:1.6;overflow:auto}.SvgEditor-module__AeFKAW__codeEditor::selection{background:var(--accent-subtle)}
.page-module__O4Y5aq__editor{flex-direction:column;height:100vh;display:flex;overflow:hidden}.page-module__O4Y5aq__editorHeader{height:var(--header-height);padding:0 var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.page-module__O4Y5aq__headerLeft{align-items:center;gap:var(--space-3);min-width:0;display:flex}.page-module__O4Y5aq__backBtn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.page-module__O4Y5aq__backBtn:hover{background:var(--bg-elevated);color:var(--text-primary)}.page-module__O4Y5aq__editorLogo{border-radius:4px;margin-left:8px;margin-right:8px;transition:all .2s ease-out;box-shadow:0 0 10px #00f2fe66,0 0 20px #e100ff33}.page-module__O4Y5aq__editorLogo:hover{transform:scale(1.1);box-shadow:0 0 15px #00f2fe99,0 0 30px #e100ff66}.page-module__O4Y5aq__editorTitle{font-size:var(--text-base);letter-spacing:-.02em;background:linear-gradient(90deg,#00f2fe,#e100ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}.page-module__O4Y5aq__fileName{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.page-module__O4Y5aq__headerRight{align-items:center;gap:var(--space-2);display:flex}.page-module__O4Y5aq__processingBadge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--accent-subtle);border:1px solid var(--border-accent);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--accent);display:flex}.page-module__O4Y5aq__timeBadge{font-size:var(--text-xs);color:var(--success);padding:var(--space-1) var(--space-3);background:var(--success-subtle);border-radius:var(--radius-full);font-weight:600;font-family:var(--font-mono)}.page-module__O4Y5aq__editorBody{flex:1;display:flex;overflow:hidden}.page-module__O4Y5aq__sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.page-module__O4Y5aq__sidebarSection{padding:var(--space-4);border-bottom:1px solid var(--border)}.page-module__O4Y5aq__sectionHeader{margin-bottom:var(--space-3)}.page-module__O4Y5aq__sectionHeader h3,.page-module__O4Y5aq__sectionToggle h3{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.page-module__O4Y5aq__sectionToggle{width:100%;color:var(--text-secondary);cursor:pointer;margin-bottom:var(--space-3);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex}.page-module__O4Y5aq__sectionToggle:hover h3{color:var(--text-primary)}.page-module__O4Y5aq__advancedPanel{gap:var(--space-4);animation:page-module__O4Y5aq__slideDown var(--duration-normal) var(--ease-out);flex-direction:column;display:flex}.page-module__O4Y5aq__selectGroup{gap:var(--space-1);flex-direction:column;display:flex}.page-module__O4Y5aq__selectLabel{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.page-module__O4Y5aq__select{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a0a0b8' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding-right:32px}.page-module__O4Y5aq__select:focus{border-color:var(--accent)}.page-module__O4Y5aq__toggleGroup{font-size:var(--text-xs);color:var(--text-secondary);justify-content:space-between;align-items:center;font-weight:500;display:flex}.page-module__O4Y5aq__viewModeGroup{background:var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-3);gap:1px;display:flex;overflow:hidden}.page-module__O4Y5aq__viewModeBtn{padding:var(--space-2);background:var(--bg-surface);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none;flex:1;font-weight:500}.page-module__O4Y5aq__viewModeBtn:hover{background:var(--bg-surface-hover)}.page-module__O4Y5aq__viewModeActive{color:var(--accent);background:var(--accent-subtle)!important}.page-module__O4Y5aq__zoomControls{align-items:center;gap:var(--space-2);display:flex}.page-module__O4Y5aq__zoomValue{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);text-align:center;min-width:48px}.page-module__O4Y5aq__canvas{background:var(--bg-primary);flex:1;position:relative;overflow:hidden}.page-module__O4Y5aq__uploadZone{inset:var(--space-6);justify-content:center;align-items:center;gap:var(--space-3);border:2px dashed var(--border);border-radius:var(--radius-xl);background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;position:absolute}.page-module__O4Y5aq__uploadZone:hover{border-color:var(--accent);background:var(--accent-subtle)}.page-module__O4Y5aq__uploadZoneDragOver{box-shadow:var(--shadow-glow-lg);transform:scale(1.01);border-color:var(--accent)!important;background:var(--accent-subtle)!important}.page-module__O4Y5aq__uploadIcon{opacity:.6;transition:opacity var(--duration-fast) var(--ease-out)}.page-module__O4Y5aq__uploadZone:hover .page-module__O4Y5aq__uploadIcon{opacity:1}.page-module__O4Y5aq__uploadTitle{font-size:var(--text-xl);font-weight:600}.page-module__O4Y5aq__uploadDesc{font-size:var(--text-sm);color:var(--text-secondary)}.page-module__O4Y5aq__uploadFormats{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2)}.page-module__O4Y5aq__previewArea{cursor:grab;position:absolute;inset:0;overflow:hidden}.page-module__O4Y5aq__previewArea:active{cursor:grabbing}.page-module__O4Y5aq__previewContent{transform-origin:0 0;will-change:transform;gap:0;display:flex;position:absolute;top:50%;left:50%}.page-module__O4Y5aq__previewPane{justify-content:center;align-items:center;min-width:200px;min-height:200px;display:flex;position:relative}.page-module__O4Y5aq__paneLabel{top:var(--space-2);left:var(--space-2);padding:var(--space-1) var(--space-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;z-index:10;pointer-events:none;background:#0009;font-size:10px;font-weight:600;position:absolute}.page-module__O4Y5aq__previewImage{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:600px;max-height:70vh}.page-module__O4Y5aq__splitDivider{background:var(--border);width:2px;margin:0 var(--space-1);align-self:stretch}.page-module__O4Y5aq__processingOverlay{justify-content:center;align-items:center;gap:var(--space-3);min-width:200px;min-height:200px;color:var(--text-secondary);font-size:var(--text-sm);flex-direction:column;display:flex}.page-module__O4Y5aq__errorOverlay{min-width:200px;min-height:200px;color:var(--error);font-size:var(--text-sm);padding:var(--space-4);text-align:center;justify-content:center;align-items:center;display:flex}.page-module__O4Y5aq__replaceBtn{bottom:var(--space-4);right:var(--space-4);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);z-index:10;font-weight:500;display:flex;position:absolute}.page-module__O4Y5aq__replaceBtn:hover{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-hover)}@media (max-width:640px){.page-module__O4Y5aq__editorBody{flex-direction:column}.page-module__O4Y5aq__sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:40vh}.page-module__O4Y5aq__fileName,.page-module__O4Y5aq__headerRight .page-module__O4Y5aq__btn:not(:last-child) span{display:none}}@media (min-width:641px) and (max-width:1024px){.page-module__O4Y5aq__sidebar{width:280px}}