.iwbk{--navy:#071a34;--navy-2:#0a2344;--navy-3:#102d52;--orange:#ff5a1f;--white:#f7f9fc;--muted:#9eb1c9;--line:rgba(157,181,210,.22);width:100%;max-width:1180px;margin:0 auto;padding:0;background:transparent!important;color:var(--white);font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}.iwbk *{box-sizing:border-box}.iwbk button,.iwbk input{font:inherit}.iwbk [hidden]{display:none!important}
.iwbk__tool{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.85fr);overflow:hidden;background:var(--navy);border:1px solid var(--line);box-shadow:14px 14px 0 rgba(255,90,31,.86)}.iwbk__tool:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--orange);z-index:2}.iwbk__dropzone{position:relative;min-height:330px;margin:18px;border:1px dashed #607b9b;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;background:linear-gradient(145deg,rgba(16,45,82,.78),rgba(7,26,52,.96));transition:border-color .2s,background-color .2s,transform .2s}.iwbk__dropzone:after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.035);pointer-events:none}.iwbk__dropzone:hover,.iwbk__dropzone:focus,.iwbk__dropzone.is-dragging{outline:0;border-color:var(--orange);background:linear-gradient(145deg,rgba(20,54,94,.95),rgba(7,26,52,.98));transform:translateY(-2px)}.iwbk__file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.iwbk__upload-icon{position:relative;z-index:1;width:64px;height:64px;margin-bottom:17px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:41px;line-height:1;box-shadow:0 10px 30px rgba(255,90,31,.25)}.iwbk__dropzone>strong{position:relative;z-index:1;color:#fff;font-size:26px;font-weight:900;letter-spacing:-.4px}.iwbk__dropzone>span:not(.iwbk__upload-icon){position:relative;z-index:1;margin-top:10px;color:var(--muted);font-size:14px}
.iwbk__settings{min-width:0;padding:34px;background:linear-gradient(160deg,var(--navy-2),var(--navy));border-left:1px solid var(--line);color:#fff;display:flex;flex-direction:column;gap:27px}.iwbk__setting-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.iwbk__setting-head span{max-width:210px;color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1.6px;line-height:1.45}.iwbk__setting-head strong{color:var(--orange);font-size:24px;font-weight:950;text-transform:uppercase}.iwbk__formats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.iwbk__formats button{min-height:54px;padding:12px 4px;border:1px solid #49637f;border-radius:2px;background:rgba(2,12,25,.16);color:#fff;font-weight:900;cursor:pointer;transition:.18s}.iwbk__formats button:hover,.iwbk__formats button:focus{outline:0;border-color:var(--orange);color:var(--orange)}.iwbk__formats button.is-active{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 7px 22px rgba(255,90,31,.2)}.iwbk__trust{border-left:3px solid var(--orange);background:rgba(255,255,255,.065)}.iwbk__trust-item{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;padding:14px 16px}.iwbk__trust-item+.iwbk__trust-item{border-top:1px solid var(--line)}.iwbk__trust-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:rgba(255,90,31,.13);color:var(--orange);font-size:12px;font-weight:900}.iwbk__trust-item p{margin:0}.iwbk__trust-item strong,.iwbk__trust-item small{display:block}.iwbk__trust-item strong{color:#fff;font-size:12px;font-weight:800;line-height:1.35}.iwbk__trust-item small{margin-top:3px;color:#b9c8da;font-size:10px;line-height:1.45}.iwbk__file-count{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}.iwbk__file-count b{margin-right:4px;color:var(--orange);font-size:15px}
.iwbk__notice{margin-top:28px;padding:14px 17px;border:1px solid var(--line);border-left:4px solid var(--orange);background:var(--navy-2);color:#fff;font-size:13px}.iwbk__notice.is-error{border-left-color:#ff7450;color:#ffd6cc}
.iwbk__queue{position:relative;margin-top:34px;padding:28px 30px 26px;overflow:hidden;background:linear-gradient(145deg,rgba(10,35,68,.92),rgba(7,26,52,.96));border:1px solid var(--line);box-shadow:8px 8px 0 rgba(255,90,31,.18)}.iwbk__queue:before{content:"";position:absolute;top:0;left:0;width:84px;height:3px;background:var(--orange)}.iwbk__queue-head,.iwbk__actions{display:flex;justify-content:space-between;align-items:center;gap:18px}.iwbk__queue-head{padding-bottom:20px}.iwbk__queue-head h3{margin:0;color:#fff;font-size:24px;font-weight:900}.iwbk__queue-head p{margin:6px 0 0;color:var(--muted);font-size:12px}.iwbk__clear,.iwbk__remove{border:0;background:transparent;color:var(--orange);font-weight:800;cursor:pointer}.iwbk__clear{padding:10px 0;font-size:12px}.iwbk__clear:hover,.iwbk__clear:focus{color:#fff;outline:0}.iwbk__list{margin:0;border-top:1px solid var(--line)}.iwbk__item{display:grid;grid-template-columns:68px minmax(0,1fr) 135px auto;align-items:center;gap:17px;padding:16px 0;border-bottom:1px solid var(--line);background:transparent}.iwbk__preview{width:68px;height:58px;padding:4px;object-fit:contain;background:#f0f2f5;border-radius:2px}.iwbk__file-info{min-width:0}.iwbk__file-info strong,.iwbk__file-info span,.iwbk__result strong,.iwbk__result span{display:block}.iwbk__file-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:800}.iwbk__file-info span,.iwbk__result span{margin-top:5px;color:var(--muted);font-size:11px}.iwbk__file-info small{display:block;margin-top:5px;color:#ffb5a2}.iwbk__result{text-align:right}.iwbk__result strong{color:var(--orange);font-weight:900}.iwbk__remove{font-size:26px}.iwbk__download{border:1px solid #34506f;border-radius:2px;padding:13px 16px;background:var(--navy);color:#fff;font-size:12px;font-weight:800;cursor:pointer}.iwbk__download:hover,.iwbk__download:focus{background:var(--orange);border-color:var(--orange);outline:0}.iwbk__actions{justify-content:flex-end;padding-top:24px}.iwbk__actions>p{margin-right:auto;color:var(--muted);font-size:12px}.iwbk__actions>p strong{color:#fff}.iwbk__convert{display:flex;align-items:stretch;border:0;border-radius:2px;padding:0;background:var(--orange);color:#fff;font-weight:900;text-transform:uppercase;cursor:pointer;overflow:hidden;box-shadow:0 8px 25px rgba(255,90,31,.16)}.iwbk__convert:disabled{opacity:.65;cursor:wait}.iwbk__convert span{padding:18px 23px}.iwbk__convert strong{width:58px;display:grid;place-items:center;background:#03152d;font-size:22px}
@media(max-width:840px){.iwbk__tool{grid-template-columns:1fr;box-shadow:10px 10px 0 rgba(255,90,31,.86)}.iwbk__settings{min-height:250px;border-top:1px solid var(--line);border-left:0}.iwbk__dropzone{min-height:270px}}
@media(max-width:570px){.iwbk__tool{box-shadow:6px 6px 0 rgba(255,90,31,.86)}.iwbk__dropzone{min-height:225px;margin:10px;padding:24px 10px}.iwbk__settings{padding:24px}.iwbk__setting-head{align-items:flex-start}.iwbk__queue{padding:23px 18px}.iwbk__item{grid-template-columns:56px minmax(0,1fr) auto}.iwbk__preview{width:56px;height:50px}.iwbk__result{display:none}.iwbk__download{grid-column:2/4;width:100%}.iwbk__actions{align-items:stretch;flex-direction:column}.iwbk__actions>p{margin:0}.iwbk__convert{width:100%;justify-content:space-between}.iwbk__queue-head{align-items:flex-start}.iwbk__clear{font-size:11px}}

/* Lesbarkeit und einheitliche Interaktionen */
.iwbk{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.iwbk__settings{padding:28px;gap:19px}.iwbk__setting-head span{font-weight:700;letter-spacing:1.45px}.iwbk__setting-head strong{font-weight:800}.iwbk__formats button{font-weight:700;letter-spacing:.15px}.iwbk__trust-item{padding:11px 14px}.iwbk__trust-item strong{font-size:12px;font-weight:700;letter-spacing:.05px;line-height:1.45}.iwbk__trust-item small{font-size:10.5px;line-height:1.55}.iwbk__file-info strong,.iwbk__queue-head h3{font-weight:700}.iwbk__convert,.iwbk__download,.iwbk__clear{font-weight:700}
.iwbk__format-info{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;padding:11px 13px;border:1px solid var(--line);background:rgba(4,17,36,.38)}.iwbk__format-info-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:rgba(255,90,31,.14);color:var(--orange);font-size:12px;font-weight:800}.iwbk__format-info p{margin:0}.iwbk__format-info strong,.iwbk__format-info small{display:block}.iwbk__format-info strong{color:#fff;font-size:11.5px;font-weight:700;line-height:1.4}.iwbk__format-info small{margin-top:2px;color:#b9c8da;font-size:10px;line-height:1.5}.iwbk__format-info.is-warning{border-color:rgba(255,90,31,.45);background:rgba(255,90,31,.07)}.iwbk__format-info.is-warning .iwbk__format-info-icon{background:var(--orange);color:#fff}
.iwbk button{position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease,background-color .22s ease,color .22s ease,box-shadow .22s ease}.iwbk button::after{content:"";position:absolute;z-index:3;top:-60%;left:-85%;width:42%;height:220%;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(255,255,255,.28),transparent);transform:rotate(12deg);transition:left .55s cubic-bezier(.2,.7,.2,1)}.iwbk button:hover:not(:disabled),.iwbk button:focus-visible:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,90,31,.2)}.iwbk button:hover::after,.iwbk button:focus-visible::after{left:145%}.iwbk button:active:not(:disabled){transform:translateY(0);box-shadow:none}.iwbk button:focus-visible{outline:2px solid rgba(255,90,31,.7);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.iwbk button,.iwbk button::after{transition:none}.iwbk button:hover:not(:disabled),.iwbk button:focus-visible:not(:disabled){transform:none}}
@media(max-width:570px){.iwbk__settings{padding:24px}.iwbk__format-info{padding:10px 12px}}
