@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.inline{display:inline}}:root{--ink:#1b1a18;--paper:#f4f0e7;--cream:#e8e1d4;--red:#d84b37;--muted:#777269;--line:#d8d0c3}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#f8f5ee;align-items:center;height:68px;padding:0 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:.08em;align-items:center;gap:12px;font-weight:900;display:flex}.brand small{letter-spacing:.22em;color:var(--muted);margin-top:2px;font-size:8px;display:block}.mark{background:var(--ink);color:#fff;place-items:center;width:34px;height:34px;font-family:Georgia;font-size:24px;display:grid}.project{color:var(--muted);margin:auto;font-size:12px}.project b{color:var(--ink);margin-left:6px}.dot{background:#5b9a72;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.iconBtn{background:0 0;border:0;font-size:20px}.shell{grid-template-columns:250px 1fr;min-height:calc(100vh - 68px);display:grid}aside{border-right:1px solid var(--line);background:#ebe5da;padding:30px 18px}.eyebrow{letter-spacing:.18em;color:#8a8174;margin:0 0 10px;font-size:10px;font-weight:800}.navItem{text-align:left;color:#6f695f;background:0 0;border:0;align-items:center;gap:12px;width:100%;margin:3px 0;padding:12px 10px;display:flex}.navItem>span{border:1px solid #b9b0a3;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.navItem div{flex-direction:column;gap:3px;display:flex}.navItem b{font-size:13px}.navItem small{font-size:10px}.navItem i{margin-left:auto}.navItem.active{color:var(--ink);background:#ded5c7}.navItem.active>span{background:var(--ink);color:#fff}.progressBox{border-top:1px solid #cec5b8;margin-top:28px;padding:20px 8px;font-size:11px}.progressBox>div:first-child{justify-content:space-between;display:flex}.progress{background:#d1c8ba;height:5px;margin:10px 0}.progress i{background:var(--red);height:100%;display:block}.rule{background:#f5efe4;border:1px solid #cfc3b4;margin:20px 4px;padding:13px}.rule span{letter-spacing:.15em;font-size:8px;font-weight:800}.rule p{margin:7px 0 0;font:italic 11px/1.5 Georgia}.workspace{min-width:0;padding:35px 42px}.titleRow{justify-content:space-between;align-items:end;display:flex}.titleRow h1,.setup h1{margin:0;font:700 32px/1.05 Georgia}.titleRow h1 em{color:#888177;font:italic 17px Georgia}.status{align-items:center;gap:8px;display:flex}.status span{background:#e9d7a7;border-radius:20px;padding:7px 10px;font-size:10px}.status span.freigegeben{color:#315f3d;background:#cfe0d2}.status button,.secondary{background:0 0;border:1px solid #bcb3a6;padding:9px 12px;font-size:11px;font-weight:700}.timeline{gap:3px;padding:21px 0 18px;display:flex;overflow-x:auto}.timeline button{color:#777;background:#ddd5c8;border:0;flex:0 0 27px;height:27px;font-size:9px}.timeline button.approved{color:#315f3d;background:#c9d8cb}.timeline button.current{outline:2px solid var(--red);outline-offset:2px;background:var(--ink);color:#fff}.editorGrid{grid-template-columns:minmax(390px,1.05fr) minmax(360px,.95fr);gap:28px;display:grid}.previewWrap{background:#ded7cc;padding:16px 28px 19px}.previewLabel{letter-spacing:.12em;justify-content:space-between;margin-bottom:10px;font-size:9px;display:flex}.paper{aspect-ratio:210/297;background:#fffef9;gap:9px;padding:22px;display:grid;position:relative;box-shadow:0 7px 18px #0002}.panel{border:2px solid #26221d;min-height:0;position:relative;overflow:hidden}.scene{background:linear-gradient(145deg,#d8d2c5,#8f9189);align-items:end;height:100%;padding:10px;display:flex;position:relative}.scene:after{content:"";background:#282c2b;border-radius:45% 45% 0 0;width:38%;height:78%;position:absolute;bottom:-8%;right:12%;box-shadow:-140px 35px 0 -22px #a84436}.scene span{z-index:1;color:#fff;letter-spacing:.2em;font-size:9px}.panel>small{background:#fff;padding:2px 4px;font-size:7px;position:absolute;top:5px;left:6px}.panels-1{grid-template:1fr/1fr}.panels-2{grid-template:1fr 1fr/1fr}.panels-3{grid-template:1fr 1fr/1fr 1fr}.panels-3 .p1{grid-column:1/3}.panels-4{grid-template:1.1fr .9fr/1fr 1fr}.pageNo{font:10px Georgia;position:absolute;bottom:6px;right:9px}.panelControl{justify-content:center;align-items:center;gap:5px;margin-top:12px;font-size:9px;display:flex}.panelControl button{background:0 0;border:1px solid #aaa094;width:25px;height:22px}.panelControl button.on{background:var(--ink);color:#fff}.scriptPane{border-top:3px solid var(--ink)}.paneHead{justify-content:space-between;padding:18px 0 12px;display:flex}.paneHead h2{margin:0;font:22px Georgia}.paneHead>span{border:1px solid var(--line);height:max-content;padding:5px;font-size:9px}.scriptLine{border-top:1px solid var(--line);grid-template-columns:32px 1fr;padding:12px 4px;display:grid}.scriptLine>span{color:#aaa094;font:12px Georgia}.scriptLine b{letter-spacing:.14em;font-size:8px}.scriptLine p{margin:5px 0;font:13px/1.45 Georgia}.scriptLine.accent{border-left:3px solid var(--red);padding-left:9px}.scriptLine.sound{background:#e8e1d5}.scriptLine.sound p{letter-spacing:.03em;font-weight:700}.notes{letter-spacing:.12em;margin-top:14px;font-size:8px;font-weight:700;display:block}.notes textarea,.setup textarea,.setup input{resize:vertical;background:#faf7f0;border:1px solid #c9c0b4;width:100%;margin-top:6px;padding:11px;font:13px Georgia}.actions{justify-content:flex-end;gap:8px;margin-top:13px;display:flex}.primary{background:var(--red);color:#fff;border:0;padding:11px 17px;font-size:11px;font-weight:800}.primary:disabled{background:#aaa49c}.pager{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;display:flex}.pager button{background:0 0;border:0;font-size:11px;font-weight:700}.pager span{color:#8b847a;font:italic 11px Georgia}.setup{max-width:1050px;margin:18px auto}.setup .lead{color:#6e675e;max-width:680px;font:16px/1.5 Georgia}.styleGrid{grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0;display:grid}.styleGrid button{text-align:left;border:1px solid var(--line);background:#f8f4ec;padding:0 0 17px;position:relative}.styleGrid button.selected{outline:3px solid var(--red)}.swatch{height:185px;display:flex}.swatch i{flex:1}.styleGrid b,.styleGrid span{padding:0 14px;display:block}.styleGrid b{margin-top:14px;font:20px Georgia}.styleGrid span{color:var(--muted);margin-top:5px;font-size:10px}.styleGrid em{background:var(--red);color:#fff;padding:5px;font-size:8px;position:absolute;top:8px;right:8px}.setupFoot{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:25px;padding-top:22px;display:flex}.setupFoot label{flex:1;font-size:9px;font-weight:700}.storyGrid{grid-template-columns:1fr 1fr;gap:40px;margin:32px 0;display:grid}.storyGrid label{margin-bottom:17px;font-size:9px;font-weight:700;display:block}.large{height:140px}.heroes h3{margin-top:0;font:20px Georgia}.hero{border-top:1px solid var(--line);gap:12px;padding:12px 0;display:flex}.hero>span{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;display:grid}.hero div{flex-direction:column;display:flex}.hero b{font:16px Georgia}.hero small{color:#746d64;margin:3px 0}.hero em{color:var(--red);font-size:9px}.exportCard{border:1px solid var(--line);grid-template-columns:260px 1fr;align-items:center;gap:45px;margin-top:40px;padding:35px;display:grid}.book{aspect-ratio:210/297;color:#f2eadc;background:#242421;flex-direction:column;justify-content:center;align-items:center;font:32px/1 Georgia;display:flex;box-shadow:12px 14px #d4cabd}.book small{letter-spacing:.18em;margin-top:40px;font:8px Arial}.exportCard button{margin-top:12px;display:block}.big{width:100%;max-width:400px;height:9px}.toast{color:#fff;background:#222;padding:13px 18px;font-size:12px;position:fixed;bottom:25px;right:25px;box-shadow:0 8px 20px #0003}@media (max-width:900px){.shell{grid-template-columns:1fr}aside{display:none}.workspace{padding:24px 18px}.editorGrid,.storyGrid,.styleGrid{grid-template-columns:1fr}.styleGrid .swatch{height:90px}.project,.pager span{display:none}.exportCard{grid-template-columns:1fr}.book{max-width:230px}.topbar{padding:0 16px}}
.previewColumn{min-width:0}.storyPaper{grid-template-rows:repeat(5,1fr);gap:6px}.comicRow{gap:6px;min-height:0;display:grid}.comicRow.cols-1{grid-template-columns:1fr}.comicRow.cols-2{grid-template-columns:repeat(2,1fr)}.comicRow.cols-3{grid-template-columns:repeat(3,1fr)}.comicRow.cols-4{grid-template-columns:repeat(4,1fr)}.storyPaper .panel small{white-space:nowrap;text-overflow:ellipsis;max-width:90%;overflow:hidden}.rowEditors{border:1px solid var(--line);background:#f8f4ec;margin-top:16px}.rowEditorsHead{border-bottom:1px solid var(--line);justify-content:space-between;padding:13px 15px;font-size:11px;display:flex}.rowEditorsHead span{color:var(--muted);font-size:9px}.rowEditor{border-bottom:1px solid var(--line);padding:13px 15px}.rowSettings{align-items:center;gap:5px;margin-bottom:9px;display:flex}.rowSettings b{letter-spacing:.14em;margin-right:auto;font-size:9px}.rowSettings span{color:var(--muted);font-size:9px}.rowSettings button{background:0 0;border:1px solid #aaa094;width:25px;height:23px}.rowSettings button.on{background:var(--ink);color:#fff}.descriptionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.descriptionGrid label{color:#746d64;font-size:8px;font-weight:700}.descriptionGrid textarea{resize:vertical;background:#fffdf8;border:1px solid #cbc1b4;width:100%;height:62px;margin-top:4px;padding:8px;font:11px/1.35 Georgia}.referenceBoard{border:1px solid var(--line);background:#f8f4ec;margin:28px 0;padding:22px}.referenceBoard h2{margin:0 0 6px;font:23px Georgia}.referenceBoard p{color:var(--muted);max-width:650px;font:12px/1.5 Georgia}.uploadBox{cursor:pointer;background:#eee7da;border:2px dashed #bfb4a5;flex-direction:column;justify-content:center;align-items:center;min-height:110px;margin:18px 0;display:flex}.uploadBox input{opacity:0;position:absolute}.uploadBox b{font-size:13px}.uploadBox span{color:var(--muted);margin-top:5px;font-size:9px}.referenceGrid{grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0;display:grid}.referenceGrid figure{border:1px solid var(--line);background:#fff;margin:0}.referenceGrid img{object-fit:cover;width:100%;height:120px;display:block}.referenceGrid figcaption{white-space:nowrap;text-overflow:ellipsis;padding:7px 28px 7px 7px;font-size:9px;position:relative;overflow:hidden}.referenceGrid figcaption button{background:0 0;border:0;font-size:18px;position:absolute;top:3px;right:5px}.styleAnalysis{letter-spacing:.1em;font-size:9px;font-weight:700;display:block}.styleAnalysis textarea{min-height:75px}@media (max-width:900px){.referenceGrid{grid-template-columns:repeat(2,1fr)}.descriptionGrid{grid-template-columns:1fr}}
.coverPreview{text-align:center;flex-direction:column;justify-content:center;display:flex}.coverPreview h2{font:28px Georgia}.coverArt{color:#fff;letter-spacing:.25em;background:linear-gradient(145deg,#d8d2c5,#3d4140);place-items:center;height:70%;display:grid}.castPreview{flex-direction:column;justify-content:center;gap:10px;display:flex}.castCard{border:1px solid var(--ink);align-items:center;gap:14px;padding:12px;display:flex}.castCard>b{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.castCard span{font:16px Georgia}.castCard small{color:var(--muted);margin-top:3px;font:10px Arial;display:block}