.blob-module__9DO7mW__toolHeader{text-align:center;margin-bottom:2rem}.blob-module__9DO7mW__toolTitle{margin-bottom:1rem;font-size:2.5rem}.blob-module__9DO7mW__toolDescription{max-width:600px;color:var(--text-secondary);margin:0 auto;font-size:1.125rem}.blob-module__9DO7mW__workspace{grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto 2rem;display:grid}@media (max-width:768px){.blob-module__9DO7mW__workspace{grid-template-columns:1fr}}.blob-module__9DO7mW__panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:1rem;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.blob-module__9DO7mW__previewArea{aspect-ratio:1;background-color:var(--bg-primary);border:1px solid var(--border-color);background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25%),linear-gradient(-45deg,#e5e7eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7eb 75%),linear-gradient(-45deg,#0000 75%,#e5e7eb 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:1rem;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.blob-module__9DO7mW__darkTheme .blob-module__9DO7mW__previewArea{background-image:linear-gradient(45deg,#1f2937 25%,#0000 25%),linear-gradient(-45deg,#1f2937 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1f2937 75%),linear-gradient(-45deg,#0000 75%,#1f2937 75%)}.blob-module__9DO7mW__blobSvg{width:80%;height:80%;transition:all .3s ease-in-out}.blob-module__9DO7mW__controlGroup{flex-direction:column;gap:.5rem;display:flex}.blob-module__9DO7mW__label{color:var(--text-primary);justify-content:space-between;font-weight:600;display:flex}.blob-module__9DO7mW__value{color:var(--accent-primary);font-weight:700}.blob-module__9DO7mW__slider{appearance:none;background:var(--border-color);border-radius:4px;outline:none;width:100%;height:8px}.blob-module__9DO7mW__slider::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:all .15s ease-in-out}.blob-module__9DO7mW__slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.blob-module__9DO7mW__colorInput{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:.5rem;width:100%;height:40px;padding:0}.blob-module__9DO7mW__actions{gap:1rem;margin-top:1rem;display:flex}.blob-module__9DO7mW__btnPrimary{background-color:var(--accent-primary);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:.5rem;flex:1;padding:1rem;font-size:1.125rem;font-weight:600}.blob-module__9DO7mW__btnPrimary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 6px #6366f133}.blob-module__9DO7mW__btnSecondary{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;border-radius:.5rem;flex:1;padding:1rem;font-size:1.125rem;font-weight:600}.blob-module__9DO7mW__btnSecondary:hover{background-color:var(--bg-secondary)}.blob-module__9DO7mW__codeArea{color:#d4d4d4;border:1px solid var(--border-color);resize:none;background-color:#1e1e1e;border-radius:.5rem;width:100%;height:150px;padding:1rem;font-family:monospace;font-size:.85rem}