:root{--ink:#102033;--muted:#617184;--blue:#2f8edf;--orange:#f1913e;--line:#dce5ed;--surface:rgba(255,255,255,.94);--shadow:0 18px 45px -38px rgba(16,32,51,.65);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;line-height:1.45;background:radial-gradient(circle at 9% 8%,rgba(47,142,223,.13),transparent 27rem),radial-gradient(circle at 92% 20%,rgba(241,145,62,.12),transparent 25rem),linear-gradient(145deg,#f8fbfd,#eef5fa 55%,#f9fbfd);background-attachment:fixed}.shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:50;color:var(--ink);background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(191,207,220,.8)}.topbar-inner{width:min(1560px,calc(100% - 32px));min-height:88px;margin:0 auto;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px}.brand h1{font-size:clamp(1.3rem,3vw,1.85rem);margin:0}.brand p{margin:3px 0 0;color:var(--muted)}.tool-logo{display:block;width:58px;height:58px;flex:none;object-fit:contain}.workspace{width:min(1560px,calc(100% - 32px));margin:0 auto;padding:20px 0 34px;display:grid;grid-template-columns:minmax(300px,330px) minmax(500px,1fr) minmax(360px,400px);gap:18px;align-items:start}.middle{display:grid;gap:18px}.card{background:var(--surface);border:1px solid rgba(204,217,228,.9);border-radius:21px;box-shadow:var(--shadow);min-width:0;overflow:hidden}.card>header{padding:17px 18px 14px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(78,163,241,.13),rgba(255,255,255,.2));display:flex;gap:8px;align-items:baseline}.card>header span{font-weight:900;color:#c5661c}.card h2{font-size:1.12rem;margin:0;letter-spacing:-.02em}h3{font-size:.92rem;margin:18px 0 8px}.body{padding:18px}fieldset{padding:0;border:0;margin:0 0 20px}legend,label{display:block;font-weight:700;font-size:.86rem;margin-bottom:6px}.selector-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.selector-grid button,.actions button,.preview-nav button,button{font:inherit;min-height:42px;border:1px solid #cbd8e3;background:#fff;color:var(--ink);border-radius:11px;cursor:pointer;font-weight:700}.selector-grid button.active{color:#fff;background:var(--blue);border-color:var(--blue)}.modes button.active{background:var(--orange);border-color:var(--orange)}input,select,textarea{width:100%;min-height:42px;border:1px solid #bdcbd7;border-radius:9px;padding:9px 10px;font:inherit;color:var(--ink);background:#fff}textarea{resize:vertical}.input-panel{display:none}.input-panel.active{display:grid;gap:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid>div{min-width:0}.hint,small{color:var(--muted)}.validation,.notice,.test-note{padding:11px 12px;border-radius:10px;background:#edf6fd;color:#174b75;margin:14px 0}.validation.error{background:#fff0ed;color:#9b2d1c}.validation.warn{background:#fff7e8;color:#764800}.color{display:grid;grid-template-columns:1fr 46px;gap:6px}.color input[type=color]{padding:4px}.check{display:flex;align-items:center;gap:9px;margin:9px 0;font-weight:600}.check input{width:19px;min-height:19px}.preview-card{position:static}#previewStage{display:grid;place-items:center;min-height:250px;padding:14px;background:linear-gradient(45deg,#f2f5f7 25%,transparent 25%) 0 0/16px 16px;border:1px solid var(--line);border-radius:13px;text-align:center;overflow:hidden}#previewStage.empty{border-color:var(--line);background:#f7f9fb;color:var(--muted)}#previewStage.invalid{border-color:#c94834;background:#fff1ef}#dmCanvas{display:block;max-width:100%;height:auto;image-rendering:pixelated}#previewText{max-width:100%;overflow-wrap:anywhere;margin:9px 0 0;font-weight:700}dl{margin:14px 0}dl div{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px solid #edf1f4}dt{color:var(--muted)}dd{margin:0;text-align:right;overflow-wrap:anywhere}.preview-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:center;text-align:center}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.actions .primary{grid-column:1/-1;background:var(--blue);border-color:var(--blue);color:#fff}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f29a4a;outline-offset:2px}details{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}summary{font-weight:800;cursor:pointer;margin-bottom:12px}.help-dialog{width:min(94vw,1500px);max-width:min(94vw,1500px);height:min(90vh,950px);max-height:min(90vh,950px);padding:0;border:0;border-radius:20px;overflow:hidden}.help-dialog::backdrop{background:rgba(8,25,42,.66)}.dialog-head{height:82px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:1.2rem}.dialog-head button{padding:6px 10px}.help-dialog iframe{display:block;width:100%;height:calc(100% - 82px);border:0;background:#fff}html.help-open,body.help-open{overflow:hidden}.help-dialog-actions{display:flex;align-items:center;gap:10px}@media(max-width:1050px){.workspace{grid-template-columns:minmax(240px,300px) 1fr}.preview-card{position:static;grid-column:1/-1}.middle{grid-column:2}.choose{grid-row:1}}@media(max-width:720px){.topbar-inner,.workspace{width:min(100% - 20px,1320px)}.topbar-inner{min-height:76px;gap:8px}.brand{align-items:center}.brand p{font-size:.78rem}.tool-logo{width:48px;height:48px}.workspace{grid-template-columns:minmax(0,1fr);padding-top:12px}.middle,.preview-card{grid-column:auto}.form-grid{grid-template-columns:1fr}.selector-grid,.actions{grid-template-columns:1fr 1fr}.help-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;margin:0}.dialog-head{height:68px;padding:10px 12px}.help-dialog iframe{height:calc(100% - 68px)}#helpWindowOpen{display:none}}

/* Vollbreite Druckbogen-Werkstatt */
.sheet-workshop{grid-column:1/-1}.sheet-workshop-body{padding:18px;display:grid;grid-template-columns:minmax(360px, .85fr) minmax(500px,1.35fr);gap:24px}.sheet-settings{min-width:0}.sheet-preview{min-width:0}.a4-stage{min-height:540px;padding:20px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#dfe7ed}.a4-page{container-type:size;position:relative;width:min(100%,calc(70vh * var(--page-w) / var(--page-h)));aspect-ratio:var(--page-w)/var(--page-h);background:#fff;box-shadow:0 12px 35px rgba(16,32,51,.28);overflow:hidden}.a4-page.empty{display:grid;place-items:center}.empty-sheet{padding:1rem;color:var(--muted);text-align:center}.a4-page.invalid{display:grid;place-items:center;border:2px solid #c94834;background:#fff1ef}.invalid-sheet{padding:1rem;color:#9b2d1c;text-align:center}.a4-grid{position:absolute;width:100%;height:100%;left:calc(var(--margin)/var(--page-w)*100%);top:calc(var(--margin)/var(--page-h)*100%);display:grid;grid-template-columns:repeat(var(--columns),calc(var(--label-w)/var(--page-w)*100cqw));grid-template-rows:repeat(var(--rows),calc(var(--label-h)/var(--page-h)*100cqh));column-gap:calc(var(--gap-x)/var(--page-w)*100cqw);row-gap:calc(var(--gap-y)/var(--page-h)*100cqh)}.sheet-label{position:relative;min-width:0;min-height:0;padding:calc(1.5/var(--page-w)*100cqw);display:grid;align-items:stretch;justify-items:stretch;overflow:hidden;background:var(--code-bg)}.label-code{min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden}.label-code-svg{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;aspect-ratio:1}.label-info{min-width:0;max-width:100%;display:flex;flex-direction:column;gap:calc(1.5/var(--page-w)*100cqw);font-size:calc(var(--fitted-font-pt,var(--base-font-pt))*0.352778/var(--page-w)*100cqw);line-height:1.2;overflow-wrap:anywhere}.layout-code-only{grid-template:minmax(0,1fr)/minmax(0,1fr);padding:0}.layout-code-text{grid-template-rows:minmax(var(--code-min),var(--code-share)) minmax(0,1fr)}.layout-info-portrait{grid-template-rows:auto minmax(var(--code-min),var(--code-share)) minmax(0,1fr)}.layout-info-landscape{grid-template-columns:minmax(var(--code-min),var(--code-share)) minmax(0,1fr);gap:calc(1.5/var(--page-w)*100cqw)}.label-code{aspect-ratio:1;max-width:100%;max-height:100%;justify-self:center}.layout-code-only .label-code{width:100%;height:100%}.border-fine{box-shadow:inset 0 0 0 1px var(--label-border)}.border-strong{box-shadow:inset 0 0 0 3px var(--label-border)}.corners-rounded{border-radius:6%}.cut-lines{outline:1px dashed #687681;outline-offset:-1px}.text-small{--base-font-pt:7}.text-normal{--base-font-pt:9}.text-large{--base-font-pt:11}.align-center{text-align:center}.sheet-preview .preview-nav{margin-top:12px}
@media(min-width:721px) and (max-width:1200px){.workspace{grid-template-columns:minmax(300px,330px) minmax(500px,1fr)}.preview-card{position:static;grid-column:1/-1}.middle{grid-column:2}.sheet-workshop-body{grid-template-columns:1fr}.a4-stage{min-height:400px}}
@media(max-width:720px){.sheet-workshop-body{padding:12px}.a4-stage{min-height:0;padding:8px}.a4-page{width:100%}.sheet-preview .preview-nav{grid-template-columns:1fr}.sheet-preview .preview-nav button{width:100%}}

.print-quantity{padding:12px 14px;border-radius:11px;background:#edf6fd;color:#174b75;font-weight:800}.copies-shortcut{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 18px}.copies-summary{color:#174b75}.a4-print-button{display:block;width:100%;margin-top:12px;background:var(--blue);border-color:var(--blue);color:#fff}.a4-print-button:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}

/* Individuelle Sammelbögen */
.labels-panel.active{max-width:none}.label-toolbar{display:flex;flex-wrap:wrap;gap:.55rem;margin:.75rem 0}.labels-workspace{display:grid;grid-template-columns:minmax(17rem,.9fr) minmax(19rem,1.1fr);gap:1rem;align-items:start}.labels-list{display:grid;gap:.55rem;max-height:42rem;overflow:auto}.label-list-item{border:1px solid #c9d5df;border-radius:.65rem;padding:.55rem;background:#fff}.label-list-item.selected{border-color:#126ba2;box-shadow:0 0 0 2px #cce9f8}.label-list-item>div{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.label-select{display:grid;width:100%;gap:.15rem;text-align:left;background:transparent;border:0;padding:.2rem;color:inherit}.label-select small{overflow-wrap:anywhere}.label-select span{color:#496275}.used-slot{display:grid;place-items:center;border:1px dashed #9aa9b5;background:#eef2f4;color:#526777;font-size:clamp(.35rem,1.4cqw,.75rem);text-align:center}.sheet-label{--base-font-pt:9;--code-share:52%;--code-min:calc(8/var(--page-w)*100cqw)}.sheet-label.distribution-code-large{--code-share:68%}.sheet-label.distribution-text-more{--code-share:38%}.layout-code-only{--code-share:100%;--code-min:100%}.label-title,.label-value,.label-info>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:visible;overflow-wrap:anywhere}.labels-panel textarea{resize:vertical}@media(max-width:900px){.labels-workspace{grid-template-columns:1fr}.labels-list{max-height:24rem}}@media(max-width:520px){.label-toolbar>*{min-height:44px;flex:1 1 45%}.label-list-item>div button{min-height:44px}.labels-workspace{min-width:0}.labels-panel{min-width:0}}

.sheet-measure-stage{position:fixed;left:-10000px;top:0;width:900px;visibility:hidden;pointer-events:none}.sheet-measure-stage .a4-page{width:794px;margin-bottom:20px}.empty-print-slot{visibility:hidden}
.label-title,.label-value,.label-info>span{font-size:calc(var(--fitted-font-pt,var(--base-font-pt))*0.352778/var(--page-w)*100cqw)}
.compact-choice{margin-top:12px}.primary-kinds,.print-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px}.print-type-selector button{min-height:54px}.print-type-selector button.active{background:var(--blue);border-color:var(--blue);color:#fff}.unit-input{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.unit-input span{font-weight:700}.different-codes-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:520px){.print-type-selector{grid-template-columns:1fr}.sheet-settings input,.sheet-settings select{max-width:100%}}

#modeButtons.url-modes{grid-template-columns:repeat(2,minmax(0,1fr))}#modeButtons button[hidden]{display:none}.pixel-size-hint{font-size:.78rem;margin:7px 0 0}

/* Mobile Breitenabsicherung: muss nach allen Tablet- und Komponentenregeln stehen. */
@media(max-width:720px){
  .workspace{width:calc(100% - 20px);grid-template-columns:minmax(0,1fr)}
  .workspace>*,.middle,.card,.body,.sheet-workshop-body,.sheet-settings,.sheet-preview{min-width:0;max-width:100%}
  .middle,.preview-card,.sheet-workshop{grid-column:auto}
  .sheet-workshop-body,.labels-workspace{grid-template-columns:minmax(0,1fr)}
  .brand,.brand>div{min-width:0}
  .brand h1{overflow-wrap:anywhere}
  input,select,textarea{max-width:100%}
  .a4-stage,.a4-page{max-width:100%}
}