/* Hochlade-Feld mit grossem Plus (Runde 3, 31.10.2026) – siehe js/upload-feld.js */
.su-field { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 34px 20px; border-radius: 22px; border: 2px dashed var(--card-border, #DED2C5); background: var(--card-bg, #FBF8F2); text-align: center; cursor: pointer; transition: border-color .15s, background .15s; box-sizing: border-box; }
.su-field:hover, .su-field.is-over { border-color: var(--btn, #8A7765); background: #F3ECE2; }
.su-field:focus-visible { outline: 3px solid rgba(138, 119, 101, .4); outline-offset: 3px; }
.su-plus { width: 68px; height: 68px; border-radius: 50%; background: var(--btn, #8A7765); color: #fff; display: grid; place-items: center; box-shadow: 0 10px 24px rgba(112, 94, 78, .3); margin-bottom: 6px; transition: transform .15s; }
.su-field:hover .su-plus { transform: scale(1.06); }
.su-title { font-size: 16.5px; color: var(--text, #302823); }
.su-sub { font-size: 14px; color: var(--text-muted, #756B63); max-width: 420px; line-height: 1.45; }
.su-hint { margin-top: 4px; font-size: 12.5px; color: var(--text-muted, #756B63); }
.su-deco { position: absolute; border-radius: 22px; background: #F3ECE2; pointer-events: none; z-index: 0; }
.su-deco-1 { width: 110px; height: 150px; left: -32px; top: 24px; transform: rotate(-12deg); }
.su-deco-2 { width: 100px; height: 140px; right: -28px; bottom: 6px; transform: rotate(10deg); background: #EDE2D5; }
.su-field > *:not(.su-deco) { position: relative; z-index: 1; }
.su-compact { padding: 18px 16px; display: grid; grid-template-columns: auto 1fr; column-gap: 14px; row-gap: 2px; align-items: center; text-align: left; justify-items: start; }
.su-compact .su-plus { width: 46px; height: 46px; margin: 0; grid-row: 1 / 4; }
.su-compact .su-deco { display: none; }
.su-compact .su-title, .su-compact .su-sub, .su-compact .su-hint { display: block; }
@media (max-width: 760px) { .su-field { padding: 26px 14px; } .su-deco { display: none; } }