body{font-family:system-ui,-apple-system,sans-serif;margin:0;background:#f4f6f8;color:#1f2937}.wrap{max-width:1180px;margin:auto;padding:24px}header{background:#17324d;color:#fff}header .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}nav{display:flex;flex-wrap:wrap;gap:16px}nav a{color:#fff;text-decoration:none}.card{background:#fff;border-radius:12px;padding:22px;margin:20px 0;box-shadow:0 2px 10px #0001}label{display:block;margin:14px 0 5px}input,select,textarea,button{font:inherit;padding:10px;border-radius:7px;border:1px solid #cbd5e1}input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=date],input[type=file],select,textarea{width:100%;box-sizing:border-box}textarea{min-height:100px}button,.btn{background:#17324d;color:#fff;border:0;cursor:pointer;text-decoration:none;display:inline-block;padding:10px 14px;border-radius:7px}.secondary{background:#475569}.danger{background:#991b1b}.msg{padding:12px;border-radius:8px;margin:14px 0}.ok{background:#dcfce7}.err{background:#fee2e2}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}.muted{color:#64748b;font-size:.92rem}.actions{display:flex;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:20px}.preview{width:100%;height:72vh;border:1px solid #dbe2ea;border-radius:10px;background:#eef2f6}.preview-image{max-width:100%;max-height:72vh;display:block;margin:auto}.filename{font-weight:600;color:#17324d;text-decoration:none}.row-main-link{display:block;color:inherit;text-decoration:none}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#e2e8f0;font-size:.82rem;font-weight:650;white-space:nowrap}.status-new{background:#fef3c7;color:#92400e}.status-working{background:#ffedd5;color:#9a3412}.status-checked{background:#dcfce7;color:#166534}.status-irrelevant{background:#e2e8f0;color:#475569}.review-button{background:#15803d}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.filter-bar .btn{padding:8px 11px}.status-help{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px;margin-top:8px;font-size:.86rem;color:#475569}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button-row button{width:100%}.field-hint{font-size:.82rem;color:#64748b;margin-top:4px}.summary{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.status-filter{background:#e2e8f0;color:#334155;padding:7px 11px;border-radius:999px;text-decoration:none;font-weight:600;border:2px solid transparent}.status-filter:hover{background:#cbd5e1}.status-filter.active{background:#17324d;color:#fff;border-color:#17324d}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f8fafc}.clickable-row:focus{outline:3px solid #93c5fd;outline-offset:-3px}.loading-overlay{position:fixed;inset:0;z-index:9999;background:#ffffffcc;display:none;align-items:center;justify-content:center;backdrop-filter:blur(1px)}.loading-overlay.active{display:flex}.loading-card{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:18px 24px;box-shadow:0 8px 30px #0003;font-weight:700;color:#17324d}.loading-card .spinner{display:inline-block;border-color:#17324d44;border-top-color:#17324d;margin-right:10px}.analysis-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:14px;margin:14px 0}.analysis-box strong{display:block;margin-bottom:6px}.email-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px;margin:12px 0;white-space:pre-wrap;max-height:220px;overflow:auto}.warning{background:#fff7ed;border:1px solid #fed7aa;padding:12px;border-radius:8px;margin:12px 0}.small-button{font-size:.9rem;padding:8px 11px}.page-nav{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin:12px 0}.page-chip{background:#e2e8f0;color:#17324d;padding:6px 10px;border-radius:999px;text-decoration:none}.page-chip.active{background:#17324d;color:#fff}.page-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0;padding:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px}.page-tools form{margin:0}.page-tools button{padding:8px 10px}.page-tools .danger{margin-left:auto}.page-thumb-info{font-size:.9rem;color:#64748b;margin-right:4px}.merge-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px;margin-top:14px}.document-toolbar{position:sticky;top:8px;z-index:20;display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px;margin:12px 0;box-shadow:0 4px 16px #0002}.document-toolbar button,.document-toolbar .btn{padding:8px 11px}.busy-button{position:relative;min-width:170px}.busy-button.is-busy{opacity:.8;cursor:wait}.spinner{display:none;width:15px;height:15px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-3px;margin-right:7px}.is-busy .spinner{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}button:disabled{opacity:.6;cursor:not-allowed}.filmstrip{position:sticky;bottom:8px;z-index:25;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:8px 16px 12px;margin:18px calc(50% - 50vw + 16px) 6px;width:calc(100vw - 32px);box-sizing:border-box;box-shadow:0 -4px 18px #0002;transition:max-height .2s ease,padding .2s ease}.filmstrip.collapsed{padding:4px 16px 8px}.filmstrip.collapsed .filmstrip-list,.filmstrip.collapsed .filmstrip-help{display:none}.filmstrip-handle{position:relative;width:180px;height:44px;margin:-6px auto 0;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.filmstrip-handle::before{content:'';position:absolute;left:50%;top:50%;width:108px;height:8px;border-radius:999px;background:#94a3b8;transform:translate(-50%,-50%);transition:background .15s ease,transform .15s ease}.filmstrip-handle:hover::before,.filmstrip-handle.dragging::before{background:#64748b;transform:translate(-50%,-50%) scaleY(1.15)}.filmstrip-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.filmstrip-title{display:flex;align-items:center;gap:10px}.filmstrip-toggle{padding:6px 9px;font-size:.8rem}.document-form-end{scroll-margin-bottom:230px}.filmstrip-list{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity}.film-card{flex:0 0 150px;border:2px solid #dbe2ea;border-radius:10px;background:#f8fafc;padding:7px;scroll-snap-align:start}.film-card.active{border-color:#17324d;background:#eff6ff}.film-preview{height:92px;border-radius:7px;overflow:hidden;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.film-preview img,.film-preview iframe{width:100%;height:100%;object-fit:contain;border:0;background:#fff;pointer-events:none}.film-code{font-weight:700;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.film-meta{font-size:.75rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 6px}.film-actions{display:grid;grid-template-columns:1fr;gap:5px}.film-actions .btn,.film-actions button{font-size:.78rem;padding:6px 7px;text-align:center;width:100%;box-sizing:border-box}.merge-confirm{background:#0f766e}.film-current-note{font-size:.76rem;color:#17324d;font-weight:600}.film-empty{padding:12px;color:#64748b}.film-filterbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:8px 0 10px}.film-filterbar .film-filter{font-size:.76rem;padding:6px 9px;border-radius:999px;background:#e2e8f0;color:#334155;text-decoration:none;font-weight:650}.film-filterbar .film-filter.active{background:#17324d;color:#fff}.film-card.keyboard-selected{border-color:#111827!important;box-shadow:0 0 0 3px #11182733;background:#fff}.film-card .film-name{font-size:.78rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em;margin:2px 0 5px}.filmstrip.has-keyboard-focus{box-shadow:0 -4px 18px #0002,0 0 0 3px #93c5fd66}.film-key-help{font-size:.75rem;color:#64748b}.film-card{flex-basis:190px}.film-preview{height:122px}.filmstrip.large .film-card{flex-basis:235px}.filmstrip.large .film-preview{height:158px}@media(max-width:800px){.filmstrip-handle{width:230px;height:52px;margin:-8px auto -2px}.filmstrip-handle::before{width:132px;height:9px}header .wrap{align-items:flex-start;flex-direction:column}.grid,.detail{grid-template-columns:1fr}.wrap{padding:16px}.preview{height:55vh}table{font-size:.88rem;display:block;overflow-x:auto}.document-toolbar{top:4px}.filmstrip{bottom:4px;margin-left:0;margin-right:0;width:calc(100vw - 16px);max-height:46vh;overflow:hidden;padding-left:10px;padding-right:10px}.film-card{flex-basis:142px}.film-preview{height:88px}.filmstrip.large .film-card{flex-basis:172px}.filmstrip.large .film-preview{height:112px}}

.editor-global-toolbar{position:sticky;top:8px;z-index:30;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #cbd5e1;border-radius:11px;padding:10px;margin:12px 0;box-shadow:0 4px 16px #0002}.toolbar-spacer{flex:1}.editor-modebar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#e8eef4;border-radius:10px;padding:8px;margin:14px 0}.mode-tab{padding:10px 14px;border-radius:8px;text-decoration:none;color:#17324d;font-weight:650}.mode-tab.active{background:#17324d;color:#fff}.mode-status{margin-left:auto;color:#475569}.editor-detail{align-items:start}.document-workspace{min-width:0}.workspace-heading h2{margin-bottom:4px}.page-editor{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;align-items:start}.page-sidebar{position:sticky;top:82px;background:#f8fafc;border:1px solid #dbe2ea;border-radius:10px;padding:10px;max-height:calc(100vh - 105px);overflow:auto}.page-sidebar-title{font-weight:750;margin:2px 4px 9px}.page-list{display:grid;gap:8px}.page-list-item{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:8px;padding:8px;border:2px solid transparent;border-radius:9px;text-decoration:none;color:#1f2937;background:#fff}.page-list-item.active{border:3px solid #17324d;background:#dbeafe;box-shadow:0 0 0 3px #93c5fd66;transform:translateX(1px)}.page-mini{width:74px;height:94px;display:flex;align-items:center;justify-content:center;background:#e2e8f0;border-radius:6px;overflow:hidden}.page-mini img{width:100%;height:100%;object-fit:contain;background:#fff}.page-list-label{font-weight:700;font-size:.95rem}.page-list-item.active .page-list-label{color:#0f2f4d}.page-state{font-size:1.1rem}.selected-page-box{margin-top:12px;padding-top:10px;border-top:1px solid #cbd5e1}.selected-page-actions{display:grid;gap:7px;margin-top:8px}.selected-page-actions form{margin:0}.selected-page-actions button{width:100%;font-size:.84rem;padding:8px;display:flex;align-items:center;justify-content:flex-start;gap:8px}.action-icon{display:inline-flex;width:1.25rem;justify-content:center;font-size:1.05rem}.page-stage{min-width:0}.page-stage-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.page-main-image{display:block;max-width:100%;max-height:72vh;margin:auto;object-fit:contain}.page-main-frame,.pdf-preview{width:100%;height:72vh;border:1px solid #dbe2ea;border-radius:9px;background:#eef2f6}.page-stepper{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:12px}.page-stepper span{font-weight:700;color:#475569}.pdf-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.data-panel{min-width:0}.filmstrip{z-index:26}.filmstrip.collapsed{padding:8px 12px}.filmstrip.collapsed .filmstrip-head{margin-bottom:0}
@media(max-width:900px){.page-editor{grid-template-columns:145px minmax(0,1fr)}.page-list-item{grid-template-columns:46px 1fr auto}.page-mini{width:46px;height:60px}}
@media(max-width:700px){.editor-global-toolbar{top:4px}.toolbar-spacer{display:none}.editor-global-toolbar .btn,.editor-global-toolbar button{flex:1 1 auto;text-align:center}.mode-status{width:100%;margin-left:0}.page-editor{grid-template-columns:1fr}.page-sidebar{position:static;max-height:none}.page-list{display:flex;overflow-x:auto;padding-bottom:4px}.page-list-item{flex:0 0 120px;grid-template-columns:54px 1fr auto}.page-mini{width:54px;height:70px}.selected-page-actions{grid-template-columns:1fr 1fr}.page-main-image{max-height:60vh}.page-main-frame,.pdf-preview{height:60vh}}
.evaluation-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end}.evaluation-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:18px 0}.kpi{background:#f8fafc;border:1px solid #dbe2ea;border-radius:10px;padding:14px}.kpi strong{display:block;font-size:1.45rem;color:#17324d;margin-top:4px}.kpi.good{background:#f0fdf4;border-color:#bbf7d0}.kpi.good strong{color:#166534}.kpi.warn{background:#fff7ed;border-color:#fed7aa}.kpi.warn strong{color:#9a3412}.table-scroll{overflow:auto}.category-summary{display:grid;gap:8px}.category-row{display:grid;grid-template-columns:minmax(220px,1fr) 90px 140px 170px;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid #e5e7eb}.category-bar{height:8px;background:#dbeafe;border-radius:999px;overflow:hidden;margin-top:6px}.category-bar span{display:block;height:100%;background:#17324d}.money{text-align:right;font-variant-numeric:tabular-nums}.evaluation-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:12px}.filter-actions{display:flex;gap:8px;flex-wrap:wrap}.evaluation-table th,.year-table th{white-space:nowrap}.evaluation-table td,.year-table td{vertical-align:top}.review-reasons{margin:0;padding-left:18px}.review-reasons li{margin:2px 0}.review-ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:10px;padding:14px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.tax-assessment-panel{margin-top:18px;padding:16px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff}.tax-assessment-panel h3{margin:0 0 8px;color:#17324d}.tax-assessment-fields{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(0,1.1fr);gap:16px;align-items:start}.tax-assessment-fields>div{min-width:0}.check-line{display:flex;align-items:center;gap:10px;margin:14px 0 5px}.check-line input{width:auto;margin:0}.inline-helper{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.inline-helper input,.inline-helper button{width:100%;min-width:0;box-sizing:border-box}.inline-helper button{white-space:normal}@media(max-width:900px){.evaluation-filters,.evaluation-kpis{grid-template-columns:1fr 1fr}.category-row{grid-template-columns:1fr 80px 120px 150px}}@media(max-width:600px){.evaluation-filters,.evaluation-kpis{grid-template-columns:1fr}.category-row{grid-template-columns:1fr 1fr}.tax-assessment-fields{grid-template-columns:1fr}}
.issuer-autocomplete{position:relative}.issuer-suggestions{position:absolute;z-index:80;left:0;right:0;top:calc(100% + 4px);max-height:260px;overflow-y:auto;background:#fff;border:1px solid #cbd5e1;border-radius:9px;box-shadow:0 10px 28px #0002;padding:4px}.issuer-suggestions[hidden],.issuer-suggestion[hidden]{display:none!important}.issuer-suggestion{display:block;width:100%;box-sizing:border-box;text-align:left;background:#fff;color:#1f2937;border:0;border-radius:6px;padding:10px 12px}.issuer-suggestion:hover,.issuer-suggestion.active{background:#e0efff;color:#17324d}.issuer-suggestion:focus{outline:none}
.amount-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.amount-grid>div{min-width:0}
.document-viewer{min-width:0}.viewer-toolbar{position:sticky;top:var(--viewer-toolbar-top,68px);z-index:28;display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:8px 10px;background:#e8eef4;border:1px solid #cbd5e1;border-radius:9px 9px 0 0;box-shadow:0 3px 10px #0002}.viewer-toolbar button,.viewer-toolbar .btn{padding:7px 10px;font-size:.88rem}.viewer-toolbar-spacer{flex:1}.viewer-zoom-label{min-width:66px;text-align:center;font-weight:750;color:#17324d;font-variant-numeric:tabular-nums}.viewer-viewport{height:78vh;overflow:auto;border:1px solid #cbd5e1;border-top:0;border-radius:0 0 9px 9px;background:#cfd5db;padding:12px;box-sizing:border-box;cursor:grab;overscroll-behavior:contain;touch-action:none}.viewer-viewport.is-dragging{cursor:grabbing;user-select:none}.viewer-page{display:flex;justify-content:flex-start;margin:0 auto 14px;min-width:100%}.viewer-page:last-child{margin-bottom:0}.viewer-page-image{display:block;flex:0 0 auto;width:100%;height:auto;max-width:none;margin:0 auto;background:#fff;box-shadow:0 2px 12px #0003;-webkit-user-drag:none;user-select:none}.desktop-document-viewer{display:block}.viewer-help{color:#475569;font-size:.82rem;white-space:nowrap}@media(min-width:1200px){.wrap{width:calc(100% - 48px);max-width:2400px;box-sizing:border-box}.detail.editor-detail{grid-template-columns:minmax(0,2.15fr) minmax(380px,.85fr)}.document-workspace{padding:20px}}
@media(max-width:700px){.viewer-toolbar{gap:8px}.viewer-toolbar button,.viewer-toolbar .btn{flex:1 1 auto;min-height:44px}.viewer-toolbar-spacer{display:none}.viewer-zoom-label{min-width:58px}.viewer-viewport{height:60vh;padding:8px}.viewer-help{display:none}}
@media(hover:none) and (pointer:coarse){.viewer-toolbar button,.viewer-toolbar .btn{min-height:44px;padding:10px 13px}.viewer-viewport{cursor:default}}
@media(hover:none) and (pointer:coarse){.viewer-viewport{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}}
.film-card{content-visibility:auto;contain-intrinsic-size:168px 150px;contain:layout paint style}.film-preview img{transition:opacity .12s ease}.film-preview img:not([src]){opacity:0}


/* v0.8.6 – nicht-destruktive Dokumentoptimierung */
.optimization-status{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 10px;padding:10px 12px;border:1px solid var(--border,#d8dee8);border-radius:10px;background:#fff}.optimization-status.active{box-shadow:inset 4px 0 0 currentColor}.optimization-status span{font-size:.92rem;opacity:.8}.optimization-status small{margin-left:auto;opacity:.7}.optimized-state{font-size:.85rem}

/* v0.8.6.1 – kompakter Filmstreifen und saubere Ebenentrennung */
.filmstrip{
  z-index:40;
  padding:5px 12px 8px;
  margin-top:12px;
}
.filmstrip-handle{
  width:170px;
  height:30px;
  margin:-3px auto 0;
}
.filmstrip-handle::before{
  width:96px;
  height:6px;
}
.filmstrip-head{margin-bottom:4px}
.filmstrip-title{gap:7px}
.filmstrip-toggle{padding:5px 8px}
.film-filterbar{margin:5px 0 6px;gap:5px}
.film-filterbar .film-filter{padding:5px 8px}
.filmstrip-list{gap:8px;padding:1px 1px 5px}
.film-card,.film-card{flex-basis:168px;padding:6px}
.film-preview{height:68px;margin-bottom:4px}
.film-code{font-size:.82rem}
.film-card .film-name{font-size:.76rem;line-height:1.2;min-height:2.35em;margin:1px 0 3px}
.film-meta{margin:1px 0 4px;font-size:.72rem}
.film-actions{gap:4px}
.film-actions .btn,.film-actions button{padding:5px 6px;font-size:.75rem}
.filmstrip.large .film-card{flex-basis:190px}
.filmstrip.large .film-preview{height:82px}
.document-form-end{scroll-margin-bottom:185px}

@media(max-width:800px){
  .filmstrip{
    z-index:40;
    max-height:34vh;
    padding:4px 8px 7px;
  }
  .filmstrip-handle{
    width:210px;
    height:34px;
    margin:-4px auto -1px;
  }
  .filmstrip-handle::before{width:116px;height:7px}
  .film-card,.film-card{flex-basis:126px;padding:5px}
  .film-preview{height:54px}
  .filmstrip.large .film-card{flex-basis:146px}
  .filmstrip.large .film-preview{height:66px}
  .filmstrip-head{gap:7px}
  .filmstrip-title{gap:6px}
  .filmstrip-title strong{font-size:.9rem}
  .filmstrip-help{font-size:.72rem}
  .film-filterbar .film-filter{font-size:.72rem;padding:4px 7px}
  .film-actions .btn,.film-actions button{min-height:34px}
}

/* v0.8.7 – auswählbare Dokumentoptimierung */
.optimization-panel{margin:0 0 12px;border:1px solid var(--border,#d8dee8);border-radius:10px;background:#fff;overflow:hidden}
.optimization-panel>summary{cursor:pointer;font-weight:700;padding:10px 12px;background:#f4f7fb}
.optimization-panel form{display:grid;grid-template-columns:minmax(210px,1.35fr) minmax(160px,1fr) minmax(160px,1fr);gap:10px 14px;padding:12px}
.optimization-panel label{display:flex;flex-direction:column;gap:5px;font-weight:600}
.optimization-panel select{width:100%}
.optimization-panel input[type=range]{width:100%}
.optimization-panel output{float:right;font-weight:400;opacity:.75}
.optimization-panel-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.optimization-panel .muted{grid-column:1/-1;margin:0;font-size:.9rem}
@media(max-width:900px){.optimization-panel form{grid-template-columns:1fr}.optimization-panel-actions,.optimization-panel .muted{grid-column:1}}

/* v0.8.8 – Ergebnis der Dokumenterkennung */
.optimization-result{font-weight:700;padding:3px 8px;border-radius:999px;background:#eef4ff}

/* v0.8.9.0: neuer Zuschnitt-Editor auf Basis eines unverzerrten <img>-Elements */
.manual-crop-intro{padding:12px 12px 0;color:#39465a}
.manual-crop-form{padding:12px!important;display:block!important}
.crop-editor-stage{position:relative;width:min(100%,900px);margin:0 auto;background:#273142;border-radius:10px;overflow:hidden;line-height:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);touch-action:pan-y}
.crop-editor-image{display:block;width:100%;height:auto;max-height:none;object-fit:contain;user-select:none;-webkit-user-drag:none}
.crop-editor-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.crop-editor-overlay polygon{fill:rgba(0,0,0,.18);stroke:#20cdb9;stroke-width:4;vector-effect:non-scaling-stroke}
.crop-editor-handle{position:absolute;width:30px;height:30px;min-width:30px;min-height:30px;padding:0;border:3px solid #fff;border-radius:50%;background:#0a6f78;box-shadow:0 1px 8px rgba(0,0,0,.55);transform:translate(-50%,-50%);touch-action:none;cursor:grab;z-index:3}
.crop-editor-handle.is-active{width:38px;height:38px;min-width:38px;min-height:38px;background:#e39a17;cursor:grabbing}
.crop-editor-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(20,29,43,.72);font-weight:700;line-height:1.4;z-index:5}
.crop-editor-loading[hidden]{display:none!important}
.crop-editor-readout{margin-top:10px;padding:8px 10px;border-radius:8px;background:#eef4f7;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem;line-height:1.45;color:#334155;overflow-wrap:anywhere}
.manual-crop-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.manual-crop-actions button:disabled{opacity:.55;cursor:not-allowed}
.manual-crop-form .muted{margin:10px 0 0}
@media(max-width:900px){.crop-editor-stage{width:100%}.crop-editor-handle{width:34px;height:34px;min-width:34px;min-height:34px}}


/* v0.8.9.1 – temporäre rechteckige Zuschnittsvorschau */
.crop-preview-panel{border:2px solid #d6a72a;background:#fffaf0;border-radius:12px;padding:14px;margin:0 0 14px}.crop-preview-panel>strong{display:block;font-size:1.1rem;color:#725400}.crop-preview-panel p{margin:.35rem 0 .75rem}.crop-preview-panel>img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:7px;background:#eee}.crop-preview-panel .manual-crop-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.crop-preview-panel form{margin:0}