.create-page {
  max-width:1180px; margin:0 auto; padding:48px 20px 60px;
  display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start;
}

.create-hero { position:relative; padding-top:8px; }
.create-eyebrow {
  display:inline-block; font-size:0.72rem; font-weight:800; letter-spacing:0.08em;
  color:var(--pink-dim); margin-bottom:14px;
}
.create-hero h1 { font-size:2.6rem; line-height:1.12; font-weight:800; margin-bottom:16px; max-width:480px; }
.create-sub { color:var(--text-dim); font-size:0.95rem; max-width:460px; margin-bottom:36px; }

.create-features { display:flex; flex-direction:column; }
.create-feature {
  display:flex; gap:16px; padding:18px 0; border-top:1px solid var(--border);
}
.create-feature:last-child { border-bottom:1px solid var(--border); }
.cf-num { color:var(--pink-dim); font-weight:800; font-size:0.8rem; flex-shrink:0; }
.create-feature h4 { font-size:0.98rem; font-weight:800; margin-bottom:3px; }
.create-feature p { color:var(--text-dim); font-size:0.85rem; }

.create-card {
  background:var(--bg-card); border:1px solid var(--border); border-radius:16px;
  padding:24px; position:sticky; top:24px;
}
.create-card-head {
  display:flex; justify-content:space-between; align-items:baseline;
  font-weight:800; font-size:1.02rem; margin-bottom:18px;
}
.create-card-step { color:var(--text-dim); font-size:0.78rem; font-weight:700; }

.dropzone {
  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
  gap:4px; border:2px dashed var(--border); border-radius:12px;
  padding:22px 16px; margin-bottom:18px; cursor:pointer; background:var(--bg);
  transition:border-color 0.15s, background 0.15s;
}
.dropzone:hover, .dropzone.dragging { border-color:var(--pink); background:rgba(228,128,157,0.06); }
.dropzone-mascot { width:40px; height:40px; object-fit:contain; margin-bottom:6px; opacity:0.85; }
.dropzone-preview { width:64px; height:64px; object-fit:cover; border-radius:12px; margin-bottom:6px; border:1px solid var(--border); }
.dropzone-title { font-weight:800; font-size:0.92rem; }
.dropzone-sub { color:var(--text-dim); font-size:0.76rem; }

.create-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.field { margin-bottom:14px; display:flex; flex-direction:column; gap:6px; }
.field label { font-size:0.7rem; font-weight:800; letter-spacing:0.03em; color:var(--text-dim); }
.field input, .field textarea {
  font-family:inherit; font-size:0.88rem; color:var(--text); background:var(--bg);
  border:1px solid var(--border); border-radius:8px; padding:10px 12px; resize:vertical;
}
.field input::placeholder, .field textarea::placeholder { color:var(--text-dim); }
.field input:disabled, .field textarea:disabled { cursor:not-allowed; opacity:0.85; }

.advanced { margin-bottom:18px; border:1px solid var(--border); border-radius:10px; padding:12px 14px; }
.advanced summary {
  cursor:pointer; font-weight:800; font-size:0.85rem; list-style:none;
}
.advanced summary::-webkit-details-marker { display:none; }
.advanced summary::before { content:"▸ "; color:var(--pink-dim); }
.advanced[open] summary::before { content:"▾ "; }
.advanced[open] summary { margin-bottom:12px; }

.create-disclaimer { color:var(--text-dim); font-size:0.75rem; text-align:center; margin-top:12px; }

@media (max-width:900px) {
  .create-page { grid-template-columns:1fr; gap:32px; }
  .create-card { position:static; }
  .create-hero h1 { font-size:2.1rem; }
}