@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Source+Code+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Righteous&family=Permanent+Marker&display=swap";:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #13131a;--color-bg-tertiary: #1a1a24;--color-bg-glass: rgba(26, 26, 36, .7);--color-surface: #1e1e2e;--color-surface-hover: #252536;--color-surface-active: #2d2d40;--color-border: rgba(255, 255, 255, .1);--color-border-focus: rgba(139, 92, 246, .5);--color-text-primary: #e4e4e7;--color-text-secondary: #a1a1aa;--color-text-tertiary: #71717a;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-tertiary: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-warm: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--color-accent-purple: #8b5cf6;--color-accent-blue: #3b82f6;--color-accent-pink: #ec4899;--color-accent-green: #10b981;--color-accent-orange: #f59e0b;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(80px);opacity:.15;pointer-events:none;z-index:0;animation:float 20s ease-in-out infinite}body:before{width:500px;height:500px;background:var(--gradient-primary);top:-250px;left:-250px;animation-delay:0s}body:after{width:400px;height:400px;background:var(--gradient-secondary);bottom:-200px;right:-200px;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(-30px,30px) scale(.9)}75%{transform:translate(30px,50px) scale(1.05)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.875rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--space-md)}button{font-family:var(--font-ui);font-weight:500;border:none;cursor:pointer;transition:all var(--transition-base);outline:none}button:focus-visible{outline:2px solid var(--color-accent-purple);outline-offset:2px}.btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:.875rem;display:inline-flex;align-items:center;gap:var(--space-sm);position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-focus)}input,select{font-family:var(--font-ui);background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:.875rem;transition:all var(--transition-base);outline:none}input:focus,select:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #8b5cf61a}input[type=number]{width:80px}input[type=color]{height:36px;padding:2px;cursor:pointer}.glass-panel{background:var(--color-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.container{max-width:1400px;margin:0 auto;padding:var(--space-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-surface);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-surface-hover)}@media(max-width:768px){:root{font-size:14px}.container{padding:var(--space-md)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}.app-container{min-height:100vh;display:flex;flex-direction:column;padding:var(--space-lg);max-width:1600px;margin:0 auto}.app-header{margin-bottom:var(--space-xl);text-align:center}.app-header h1{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-xs)}.app-header p{color:var(--color-text-secondary)}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);flex:1;min-height:0}.panel{display:flex;flex-direction:column;min-width:0}@media(max-width:1024px){.main-content{grid-template-columns:1fr;gap:var(--space-2xl)}.app-container{padding:var(--space-md)}}.rich-text-editor-container{display:flex;flex-direction:column;gap:var(--space-md);height:100%}.toolbar{padding:var(--space-sm);display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:var(--space-xs)}.toolbar-divider{width:1px;height:24px;background:var(--color-border)}.toolbar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toolbar-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.toolbar-btn.active{background:var(--color-accent-purple);color:#fff}.font-select,.size-select{height:32px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:0 var(--space-sm);cursor:pointer}.font-select{width:140px}.size-select{width:70px}.color-picker-wrapper{width:32px;height:32px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border);cursor:pointer}.color-picker-wrapper input[type=color]{width:200%;height:200%;transform:translate(-25%,-25%);padding:0;border:none;cursor:pointer}.editor-content{flex:1;padding:var(--space-xl);outline:none;overflow-y:auto;min-height:400px;color:var(--color-text-primary);font-size:16px}.editor-content:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px #8b5cf633}.editor-content b,.editor-content strong{font-weight:700}.editor-content i,.editor-content em{font-style:italic}.editor-content u{text-decoration:underline}.svg-preview-container{display:flex;flex-direction:column;gap:var(--space-md);height:100%}.preview-header{display:flex;justify-content:space-between;align-items:center}.preview-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);overflow:auto;background-image:linear-gradient(45deg,#252536 25%,transparent 25%),linear-gradient(-45deg,#252536 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#252536 75%),linear-gradient(-45deg,transparent 75%,#252536 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;min-height:300px}.svg-wrapper{box-shadow:var(--shadow-xl);max-width:100%;max-height:100%}.config-panel{padding:var(--space-md)}.config-panel h3{font-size:1rem;margin-bottom:var(--space-md);color:var(--color-text-secondary)}.config-group{margin-bottom:var(--space-md)}.config-row{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.config-item{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.config-item label{font-size:.75rem;color:var(--color-text-secondary)}.color-input-wrapper{display:flex;align-items:center;gap:var(--space-md)}.checkbox-label{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem;color:var(--color-text-primary);cursor:pointer}.padding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs);max-width:200px;margin:0 auto}.padding-item{display:flex;justify-content:center}.padding-item input{width:5em}.padding-item.top{grid-column:2}.padding-item.left{grid-column:1;grid-row:2}.padding-item.right{grid-column:3;grid-row:2}.padding-item.bottom{grid-column:2;grid-row:3}