.create-page{max-width:720px;margin:0 auto;padding:70px 22px 110px}
.create-page-heading{margin-bottom:44px}
.create-page-heading h1{font:400 clamp(32px,5vw,46px)/1.2 'DM Serif Display',serif;letter-spacing:-1.5px;margin:14px 0 16px}
.create-page-heading h1 em{color:var(--orange);font-style:normal}
.create-page-sub{color:var(--muted);font-size:13px;line-height:1.8}
.recipe-form{display:flex;flex-direction:column;gap:34px}
.form-block{background:#fff;border:1px solid var(--line);padding:26px 24px;display:flex;flex-direction:column;gap:12px}
.form-block label{font:700 12px Manrope,sans-serif;color:var(--ink)}
.required{color:var(--orange)}
.hint-inline{font-weight:500;color:var(--muted);font-size:11px}
.field-hint{color:var(--muted);font-size:11.5px;margin:-6px 0 4px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
input[type="text"],select,textarea{font:500 13px 'Gowun Dodum',sans-serif;padding:12px 13px;border:1px solid var(--line);background:var(--cream);color:var(--ink);width:100%}
textarea{resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--orange);outline-offset:1px}
input[readonly]{background:var(--paper);color:var(--muted);cursor:not-allowed}
.author-badge{display:inline-flex;align-items:center;background:var(--paper);padding:8px 14px;font:700 12px Manrope,sans-serif;color:var(--orange);width:fit-content;margin:0}
.media-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1.5px dashed var(--line);padding:32px 16px;cursor:pointer;color:var(--muted);font-size:12px;transition:border-color .2s,color .2s}
.media-drop:hover{border-color:var(--orange);color:var(--orange)}
.media-drop-icon{font-size:26px;color:var(--orange)}
.media-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}
.media-preview .thumb{position:relative;aspect-ratio:1;overflow:hidden;background:var(--paper)}
.media-preview .thumb img,.media-preview .thumb video{width:100%;height:100%;object-fit:cover;display:block}
.media-preview .thumb button{position:absolute;top:4px;right:4px;width:20px;height:20px;border:0;background:rgba(23,58,53,.75);color:#fff;font-size:12px;cursor:pointer;line-height:1}
.ingredient-list,.step-list{display:flex;flex-direction:column;gap:10px}
.ingredient-row{display:grid;grid-template-columns:1.6fr 1fr auto;gap:10px}
.step-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:start}
.step-row .step-num{font:700 12px Manrope,sans-serif;color:var(--orange);padding-top:12px;text-align:center}
.remove-row{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:16px;padding:0 6px}
.remove-row:hover{color:var(--orange)}
.button.small{padding:8px 0;font-size:11px;align-self:flex-start}
.form-message{font:600 12px Manrope,sans-serif;padding:0 2px;min-height:16px}
.form-message.success{color:#1f7a4d}
.form-message.error{color:#c23b22}
.form-actions{display:flex;justify-content:flex-end}
@media(max-width:560px){.form-row{grid-template-columns:1fr}.ingredient-row{grid-template-columns:1fr auto}.ingredient-row input:nth-child(2){grid-column:1/2}}