:root{color-scheme:dark;--bg: #0f0f12;--card: #1a1a21;--card-border: #2a2a35;--text: #f4f4f7;--muted: #9b9bab;--pink: #e1306c;--radius: 16px;--shadow: 0 12px 40px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(225,48,108,.18),transparent 40%),radial-gradient(circle at top right,rgba(131,58,180,.16),transparent 35%),var(--bg);color:var(--text)}.page{max-width:560px;margin:0 auto;padding:calc(24px + env(safe-area-inset-top)) 20px calc(32px + env(safe-area-inset-bottom))}.hero{text-align:center;margin-bottom:24px}.logo{width:72px;height:72px;margin:0 auto 16px;display:grid;place-items:center;font-size:28px;border-radius:22px;background:linear-gradient(135deg,#e1306c,#833ab4,#f77737);box-shadow:var(--shadow)}.hero h1{margin:0 0 8px;font-size:1.75rem}.subtitle{margin:0;color:var(--muted);font-size:.95rem;line-height:1.5}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card+.card{margin-top:16px}.hidden{display:none!important}.upload-zone{border-style:dashed;cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease}.upload-zone.dragover{border-color:var(--pink);background:#e1306c14}.upload-title{margin:0 0 6px;font-weight:600}.upload-hint{margin:0;color:var(--muted);font-size:.9rem}.control-group+.control-group{margin-top:18px}.label{display:block;margin-bottom:8px;font-size:.8rem;font-weight:600;color:var(--muted)}.segmented{display:flex;flex-wrap:wrap;gap:8px}.segmented-btn{flex:1 1 auto;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid var(--card-border);background:#121218;color:var(--text);font:inherit;font-size:.82rem;cursor:pointer}.segmented-btn.active{border-color:#e1306c99;background:#e1306c29;color:#ffb3cc}.intent-grid{display:grid;gap:10px}.intent-btn{display:grid;gap:4px;width:100%;padding:14px;border-radius:12px;border:1px solid var(--card-border);background:#121218;color:var(--text);font:inherit;text-align:left;cursor:pointer}.intent-btn strong{font-size:1rem}.intent-btn span{color:var(--muted);font-size:.82rem;line-height:1.45}.intent-btn.active{border-color:#e1306c99;background:#e1306c29}.preset-grid{display:grid;gap:10px}.preset-card{display:grid;gap:4px;width:100%;padding:14px;border-radius:12px;border:1px solid var(--card-border);background:#121218;color:var(--text);font:inherit;text-align:left;cursor:pointer}.preset-card strong{font-size:.98rem}.preset-meta{color:#ffb3cc;font-size:.78rem;font-weight:600}.preset-desc{color:var(--muted);font-size:.82rem;line-height:1.45}.preset-card.active{border-color:#e1306c99;background:#e1306c29}@media(min-width:520px){.preset-grid{grid-template-columns:1fr}}.slice-row{display:flex;align-items:center;gap:12px}.slice-row input[type=range]{flex:1;accent-color:var(--pink)}.slice-row output{min-width:24px;font-weight:700;color:#ffb3cc}.meta{margin:16px 0 0;color:var(--muted);font-size:.82rem}.meta.note{margin-top:10px;line-height:1.5}.full-preview{border-radius:12px;overflow:hidden;border:1px solid var(--card-border);background:#0a0a0e}.full-preview.framed{box-shadow:inset 0 0 0 2px #e1306c40}.crop-editor{border:1px solid var(--card-border);border-radius:12px;overflow:hidden;background:#0a0a0e;box-shadow:inset 0 0 0 2px #e1306c40}#crop-canvas{display:block;width:100%;touch-action:none;cursor:grab}#crop-canvas:active{cursor:grabbing}.crop-hint{margin:0;padding:10px 14px;color:var(--muted);font-size:.82rem;text-align:center;border-top:1px solid var(--card-border)}.crop-controls{display:flex;align-items:center;gap:10px;padding:12px 14px 14px;border-top:1px solid var(--card-border)}.zoom-label{flex:1;display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--muted)}.zoom-label input{flex:1;accent-color:var(--pink)}.crop-controls .btn-secondary{padding:10px 14px;border-radius:10px;border:1px solid var(--card-border);background:#252530;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap}.full-preview img{display:block;width:100%;height:auto}.profile-mock{border:1px solid var(--card-border);border-radius:12px;overflow:hidden;background:#101015}.profile-mock-header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--card-border)}.profile-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#444,#666)}.profile-name{font-size:.9rem;font-weight:600}.profile-grid{display:grid;gap:2px;background:#000}.profile-cell{position:relative;aspect-ratio:1;overflow:hidden;background:#1a1a21}.profile-cell img{width:100%;height:100%;object-fit:cover;display:block}.cell-badge{position:absolute;top:6px;left:6px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#0009;color:#fff;font-size:.7rem;font-weight:700;display:grid;place-items:center}.grid-options .segmented-btn{flex:1 1 calc(25% - 8px)}.preview-header h2{margin:0 0 4px;font-size:1rem}.preview-header p{margin:0 0 14px;color:var(--muted);font-size:.85rem}.carousel-preview{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid var(--card-border);background:#0a0a0e}.carousel-track{display:flex}.carousel-slide{flex:0 0 100%;scroll-snap-align:start;position:relative}.carousel-slide img{display:block;width:100%;height:auto}.slide-badge{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:999px;background:#0000008c;font-size:.75rem;font-weight:600}.dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.dot{width:7px;height:7px;border-radius:50%;background:#3a3a48}.dot.active{background:var(--pink)}.slices-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.slice-item{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--card-border);background:#121218;transition:border-color .2s ease,box-shadow .2s ease}.slice-item.highlight{border-color:#e1306cb3;box-shadow:0 0 0 2px #e1306c40}.slice-item img{display:block;width:100%;height:auto}.btn-slice-download{width:100%;padding:12px;border:none;border-top:1px solid var(--card-border);background:#1f1f28;color:var(--text);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}.btn-slice-download.done{color:#7ddea0}.btn-slice-download.pulse{background:#e1306c38;color:#ffc2d6}.download-status{margin:0 0 10px;padding:12px;border-radius:10px;background:#3b82f61f;border:1px solid rgba(59,130,246,.25);color:#9ec5ff;font-size:.88rem;text-align:center}.download-hint{margin:10px 0 0;color:var(--muted);font-size:.8rem;text-align:center;line-height:1.5}.btn-primary{width:100%;padding:15px;border:none;border-radius:12px;background:linear-gradient(135deg,#e1306c,#c13584);color:#fff;font:inherit;font-weight:600;cursor:pointer}.guide h2{margin:0 0 12px;font-size:1rem}.guide ol{margin:0;padding-left:1.2rem;color:var(--muted);font-size:.9rem;line-height:1.7}.guide strong{color:var(--text)}.footer{margin-top:20px;text-align:center;color:var(--muted);font-size:.78rem}.developer{margin-top:10px}.developer a{display:inline-flex;align-items:center;margin-left:6px;padding:4px 10px;border-radius:999px;background:#e1306c1f;border:1px solid rgba(225,48,108,.28);color:#f58bb0;font-weight:600;text-decoration:none;transition:background .15s ease}.developer a:hover{background:#e1306c38}@media(max-width:420px){.slices-grid{grid-template-columns:1fr}.segmented-btn{flex:1 1 100%}}