:root{--primary-blue: #2563eb;--primary-blue-hover: #1d4ed8;--text-primary: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--background-light: #f9fafb}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#svg-container{display:flex;align-items:center;justify-content:center;background-color:#fafafa;position:relative;overflow:auto}#svg-container svg{max-width:100%;max-height:100%;filter:drop-shadow(0 1px 3px rgba(0,0,0,.1))}@media (max-width: 1024px){#svg-container{min-height:400px}}input[type=color]:focus,select:focus{outline:none;ring:2px;ring-color:var(--primary-blue)}.control-card{background-color:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}button{transition:all .2s ease}button:active{transform:scale(.98)}#fg-color-value,#bg-color-value{font-family:Courier New,monospace;font-size:.875rem}svg{transition:all .3s ease}.loading{opacity:.6;pointer-events:none}