:root{color-scheme:dark;--bg:#10151c;--panel:#171e27;--panel2:#1d2631;--line:#2b3643;--text:#f1f4f7;--muted:#9aa6b4;--green:#b8f27b;--green2:#8bd14a;--blue:#71b7ff;--font:'Manrope',system-ui,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 72% 8%,#25313a 0,transparent 33%),var(--bg);color:var(--text);font-family:var(--font);min-height:100vh}.shell{max-width:1120px;margin:0 auto;padding:0 44px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--mono);font-size:12px;letter-spacing:.07em}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:500}.brand-light{color:#9eabb9}.brand-mark{width:20px;height:20px;display:flex;align-items:center;justify-content:center;position:relative;gap:2px}.brand-mark i{display:block;width:5px;border-radius:3px;background:var(--green)}.brand-mark i:nth-child(1){height:10px;transform:translateY(3px)}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:13px;transform:translateY(-2px)}.privacy{display:flex;align-items:center;gap:9px;color:#a4b0bc;font-size:10px}.privacy-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #b8f27b88}main{max-width:820px;margin:0 auto}.intro{padding:61px 0 36px}.eyebrow,.step-label{display:flex;align-items:center;gap:10px;color:var(--green);font:500 11px var(--mono);letter-spacing:.11em}.eyebrow-line{width:24px;height:1px;background:var(--green)}h1{font-size:clamp(43px,7vw,70px);line-height:1.04;letter-spacing:-.065em;margin:22px 0 17px;font-weight:700}h1 span{color:var(--green)}.lede{max-width:590px;color:#a9b4c0;font-size:16px;line-height:1.7;margin:0}.format-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.format-row span{font:11px var(--mono);color:#9aa8b7;border:1px solid #34404d;border-radius:5px;padding:6px 8px;background:#19212a}.converter-card{border:1px solid #34404b;background:linear-gradient(150deg,#1b232c,#151b22);border-radius:13px;padding:25px 26px 20px;box-shadow:0 24px 75px #0004}.card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.step-label{font-size:10px;color:#8593a2;letter-spacing:.1em}.step-label span{color:#a8b3bf}h2{font-size:21px;letter-spacing:-.035em;margin:8px 0 0}.local-badge{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:5px;background:#b8f27b13;color:var(--green);font:10px var(--mono);letter-spacing:.03em}.local-badge svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dropzone{min-height:232px;border:1px dashed #4a5968;border-radius:9px;background:#131a21;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;transition:border-color .18s,background .18s;outline:none}.dropzone:hover,.dropzone:focus-visible,.dropzone.dragover{border-color:var(--green);background:#b8f27b08}.upload-icon{width:42px;height:42px;border:1px solid #354351;border-radius:10px;display:grid;place-items:center;color:var(--green);margin-bottom:12px;background:#1a242d}.upload-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.drop-title{font-size:16px;font-weight:700}.drop-subtitle{color:#929eaa;font-size:12px;margin-top:5px}.actions{display:flex;gap:9px;margin-top:17px}.button{font:600 12px var(--font);border:0;border-radius:6px;padding:10px 14px;cursor:pointer;transition:transform .15s,background .15s,color .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:var(--green);color:#182016}.button-primary:hover{background:#c9fa98}.button-quiet{background:#26313c;color:#d9e0e7;border:1px solid #374452}.button-quiet:hover{background:#303d49}.size-note{font-size:10px;color:#788593;margin-top:14px}.selection{margin-top:14px;border:1px solid #303c48;border-radius:7px;background:#131a21;padding:12px 13px}.selection-summary{display:flex;align-items:center;gap:10px}.summary-icon{font-size:20px;color:var(--green);font-family:var(--mono);transform:rotate(90deg)}.summary-text{display:flex;flex-direction:column;gap:2px;flex:1}.summary-text strong{font-size:12px}.summary-text span{font:10px var(--mono);color:#8996a4}.icon-button{border:0;color:#9ba8b5;background:transparent;font-size:21px;cursor:pointer}.asset-chips{display:flex;gap:6px;flex-wrap:wrap;margin:11px 0 0 30px}.asset-chip{color:#aeb9c4;font:10px var(--mono);background:#202a34;border:1px solid #303d49;border-radius:4px;padding:4px 6px}.project-name-row{display:flex;align-items:center;justify-content:space-between;margin-top:19px;gap:15px}.project-name-row label{font-size:11px;color:#a7b2be}.project-name-row input{width:220px;padding:8px 10px;border:1px solid #354250;border-radius:5px;background:#111820;color:#e7edf2;font:11px var(--mono);outline:none}.project-name-row input:focus{border-color:#8ecf57}.status{font-size:11px;color:#aeb8c2;margin:14px 0 0;padding:10px 12px;background:#111820;border-radius:5px;line-height:1.5}.status.error{color:#ffaaa2;border:1px solid #763d3b}.status.success{color:var(--green);border:1px solid #4a6733}.status.busy{color:#aed0f0;border:1px solid #355573}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #2c3742;margin-top:20px;padding-top:17px}.privacy-note{display:flex;align-items:center;gap:8px;max-width:300px;font-size:10px;line-height:1.5;color:#8794a2}.lock{color:var(--green);font-size:15px}.button-convert{display:flex;gap:19px;align-items:center;background:#293440;color:#63717e;padding:12px 15px;cursor:not-allowed}.button-convert:not(:disabled){background:var(--green);color:#172015;cursor:pointer}.button-convert:not(:disabled):hover{background:#c9fa98}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:43px 0 30px}.steps article{border-left:1px solid #38434e;padding-left:14px}.step-number{color:var(--green);font:10px var(--mono)}.steps h3{margin:9px 0 5px;font-size:13px}.steps p{margin:0;color:#8f9ca9;font-size:11px;line-height:1.65}.details{border-top:1px solid #2a333e;border-bottom:1px solid #2a333e;padding:15px 0;color:#b8c2cb;font-size:12px}.details summary{cursor:pointer;list-style:none;font-weight:600}.details summary::-webkit-details-marker{display:none}.details summary:after{content:'+';float:right;color:var(--green);font:16px var(--mono)}.details[open] summary:after{content:'−'}.details-body{color:#939fab;line-height:1.7;padding:9px 0 0}.details-body p{margin:9px 0}.details-body strong{color:#cdd6df}.footer{display:flex;justify-content:space-between;color:#63707e;font:9px var(--mono);letter-spacing:.05em;padding:25px 0 28px}.footer span:first-child{color:#96a3ae}@media(max-width:650px){.shell{padding:0 20px}.topbar{height:66px}.privacy{font-size:8px}.intro{padding:44px 0 27px}h1{font-size:50px}.lede{font-size:14px}.converter-card{padding:19px 16px 17px}.local-badge{font-size:8px}.dropzone{padding:20px 10px}.card-footer{align-items:flex-start;flex-direction:column}.privacy-note{max-width:none}.button-convert{width:100%;justify-content:space-between}.steps{gap:12px}.steps article{padding-left:9px}.steps h3{font-size:11px}.steps p{font-size:10px}.project-name-row input{width:55%}.footer{font-size:8px}}
.server-card{margin-top:26px;padding:20px 22px 15px;border:1px solid #34404b;background:#171f28;border-radius:10px}.server-card-body{display:flex;align-items:center;justify-content:space-between;gap:18px}.server-card h2{margin:8px 0 4px;font-size:18px}.server-card p{margin:0;color:#98a5b2;font-size:11px;line-height:1.6;max-width:440px}.server-download{display:flex;align-items:center;gap:16px;white-space:nowrap;text-decoration:none}.server-footnote{border-top:1px solid #2e3944;margin-top:15px;padding-top:11px;color:#7d8a97;font:9px var(--mono)}@media(max-width:650px){.server-card{padding:17px 15px}.server-card-body{align-items:flex-start;flex-direction:column}.server-download{width:100%;justify-content:space-between}}

/* Server-Status-Badge */
.server-status { margin-left: .5rem; display: inline-flex; align-items: center; gap: .35rem; }
.ss-dot { width: 8px; height: 8px; border-radius: 50%; background: #888; display: inline-block; }
.server-status.ok .ss-dot { background: #4ade80; }
.server-status.off .ss-dot { background: #f87171; }

/* Konvertier-Steps */
.track { display: flex; gap: 1.25rem; list-style: none; padding: .5rem 0; margin: .5rem 0 0; font-size: .85rem; }
.track li { color: #64748b; display: flex; align-items: center; gap: .35rem; }
.track li span { width: 10px; height: 10px; border-radius: 50%; background: #334155; }
.track li.active { color: #e2e8f0; }
.track li.active span { background: #a3e635; }
.track li.done { color: #4ade80; }
.track li.done span { background: #4ade80; }

/* Stats-Karte nach dem Konvertieren */
.stats-card { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; margin-top: .75rem; }
.stats-card div { background: #0f172a; border: 1px solid #1e293b; border-radius: .5rem; padding: .75rem; text-align: center; }
.stats-card strong { display: block; font-size: 1.25rem; color: #a3e635; }
.stats-card span { font-size: .75rem; color: #94a3b8; }

/* Top-Toggles (Sprache/Theme) */
.top-toggles { display: flex; gap: .4rem; }
.top-toggles .icon-button { min-width: 2rem; }

/* Map-Pfad-Input */
#map-path { width: 100%; margin-top: .5rem; font-size: .8rem; opacity: .8; }

/* Asset-Summary */
.asset-summary { margin-top: .6rem; padding: .5rem .75rem; background: rgba(163,230,53,.08); border: 1px solid rgba(163,230,53,.25); border-radius: .4rem; font-size: .85rem; color: #a3e635; }

/* Support-Tabelle */
.support-table { width: 100%; border-collapse: collapse; }
.support-table td { padding: .35rem .5rem; border-bottom: 1px solid #1e293b; font-size: .9rem; }
.support-table td.ok { color: #4ade80; text-align: right; }
.support-table td.no { color: #f87171; text-align: right; }

/* Light-Mode */
body.light { background: #f1f5f9; color: #0f172a; }
body.light .converter-card, body.light .stats-card div, body.light .details-body { background: #ffffff; border-color: #e2e8f0; }
body.light .dropzone { background: #f8fafc; border-color: #cbd5e1; }
body.light .intro h1, body.light h2, body.light h3 { color: #0f172a; }
body.light .brand-light, body.light .stats-card strong { color: #65a30d; }
body.light .privacy, body.light .step-number { color: #64748b; }
body.light .status { background: #f8fafc; color: #0f172a; }
body.light .track li { color: #64748b; }
body.light .support-table td { border-color: #e2e8f0; }

/* Konvertier-Log */
.log { margin-top: .75rem; }
.log summary { cursor: pointer; font-size: .85rem; color: #94a3b8; }
.log pre { max-height: 200px; overflow: auto; background: #0b1120; border: 1px solid #1e293b; border-radius: .4rem; padding: .75rem; font-size: .75rem; white-space: pre-wrap; }
body.light .log pre { background: #f8fafc; color: #0f172a; }

/* Footer-Schrift groesser */
.footer, .footer a, .footer span, .footer p { font-size: 15px !important; }