main{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 24px;gap:28px}.center-layout{width:100%;max-width:800px;display:flex;flex-direction:column;gap:24px}.upload-area{background:var(--bg2);border:2px dashed var(--border);border-radius:16px;padding:40px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;display:flex;flex-direction:column;align-items:center;gap:12px}.upload-area:hover,.upload-area.dragover{border-color:var(--accent);background:var(--bg3)}.upload-icon{font-size:48px}.upload-text{font-size:14px;color:var(--muted)}.btn-ghost{padding:8px 20px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg3);color:#fff;cursor:pointer;font-size:13px;transition:background .2s}.btn-ghost:hover{background:var(--accent);border-color:var(--accent)}.pal-preview-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:700px){.pal-preview-row{grid-template-columns:1fr}}.pal-image-container{background:var(--bg2);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:200px}.pal-image-container img{max-width:100%;max-height:400px;display:block}.pal-colors-container{display:flex;flex-direction:column;gap:8px}.card-title{color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pal-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.pal-swatch{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:transform .2s}.pal-swatch:hover{transform:translateY(-2px)}.pal-swatch-color{height:50px}.pal-swatch-hex{padding:6px;text-align:center;font-family:JetBrains Mono,monospace;font-size:10px;color:#fff;font-weight:600}.pal-harmonies{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.pal-harmony-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);padding:8px}.pal-harmony-title{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:700;letter-spacing:.5px;margin-bottom:6px}.pal-harmony-colors{display:flex;gap:4px}.pal-harmony-swatch{width:20px;height:20px;border-radius:4px;cursor:pointer}.pal-stripes{display:flex;height:40px;border-radius:var(--r);overflow:hidden}.pal-stripe{flex:1;cursor:pointer;transition:flex .2s;position:relative}.pal-stripe:hover{flex:2}.pal-stripe .stripe-tip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-family:JetBrains Mono,monospace;white-space:nowrap;display:none}.pal-stripe:hover .stripe-tip{display:block}.hidden{display:none}.mt-16{margin-top:16px}