.beginner-production-view{max-width:880px;margin:0 auto;padding-bottom:34px}
.flow-navigation{position:sticky;top:76px;z-index:8;display:grid;grid-template-columns:minmax(92px,auto) 1fr minmax(92px,auto);align-items:center;gap:12px;margin:0 0 10px;padding:10px;border:1px solid #35475e;border-radius:14px;background:rgba(11,18,28,.96);backdrop-filter:blur(12px)}
.flow-navigation>div{display:grid;gap:2px;text-align:center}.flow-navigation span{color:var(--muted,#bac5d5);font-size:.8rem}.flow-navigation button{min-height:44px}.flow-navigation button:disabled{visibility:hidden}
.flow-progress{height:7px;margin:0 4px 16px;border-radius:999px;background:#111d2b;overflow:hidden}.flow-progress span{display:block;width:5%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f4b942,#5fd498);transition:width .2s ease}
.flow-screen{display:grid;gap:18px;min-height:470px}.flow-screen>h2{margin:0}.flow-screen-content{display:grid;gap:18px}.flow-lead{margin:0;color:var(--muted,#bac5d5);font-size:1.02rem;line-height:1.55}
.flow-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.flow-form .wide{grid-column:1/-1}.flow-form label{display:grid;gap:7px;font-weight:750}.flow-form input,.flow-form select,.flow-form textarea{width:100%}.flow-form textarea{min-height:145px;resize:vertical}
.flow-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flow-choice label{display:flex;align-items:center;gap:9px;padding:14px;border:1px solid #41546d;border-radius:12px;background:#101b29;cursor:pointer}.flow-choice label:has(input:checked){border-color:#f4b942;background:#2b2415}.flow-choice input{width:auto}
.flow-choice-three{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}.flow-choice-three label{align-items:flex-start;line-height:1.35}
.flow-fixed{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #315d4b;border-radius:12px;background:#10251e}.flow-fixed strong{color:#77dda8}.flow-fixed span{color:var(--muted,#bac5d5)}
.flow-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.flow-actions button{flex:1 1 230px;min-height:50px}.flow-primary{width:100%;min-height:54px;font-size:1rem}
.flow-advanced{border:1px solid #35475e;border-radius:12px;background:#0e1825}.flow-advanced summary{padding:14px;cursor:pointer;font-weight:850}.flow-advanced>div{padding:0 14px 14px}
.flow-ref-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.flow-ref-item{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:9px;padding:8px;border:1px solid #35475e;border-radius:10px;background:#0d1723;min-width:0}.flow-ref-item img{width:48px;height:48px;border-radius:8px;object-fit:cover}.flow-ref-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}
.flow-prompt{min-height:330px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88rem;line-height:1.45}.flow-message{padding:12px 14px;border:1px solid #3a516d;border-radius:12px;background:#101c2a}.flow-message.good{border-color:#2f7e59;color:#80e1af}.flow-message.warn{border-color:#8c6b2e;color:#ffd477}.flow-message.bad{border-color:#98504b;color:#ffaaa3}
.flow-ai-note{display:flex;align-items:flex-start;gap:10px;padding:13px;border-radius:12px;background:#182335;color:#dce8f7}.flow-ai-note b{color:#ffd477}
.flow-ai-question{display:grid;gap:10px;padding:14px;border:1px solid #3a516d;border-radius:12px;background:#101c2a}.flow-ai-question .flow-actions{margin:0}
.flow-repair-box{display:grid;gap:12px;margin:16px 0;padding:16px;border:2px solid #98504b;border-radius:14px;background:#171b26}.flow-repair-box p{margin:0}.flow-prompt.compact{min-height:210px!important}
.flow-block-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.flow-block-title span{padding:7px 10px;border:1px solid #f4b942;border-radius:999px;background:#30240c;color:#ffd477;font-weight:850}
.flow-block-slots,.flow-page-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.flow-block-slot,.flow-page-card{position:relative;display:grid;gap:7px;min-width:0;padding:9px;border:2px solid #35475e;border-radius:12px;background:#0b1420;text-align:left;color:#fff}.flow-block-slot img,.flow-page-card img{width:100%;aspect-ratio:1/1.414;object-fit:contain;border-radius:8px;background:#050a10}.flow-block-slot b,.flow-page-card b{font-size:.82rem}.flow-block-slot small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted,#bac5d5)}.flow-block-slot.selected{border-color:#f4b942;box-shadow:0 0 0 3px rgba(244,185,66,.13)}.flow-block-slot.empty{place-content:center;min-height:190px;border-style:dashed;text-align:center;color:#8d9caf}.flow-block-slot input{position:absolute;width:1px;height:1px;opacity:0}
.flow-page-card img.thumbnail-loading{background:linear-gradient(110deg,#07101a 30%,#15253a 45%,#07101a 60%);background-size:240% 100%;animation:thumbnail-loading 1.25s linear infinite}.flow-page-card img.thumbnail-error{border:1px dashed #ff6d70;background:#1f1013;cursor:pointer}.flow-page-card img.thumbnail-error::after{content:'!'}@keyframes thumbnail-loading{to{background-position-x:-240%}}
.flow-hidden-file{display:none}.flow-page-overview{grid-template-columns:repeat(6,minmax(0,1fr))}.flow-page-card{cursor:pointer}.flow-page-card:hover,.flow-page-card:focus-visible{filter:brightness(1.13)}.flow-page-card>span{font-weight:900}.flow-page-card>small{color:var(--muted,#bac5d5)}.flow-page-placeholder{display:grid;place-items:center;width:100%;aspect-ratio:1/1.414;border:1px dashed #52677f;border-radius:8px;background:#07101a;color:#8d9caf;font-size:1.4rem}.overview-page-card.status-open{border-color:#657386}.overview-page-card.status-prepared{border-color:var(--blue,#62a8ff)}.overview-page-card.status-received{border-color:var(--gold,#f4b942)}.overview-page-card.status-checked{border-color:#63d7e5}.overview-page-card.status-correction{border-color:var(--red,#ff6d70);background:linear-gradient(145deg,#35171a,#0b1420)}.overview-page-card.status-final{border-color:var(--green,#47d18c)}.overview-page-card.status-reworked{border-color:#a970ff}.overview-page-card.status-correction .status-dot{background:var(--red,#ff6d70)}.overview-page-card.status-final .status-dot{background:var(--green,#47d18c)}.overview-page-card.status-reworked .status-dot{background:#a970ff}.shared-page-overview{margin-top:4px}
.page-output-gate{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:18px 0;padding:18px;border:1px solid #42556d;border-radius:16px;background:linear-gradient(145deg,#172232,#0c141f)}.page-output-gate.ready{border-color:var(--green,#47d18c);box-shadow:0 0 0 2px rgba(71,209,140,.08)}.page-output-status{margin:0;color:var(--muted,#bac5d5);font-weight:800}.page-output-button{min-width:210px;min-height:52px}.page-output-button:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.35)}
body:not(.beginner-mode) .beginner-mode-only,body:not(.beginner-mode) #menuDrawer [data-beginner-new],body:not(.beginner-mode) #beginnerComicLibrary{display:none!important}
.beginner-mode #home>:not(#beginnerComicLibrary){display:none!important}
.beginner-comic-library{display:grid;gap:16px}.beginner-library-toolbar{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #35475e;border-radius:12px;background:#0e1825}.beginner-select-all{display:flex;align-items:center;gap:8px;font-weight:800;cursor:pointer}.beginner-select-all input,.beginner-comic-select input{width:20px;height:20px;accent-color:#f4b942}.beginner-library-toolbar>span{margin-left:auto;color:var(--muted,#bac5d5);font-size:.9rem}.beginner-library-toolbar button{min-width:170px}.beginner-comic-list{display:grid;gap:14px}.beginner-comic-card{display:grid;grid-template-columns:auto 88px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;border:1px solid #35475e;border-radius:14px;background:#0e1825}.beginner-comic-card.selected{border-color:#f4b942;box-shadow:0 0 0 2px rgba(244,185,66,.14)}.beginner-comic-select{display:grid;place-items:center;cursor:pointer}.beginner-comic-select span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.beginner-comic-card>img,.beginner-comic-placeholder{width:88px;aspect-ratio:1/1.414;border-radius:9px;background:#07101a;object-fit:cover}.beginner-comic-placeholder{display:grid;place-items:center;border:1px dashed #52677f;color:#ffd477;font-size:1.35rem;font-weight:900}.beginner-comic-card h3,.beginner-comic-card p{margin:0}.beginner-comic-card p{margin-top:4px;color:var(--muted,#bac5d5)}.beginner-comic-card span{display:block;margin-top:8px;color:#80e1af;font-size:.86rem;font-weight:800}.beginner-comic-card>button{min-width:150px}
.beginner-library-section{display:grid;gap:12px}.beginner-library-section>h3{margin:4px 0;color:#ffd477;font-size:1.15rem}.beginner-series-list{display:grid;gap:12px}.beginner-series-group{border:1px solid #405570;border-radius:14px;background:#0b1521;overflow:hidden}.beginner-series-group>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;cursor:pointer;list-style:none}.beginner-series-group>summary::-webkit-details-marker{display:none}.beginner-series-group>summary span{display:grid;gap:4px}.beginner-series-group>summary b{font-size:1.05rem}.beginner-series-group>summary small{color:var(--muted,#bac5d5)}.beginner-series-badge{display:grid!important;place-items:center;width:46px;height:46px;border-radius:12px;background:#17304a;color:#ffd477;font-size:1.15rem;font-weight:900}.beginner-series-open{color:#80e1af;font-weight:800}.beginner-series-group[open] .beginner-series-open{font-size:0}.beginner-series-group[open] .beginner-series-open:after{content:'Bände ausblenden';font-size:.9rem}.beginner-series-actions{display:flex;justify-content:flex-end;padding:0 14px 12px}.beginner-series-volumes{display:grid;gap:10px;padding:14px;border-top:1px solid #35475e;background:#08111b}.flow-creation-choice{grid-template-columns:repeat(3,minmax(0,1fr))}
.beginner-series-group[open] .beginner-series-open{font-size:.9rem}.beginner-series-group[open] .beginner-series-open:after{content:none}
body:has(#beginnerProduction.active) .bottom-nav{display:none!important}
.beginner-mode:has(#home.active) .bottom-nav,.beginner-mode:has(#pages.active) .bottom-nav{display:none!important}
@media(max-width:760px){.flow-navigation{top:68px}.flow-form{grid-template-columns:1fr}.flow-form .wide{grid-column:auto}.flow-choice-three{grid-template-columns:1fr}.flow-page-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-block-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.page-output-gate{grid-template-columns:1fr}.page-output-button{width:100%}}
@media(max-width:480px){.flow-navigation{grid-template-columns:78px 1fr 78px;padding:8px;gap:7px}.flow-navigation button{padding:8px;font-size:.8rem}.flow-choice{grid-template-columns:1fr}.flow-block-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-page-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-screen{padding:16px}.flow-prompt{min-height:280px!important}.beginner-library-toolbar{display:grid;grid-template-columns:1fr auto}.beginner-library-toolbar>span{margin-left:0;text-align:right}.beginner-library-toolbar button{grid-column:1/-1;width:100%}.beginner-comic-card{grid-template-columns:auto 68px 1fr}.beginner-comic-card>img,.beginner-comic-placeholder{width:68px}.beginner-comic-card>button{grid-column:1/-1;width:100%}}
@media(max-width:480px){.flow-creation-choice{grid-template-columns:1fr}.beginner-series-group>summary{grid-template-columns:auto minmax(0,1fr)}.beginner-series-open{grid-column:1/-1}.beginner-series-actions button{width:100%}}
@media(max-width:760px){.flow-creation-choice{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.flow-progress span{transition:none}}
.flow-return-guide{margin:12px 0 16px;padding:14px 15px;border:2px solid #168c94;border-radius:14px;background:#eaf9f8;color:#153a3d}.flow-return-guide>b{display:block;margin-bottom:7px;font-size:1rem}.flow-return-guide ol{margin:0;padding-left:1.4rem}.flow-return-guide li{margin:.42rem 0;line-height:1.42}.flow-next-step{display:grid;gap:3px}.flow-next-step span{line-height:1.4}

.flow-order-details textarea{max-height:45dvh;resize:vertical}.flow-order-details label{display:grid;gap:8px}

/* Inactive series questions must stay hidden despite grid label rules. */
#beginnerFlowContent [hidden]{display:none!important}