*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#1a1a1a;color:#d4d4d4;line-height:1.6}a{color:#7c9cbf;text-decoration:none;transition:color .2s}a:hover{color:#9ab4d4}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}@media (max-width: 1024px){.container{grid-template-columns:1fr}}.controls{background:#252525;border:1px solid #3a3a3a;border-radius:8px;padding:1.5rem;position:sticky;top:1rem}@media (max-width: 1024px){.controls{position:static}}.control-section{margin-bottom:2rem}.control-section:last-of-type{margin-bottom:1.5rem}.preview{background:#252525;border:1px solid #3a3a3a;border-radius:8px;padding:1.5rem}.canvas-wrapper{position:relative;background:#1a1a1a;border-radius:4px;overflow:hidden;min-height:400px}.back{display:inline-block;margin-bottom:1rem;color:#7c9cbf;font-size:.95rem;text-decoration:none;transition:color .2s}.back:hover{color:#9ab4d4}.page-title{font-size:2rem;margin-bottom:.5rem;color:#e8e8e8}.subtitle{color:#a0a0a0;margin-bottom:0}.section-title{font-size:1.1rem;margin-bottom:1rem;color:#7c9cbf}label{display:flex;flex-direction:column;gap:.5rem;color:#e8e8e8;font-size:.9rem;margin-bottom:1rem}label:last-child{margin-bottom:0}input[type=range]{width:100%;accent-color:#7c9cbf;cursor:pointer}input[type=color]{width:100%;height:45px;border:1px solid #3a3a3a;border-radius:4px;cursor:pointer;background:#1a1a1a}input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#7c9cbf}.checkbox-label{flex-direction:row;align-items:center;gap:.75rem}textarea{width:100%;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;padding:.6rem;color:#e8e8e8;font-size:.9rem;font-family:inherit;resize:vertical}textarea:focus{outline:none;border-color:#7c9cbf}input[type=text],input[type=number]{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;padding:.6rem;color:#e8e8e8;font-size:.95rem}input[type=text]:focus,input[type=number]:focus{outline:none;border-color:#7c9cbf}select{padding:.5rem;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;color:#d4d4d4;font-size:.9rem;cursor:pointer}select:focus{outline:none;border-color:#7c9cbf}.button-group{display:flex;flex-direction:column;gap:.75rem}.download-btn,.copy-btn{width:100%;padding:.75rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.download-btn{background:#3b82f6;color:#fff}.download-btn:hover:not(:disabled){background:#2563eb}.download-btn:disabled{background:#2a2a2a;color:#666;cursor:not-allowed}.copy-btn{background:#3a3a3a;color:#e8e8e8}.copy-btn:hover:not(:disabled){background:#4a4a4a}.copy-btn:disabled{background:#2a2a2a;color:#666;cursor:not-allowed}.download-btn-small,.copy-btn-small{border:none;border-radius:6px;padding:.6rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.download-btn-small{background:#3b82f6;color:#fff}.download-btn-small:hover{background:#2563eb}.copy-btn-small{background:#3a3a3a;color:#e8e8e8}.copy-btn-small:hover{background:#4a4a4a}.regenerate-btn,.secondary-btn{width:100%;padding:.6rem;background:#3a3a3a;color:#e8e8e8;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.regenerate-btn:hover:not(:disabled),.secondary-btn:hover:not(:disabled){background:#4a4a4a}.regenerate-btn:disabled,.secondary-btn:disabled{opacity:.6;cursor:not-allowed}.control-group{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:1.5rem}.info{padding:.75rem;background:#1a1a1a;border-radius:4px;font-size:.9rem;color:#9ab4d4;text-align:center}