/* UI only: SVG drawing colors and embedded export styles are untouched. */
:root{--mrk-navy:#273247;--mrk-yellow:#ffda35;--mrk-border:#dce2eb;--mrk-muted:#647188}
.mrk-app input,.mrk-app select,.mrk-app textarea{border-color:var(--mrk-border);border-radius:8px}
.mrk-app .alert:not(.error){background:#eef1f7;color:var(--mrk-navy);border-left:4px solid var(--mrk-yellow)}
.mrk-app input[type=checkbox],.mrk-editor input[type=checkbox]{accent-color:var(--mrk-navy)}
.mrk-app .version-thumbnail:hover,.mrk-app .version-thumbnail:focus-visible{outline-color:#9b7b00}
.mrk-app .version-popup{border-color:var(--mrk-border)}
.mrk-editor{background:#f4f5f8;color:var(--mrk-navy);font-family:Segoe UI,Arial,sans-serif}
.mrk-editor .editor-header{border-bottom:3px solid var(--mrk-yellow);padding:14px 18px;background:var(--mrk-navy);color:white;border-radius:10px}
.mrk-editor .editor-header a{color:var(--mrk-yellow)}
.mrk-editor .work,.mrk-editor .save-panel{border-color:var(--mrk-border);box-shadow:0 4px 18px #27324706}
.mrk-editor .save-panel{border-top:3px solid var(--mrk-yellow)}
.mrk-editor .params h2{color:var(--mrk-navy)}
.mrk-editor .params p,.mrk-editor .calc{color:var(--mrk-muted)}
.mrk-editor .field input,.mrk-editor .field select,.mrk-editor .save-panel input,.mrk-editor .save-panel select,.mrk-editor textarea,.mrk-editor .bath-point input{border:1px solid #d2dbe7;border-radius:8px;color:var(--mrk-navy);background:white}
.mrk-editor input:focus,.mrk-editor select:focus,.mrk-editor textarea:focus{outline:2px solid #9b7b00;outline-offset:2px}
.mrk-editor input[readonly],.mrk-editor input:disabled{background:#eef1f6;color:#66738a}
.mrk-editor .btn,.mrk-editor .pipes button,.mrk-editor .radius-control button,.mrk-editor .bath-point button{background:#edf0f6;color:var(--mrk-navy);border-radius:8px}
.mrk-editor .btn:hover,.mrk-editor .pipes button:hover,.mrk-editor .radius-control button:hover{background:#dfe5ef}
.mrk-editor .btn.primary,.mrk-editor #save{background:var(--mrk-yellow);color:var(--mrk-navy)}
.mrk-editor #save:hover,.mrk-editor .btn.primary:hover{background:#f3c91f}
.mrk-editor #png,.mrk-editor .pipes button.on{background:var(--mrk-navy);color:white}
.mrk-editor #png:hover{background:#3c4a65}
.mrk-editor .canvas{border-color:var(--mrk-border)}
.mrk-editor .placement-help{border-color:#b9c4d6;background:#fffbed}
.mrk-editor .tile:hover,.mrk-editor .tile.active{border-color:#9b7b00;box-shadow:0 0 0 2px #ffda3533}
.mrk-login{background:var(--mrk-navy);color:var(--mrk-navy);font-family:Segoe UI,Arial,sans-serif}
.mrk-login .login-card{border:0;border-top:6px solid var(--mrk-yellow);border-radius:14px;box-shadow:0 16px 50px #0003}
.mrk-login .subtitle{color:var(--mrk-muted)}
.mrk-login input{border-color:#d2dbe7;border-radius:8px}
.mrk-login input:focus{outline:2px solid #9b7b00;outline-offset:2px;border-color:#9b7b00}
.mrk-login button{background:var(--mrk-yellow);color:var(--mrk-navy);border-radius:8px}
.mrk-login button:hover{background:#f3c91f}
@media print{.mrk-editor{background:white}.mrk-editor .work{box-shadow:none}}

/* Attachment values should not inherit bold label weight. */
.mrk-editor #corner-mounts select,.mrk-editor #corner-mounts input,.mrk-editor #trap-mounts select,.mrk-editor #trap-mounts input,.mrk-editor #joker-list select,.mrk-editor #joker-list input{font-weight:400}
