.svg-editor-container{position:relative;height:calc(100vh - 46px);display:flex;flex-direction:column;padding:16px 32px 32px}.svg-editor-container .editor-layout{flex:1;min-height:0}.svg-editor-container .editor-main-wrapper{flex-shrink:0;height:100%}.svg-editor-container .editor-main{height:100%}.svg-editor-container .editor-resizer{width:6px;cursor:col-resize;background:rgba(0,0,0,0);flex-shrink:0;position:relative;transition:background var(--tc-duration-fast) var(--tc-ease)}.svg-editor-container .editor-resizer:after{content:"";position:absolute;top:12%;bottom:12%;left:50%;width:2px;border-radius:2px;transform:translateX(-50%);background:var(--tc-border);transition:background var(--tc-duration-fast) var(--tc-ease)}.svg-editor-container .editor-resizer:hover{background:var(--tc-accent-soft)}.svg-editor-container .editor-resizer:hover:after{background:var(--tc-accent)}.svg-editor-container .editor-resizer.is-dragging,.svg-editor-container .editor-resizer:active{background:var(--tc-accent-soft)}.svg-editor-container .editor-resizer.is-dragging:after,.svg-editor-container .editor-resizer:active:after{background:var(--tc-accent)}.svg-editor-container .svg-preview-container{flex:1;height:100%;min-width:0;overflow:hidden;display:flex;flex-direction:column;position:relative}.svg-editor-container .svg-preview-container.bg-grid{background-color:#f5f5f5;background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 0),linear-gradient(-45deg,#e0e0e0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e0e0e0 0),linear-gradient(-45deg,transparent 75%,#e0e0e0 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.svg-editor-container .svg-preview-container.bg-white{background-color:#fff}.svg-editor-container .svg-preview-container.bg-dark{background-color:#1a1a1a}.svg-editor-container .svg-preview-container.bg-transparent-pattern{background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.svg-editor-container .preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:color-mix(in oklab,var(--tc-surface-1) 92%,transparent);border-bottom:1px solid var(--tc-border);flex-shrink:0;z-index:10}.svg-editor-container .preview-toolbar .toolbar-left{display:flex;align-items:center;gap:8px}.svg-editor-container .preview-toolbar .toolbar-left .zoom-value{min-width:50px;text-align:center;font-size:13px;color:var(--tc-ink-3)}.svg-editor-container .preview-toolbar .toolbar-right{display:flex;align-items:center;gap:8px}.svg-editor-container .preview-content-wrapper{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:16px;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.svg-editor-container .preview-content-wrapper.is-panning{cursor:grabbing}.svg-editor-container .svg-preview-content{transform-origin:center center;pointer-events:none}.svg-editor-container .svg-preview-content svg{display:block;max-width:none;max-height:none}.svg-editor-container .drop-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--tc-ink-4);font-size:16px;pointer-events:none}.svg-editor-container .base64-content-wrapper{flex:1;padding:12px;overflow:hidden;display:flex;flex-direction:column}.svg-editor-container .base64-content-wrapper .base64-textarea{flex:1;resize:none!important;font-family:monospace;font-size:12px;word-break:break-all}.svg-editor-container .editor-tools{flex-shrink:0;flex-wrap:wrap;gap:8px}.svg-editor-container .editor-tools .tools-left,.svg-editor-container .editor-tools .tools-right{flex-wrap:wrap}.svg-editor-container .editor-tools .mlr4{margin:0 4px}.svg-editor-container .editor-tools .ml8{margin-left:8px}