*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:#0f1220;color:#e5e7eb}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:16px}header{display:flex;align-items:center;justify-content:space-between;padding:12px 0}header h1{margin:0;font-size:20px}nav a{margin-right:12px;padding:8px 10px;border-radius:8px;background:#1c2137}nav a.active{background:#374151}button{border:none;padding:8px 12px;border-radius:8px;background:#6366f1;color:#fff;cursor:pointer}button.secondary{background:#374151}input,select{padding:8px;border-radius:8px;border:1px solid #374151;background:#111827;color:#e5e7eb}label{display:block;margin:8px 0 4px;color:#cbd5e1}.card{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:16px}.grid{display:grid;gap:16px}.editor-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center}.editor-wrap{display:grid;grid-template-columns:1fr 280px;gap:16px}.palette{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.color-swatch{width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.2);cursor:pointer}canvas{background:#0b0e1a;border:1px solid #1f2937;image-rendering:pixelated}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.pattern-thumb{width:100%;aspect-ratio:1/1;background:#0b0e1a;border:1px solid #1f2937;display:grid;place-items:center;overflow:hidden}.pattern-thumb canvas{width:100%;height:100%}