/* Farbwelt nach der hochgeladenen Magenta-Farbwelt:
   Magenta #d60070, dunkle Schrift #171b26, Weiß, helle Grau- und Schiefertöne.
   Eigene Oberfläche und eigenes Logo; die Schriftgrößen stehen in app.css. */
:root{color-scheme:light}
.header{border-bottom:3px solid #d60070}
.brand-mark{background:#d60070;color:#fff;box-shadow:none;border-radius:9px}
.brand{color:#171b26}
.header-price{background:#f7f9fc;border:1px solid #cfd5e5;color:#171b26}
.header-price>span{background:#d60070}
.header nav{color:#474c59}
.header nav a:hover,.text-link,.upload-tools>span button{color:#d60070}
.hero{position:relative;background:#fff;background-image:none;border:1px solid #ebeff7;box-shadow:none;border-radius:12px;padding:40px 36px;margin-top:34px;margin-bottom:32px}
.hero h1,.how-section h2,.faq-section h2{background:none;background-image:none;color:#171b26;-webkit-text-fill-color:#171b26}
.hero h1>span,.how-section h2 span{color:#171b26}
.hero .eyebrow{color:#d60070}
.hero .eyebrow>span{background:#d60070}
.hero-tags{color:#474c59}
.hero-tags svg{color:#d60070}
.hero-graphic{background-image:radial-gradient(#dee2f0 .8px,transparent .8px)}
.sheet-mini{border-color:#cfd5e5;box-shadow:none}
.graphic-file{color:#d60070}
.graphic-file b{color:#171b26}
.graphic-file small{background:#f7f9fc;color:#5c6480}
.mini-head{background:#f7f9fc;color:#5c6480}
.mini-row i{background:#dee2f0}
.mini-row i:last-child{background:#fce4f0}
.graphic-transform{background:#fff;color:#d60070;border-color:#fff}
.xml-mini{background:#f7f9fc;background-image:none;border-color:#cfd5e5;color:#d60070;box-shadow:none}
.xml-mini strong{color:#171b26}
.xml-mini>span{color:#0d8033;background:#edfaf2}
.graphic-note{color:#5c6480}
.converter{border-radius:12px;background:#fff;border-color:#cfd5e5;box-shadow:none}
.converter-top{background:#fff;background-image:none;border-bottom-color:#ebeff7}
.converter-top>span:first-child svg{color:#d60070}
.format-tag{color:#5c6480}
.format-tag b{color:#474c59;background:#f7f9fc;border:1px solid #dee2f0}
.steps-sidebar{background:#f7f9fc;background-image:none;border-color:#dee2f0}
.steps-sidebar ol:before{background:#cfd5e5}
.steps-sidebar li.active .step-number{background:#d60070;border-color:#d60070;color:#fff}
.steps-sidebar li.done .step-number{background:#edfaf2;border-color:#b4dfc4;color:#0d8033}
.steps-sidebar li.active strong{color:#171b26}
.step-number{background:#fff;border-color:#cfd5e5;border-radius:8px}
.sidebar-note{border-color:#cfd5e5}
.sidebar-note>svg{color:#d60070}
.sidebar-bottom span{background:#d60070}
.button.primary{background:#d60070;border-color:#d60070;color:#fff;border-radius:8px;box-shadow:none}
.button.primary:hover:not(:disabled){background:#ad005b;border-color:#ad005b}
.button.secondary{border-radius:8px;border-color:#cfd5e5;color:#171b26;background:#fff}
.button.secondary:hover:not(:disabled){background:#f7f9fc}
.icon-button{border-color:#cfd5e5;border-radius:8px;color:#d60070}
.dropzone{background:#f7f9fc;background-image:none;border-color:#cfd5e5;border-radius:10px}
.dropzone.dragging{background:#fff2f8;border-color:#d60070}
.upload-symbol{background:#fce4f0;border-color:#fce4f0;border-radius:12px;color:#ad005b}
.upload-symbol>span{background:#d60070;border-color:#f7f9fc;color:#fff}
.upload-tip{background:#f7f9fc;border-color:#dee2f0;border-radius:8px}
.upload-tip>span,.included svg{color:#d60070}
.form-field input,.form-field select,.import-options select{border-color:#cfd5e5;border-radius:8px;color:#171b26;background:#fff}
.form-field b{color:#d60070}
.form-field input:focus,.form-field select:focus,.mapping-select select:focus{border-color:#d60070}
.file-bar{background:#f7f9fc;background-image:none;border-radius:8px;border-color:#dee2f0}
.file-icon{background:#fce4f0;color:#ad005b;border-radius:8px}
.mapping-table{border-color:#cfd5e5;border-radius:8px}
.mapping-head{background:#f7f9fc;color:#474c59}
.mapping-row{border-color:#dee2f0}
.mapping-select select{background:#fff;border-color:#cfd5e5;border-radius:8px;color:#171b26}
.mapping-select select.unmapped{background:#f7f9fc;color:#5c6480}
.mapping-status.yes{color:#0d8033}
.expand-button{background:#f7f9fc;border-color:#cfd5e5;color:#171b26;border-radius:8px}
.expand-button>svg:first-child{color:#d60070}
.stats-row{background:#fff;border-color:#cfd5e5;border-radius:8px}
.search{background:#fff;border-color:#cfd5e5;border-radius:8px}
.data-table{border-color:#cfd5e5;border-radius:8px}
.data-table th{background:#f7f9fc;color:#474c59}
.price-card{background:#f7f9fc;background-image:none;border:1px solid #cfd5e5;border-top:3px solid #d60070;border-radius:8px}
.price-card .price{color:#171b26}
.order-symbol{background:#fce4f0;color:#ad005b;border-radius:12px}
.order-symbol.paid{background:#edfaf2;color:#0d8033}
.value-strip{border-bottom:0;gap:22px}
.value-strip>div{background:#fff;background-image:none;border:1px solid #dee2f0;border-radius:8px;padding:22px;box-shadow:none}
.value-strip>div>span,.value-strip>div:nth-child(2)>span,.value-strip>div:nth-child(3)>span{background:#fce4f0;color:#ad005b;border-radius:8px}
.how-list>div{background:#fff;background-image:none;border:1px solid #dee2f0;border-radius:8px;padding:20px}
.how-list>div>span,.how-list>div:nth-child(2)>span,.how-list>div:nth-child(3)>span{background:#f7f9fc;color:#d60070;border-radius:8px}
.faq-section{background:#fff;background-image:none;border:1px solid #dee2f0;box-shadow:none;border-radius:12px;padding:36px;margin-bottom:34px}
.faq-section summary>span{color:#d60070}
footer{border-top-color:#cfd5e5}
.modal{border:1px solid #cfd5e5;border-radius:12px;box-shadow:none}
@media(max-width:1100px){.hero{padding:34px 30px}.hero-compact{padding:27px 30px}.steps-sidebar{background:#f7f9fc;background-image:none}.value-strip>div{padding:18px}}
@media(max-width:850px){.hero{margin-top:27px;margin-bottom:27px;padding:30px 26px}.value-strip{gap:18px}.faq-section{padding:28px}}
@media(max-width:700px){.hero{margin-top:23px;margin-bottom:23px;padding:26px 20px;border-radius:10px}.hero-compact{padding:23px 20px}.converter{border-radius:10px}.converter-top{background:#fff;background-image:none}.dropzone{border-radius:8px}.value-strip>div{padding:18px;border-radius:8px}.how-list>div{padding:18px;border-radius:8px}.faq-section{padding:25px 20px;border-radius:10px;margin-bottom:27px}.data-table{border:0;border-radius:0}.data-table tr{background:#fff;border-color:#cfd5e5;border-radius:8px;box-shadow:none}.data-table tr.invalid{background:var(--error-bg)}.price-card{border-radius:8px}.modal{border-radius:10px}.modal .action-bar{background:#fff}}
@media(max-width:360px){.hero{padding:24px 17px}.hero-compact{padding:21px 17px}.faq-section{padding:23px 17px}.value-strip>div{padding:16px}}