/* KreativBüro · Bild-zu-STL-Generator. Baut auf schriftzug.css auf (Vorschau, Werte, Auswahlkarten). */

/* Ablage für die Datei: ganze Fläche klickbar, Datei kann hineingezogen werden */
.bz-ablage { position: relative; display: grid; gap: .3rem; justify-items: center; text-align: center; padding: 1.4rem 1rem; border-radius: var(--radius); border: 2px dashed #c3ccd5; background: #fff; cursor: pointer; transition: border-color .15s, background .15s; }
.bz-ablage:hover, .bz-ablage.drueber { border-color: var(--lime-on-paper); background: var(--paper-2); }
.bz-ablage input { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; }
.bz-ablage:focus-within { outline: 2px solid var(--lime); outline-offset: 3px; }
.bz-ablage-text { color: var(--ink); font-size: 1rem; }
.bz-ablage-text strong { text-decoration: underline; text-decoration-color: var(--lime-on-paper); text-underline-offset: 3px; }
.bz-ablage-name { font-family: var(--f-mono); font-size: .8rem; color: var(--ink-muted); overflow-wrap: anywhere; }
.bz #datei-hint { margin-top: .55rem; }
.bz-raster { margin-top: 1.1rem; padding-top: 1.1rem; border-top: 1px dashed var(--paper-line); }

/* Auswahl "Lose Teile": vier Karten, zwei je Zeile */
.bz-lose { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bz .bz-lose label { margin: 0; font-weight: inherit; font-size: inherit; display: block; }
@media (max-width: 639px) { .bz-lose { grid-template-columns: 1fr; } }

/* Hinweis bei losen Teilen über der 3D-Vorschau */
.bz-lose-box { margin: 0 0 1rem; padding: 1rem 1.1rem 1.1rem; border-radius: var(--radius); background: #fff6f4; box-shadow: inset 0 0 0 1.5px #e3a49b; }
.bz-lose-box.erledigt { background: var(--paper-2); box-shadow: inset 0 0 0 1px var(--paper-line); }
.bz-lose-titel { font-size: 1.05rem; margin: 0 0 .35rem; color: #8f2318; }
.bz-lose-box.erledigt .bz-lose-titel { color: var(--ink); }
.bz-lose-text { margin: 0 0 .75rem; font-size: .9rem; color: var(--ink); }
.bz-draufsicht { display: block; width: 100%; aspect-ratio: 16 / 9; background: #fff; border-radius: 2px; box-shadow: inset 0 0 0 1px var(--paper-line); }
.bz-lose-frage { margin: .85rem 0 .5rem; font-weight: 700; font-size: .92rem; }
.bz-lose-box.erledigt .bz-lose-frage { display: none; }
.bz-lose-box.erledigt .bz-wahl { margin-top: .75rem; }
.bz-wahl { display: flex; flex-wrap: wrap; gap: .5rem; }
.bz-wahl .btn[aria-pressed="true"] { background: var(--paper-2); box-shadow: inset 0 0 0 2px var(--lime-on-paper); }

/* Auf dem Handy steht die Vorschau oben, darum dort ein eigener Knopf zum Hochladen */
.bz-mobil-hoch { display: none; }
@media (max-width: 979px) { .bz-mobil-hoch { display: flex; justify-content: center; width: 100%; margin-bottom: 1rem; } }