.se-create-title { margin: 0 0 14px; font-size: 22px; }
.se-create-wizard { display: grid; gap: 16px; }
.se-create-form { display: grid; gap: 12px; }

.se-create-progress { display: grid; gap: 7px; }
.se-create-progress-head { display: flex; align-items: center; justify-content: space-between; color: var(--se-muted); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.se-create-progress-head strong { color: var(--se-gold); }
.se-create-progress-track { height: 9px; border: 1px solid var(--se-border-soft); border-radius: 999px; overflow: hidden; background: rgba(255,255,255,.045); }
.se-create-progress-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--se-orange), #ffb15f); transition: width .22s ease; }

.se-create-stepper { list-style: none; padding: 0; margin: 0 0 4px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.se-create-stepper li { border: 1px solid var(--se-border-soft); border-radius: 999px; padding: 8px 7px; color: var(--se-muted); text-align: center; font-size: 10px; font-weight: 1000; text-transform: uppercase; letter-spacing: .06em; }
.se-create-stepper li.is-active { background: var(--se-orange); border-color: transparent; color: #140700; }
.se-create-stepper li.is-done { border-color: rgba(255,122,26,.55); color: var(--se-gold); }
.se-create-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: center; }
.se-create-controls .se-btn { width: 100%; }
.se-create-summary { display: grid; gap: 9px; }
.se-create-summary div { border: 1px solid var(--se-border-soft); border-radius: 18px; padding: 12px; background: rgba(255,255,255,.045); }
.se-create-summary span { display: block; color: var(--se-gold); text-transform: uppercase; letter-spacing: .1em; font-size: 10px; font-weight: 1000; margin-bottom: 4px; }
.se-create-summary strong { display: block; font-size: 15px; }
@media (max-width: 420px) { .se-create-stepper { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.se-inline-field { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.se-btn--small { min-height: 42px; padding-inline: 12px; white-space: nowrap; }
.se-upload-box { display: grid; gap: 8px; }
.se-upload-preview { width: 100%; max-height: 180px; object-fit: cover; border-radius: 18px; border: 1px solid var(--se-border-soft); background: rgba(255,255,255,.04); }
.se-upload-hint { display: block; color: var(--se-muted); font-size: 12px; padding: 8px 2px; }
@media (max-width: 420px) { .se-inline-field { grid-template-columns: 1fr; } .se-btn--small { width: 100%; } }

/* v9.7 Create UX: native mobile date/time fields and GPS city detection. */
.se-date-time-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.se-create-gps-hint { margin: -4px 0 4px; color: var(--se-gold); font-size: 12px; font-weight: 800; }
@media (max-width: 420px) { .se-date-time-grid { grid-template-columns: 1fr; } }