/* xQR / xLoud Services — monochrome interface */
:root,[data-bs-theme=light]{--primary-color:#111;--primary-light:#333;--secondary-color:#333;--dark-color:#111;--light-color:#f7f7f7;--glass-bg:#fff;--glass-border:1px solid #dedede;--border-radius:16px;--box-shadow:none;--ink:#111;--paper:#f7f7f7;--panel:#fff;--line:#dedede;--muted:#666;--bs-primary-rgb:17,17,17;--bs-link-color:#111;--bs-link-hover-color:#555}
[data-bs-theme=dark]{--primary-color:#f5f5f5;--primary-light:#bbb;--secondary-color:#ddd;--dark-color:#f5f5f5;--light-color:#111;--glass-bg:#191919;--glass-border:1px solid #383838;--ink:#f5f5f5;--paper:#111;--panel:#191919;--line:#383838;--muted:#aaa;--bs-body-bg:#111;--bs-body-color:#f5f5f5;--bs-link-color:#eee;--bs-link-hover-color:#aaa}
body{font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}
.xl-shell{max-width:1360px;padding:0 48px}.xl-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:1020}.xl-brand{display:flex;gap:16px;align-items:center;color:var(--ink);text-decoration:none;font-weight:700;font-size:24px;letter-spacing:-1px}.xl-brand img{width:56px;height:56px;object-fit:contain}.brand-by{font-size:11px;font-weight:400;letter-spacing:0;display:block;color:var(--muted)}[data-bs-theme=dark] .xl-brand img{filter:invert(1)}.xl-actions{display:flex;gap:18px;align-items:center}.xl-menu{width:34px;height:40px;border:0;background:none;padding:5px}.xl-menu span{height:1px;background:var(--ink);display:block;margin:8px 0}.xl-help{font-size:13px;color:var(--ink)}.theme-toggle{color:var(--ink);border:1px solid var(--line)}
.xl-intro{padding:58px 0 48px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;animation:xl-enter .7s ease both}.xl-eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--muted);margin:0 0 22px}.xl-intro h1{font-size:clamp(38px,4.8vw,68px);font-weight:500;line-height:1.04;letter-spacing:-.065em;margin:0}.xl-intro h1 span{color:var(--muted)}.xl-lede{font-size:15px;margin:22px 0 0;color:var(--muted)}.xl-intro-index{font-size:64px;letter-spacing:-6px;line-height:1;text-align:right;font-weight:700}.xl-intro-index span{display:block;font-size:9px;font-weight:400;letter-spacing:.12em;margin-top:18px;color:var(--muted)}
.glass-card{padding:26px;background:var(--panel);border:1px solid var(--line);box-shadow:none;backdrop-filter:none}.xl-workspace{align-items:start}.nav-tabs{gap:2px;border-bottom:1px solid var(--line);flex-wrap:wrap}.nav-tabs .nav-link{border:0;border-bottom:2px solid transparent;border-radius:0;font-size:12px;padding:12px 9px;color:var(--muted);background:transparent}.nav-tabs .nav-link.active{border-bottom-color:var(--ink);color:var(--ink);background:transparent}.qr-type-icon{font-size:14px;margin-right:5px;color:inherit}.nav-pills{max-width:none;gap:6px;justify-content:flex-start;margin:0}.nav-pills .nav-link{width:auto;height:auto;padding:10px 14px;font-size:12px;border:1px solid var(--line);border-radius:100px;background:transparent;color:var(--ink);box-shadow:none}.nav-pills .nav-link.active,.nav-pills .nav-link:hover{background:var(--ink);color:var(--panel);box-shadow:none}.form-label{font-size:12px;font-weight:600;margin-bottom:9px}.form-control,.form-select,[data-bs-theme=dark] .form-control,[data-bs-theme=dark] .form-select{border:1px solid var(--line);background-color:var(--panel);color:var(--ink);border-radius:9px;font-size:14px;min-height:46px}.form-control:focus,.form-select:focus{border-color:var(--ink);box-shadow:0 0 0 2px var(--line)}.form-select{padding:12px 34px 12px 14px}input.form-control{padding:12px 14px!important}.form-control-color{padding:5px!important;width:100%;height:44px}.form-range{padding:0!important;border:0!important;background:transparent!important}.form-range::-webkit-slider-thumb{background:var(--ink)}.form-range::-moz-range-thumb{background:var(--ink)}.form-check-input{padding:0!important;border:1px solid var(--muted)!important;border-radius:4px}.form-check-input:checked{background-color:var(--ink);border-color:var(--ink)}.category-header{font-size:14px;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px}.btn{font-size:12px;padding:10px 15px;border-radius:100px;box-shadow:none!important}.btn-primary{background:var(--ink);border-color:var(--ink);color:var(--panel)}.btn-primary:hover,.btn-primary:active{background:var(--muted)!important;border-color:var(--muted)!important;color:var(--panel)!important}.btn-outline-primary,.btn-outline-secondary,.btn-outline-danger{color:var(--ink);border-color:var(--line)}.btn-outline-primary:hover,.btn-outline-secondary:hover,.btn-outline-danger:hover{background:var(--ink);color:var(--panel);border-color:var(--ink)}.qr-code-container h5{font-size:28px;letter-spacing:-1px}.qr-code-container>div:first-of-type{gap:18px;flex-wrap:wrap}.download-buttons{display:flex;gap:6px;flex-wrap:wrap}.qr-container,[data-bs-theme=dark] .qr-container{background:#fff;border-radius:10px;min-height:350px;margin:24px 0 0;overflow:auto;color:#111;max-width:100%}#qrCode{flex-shrink:0}#qrCode canvas,#qrCode svg{max-width:100%;height:auto}.xl-note{font-size:12px;color:var(--muted)}.xl-footer{max-width:1360px;width:100%;margin:32px auto 0;padding:28px 48px 36px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.xl-footer a{color:var(--ink);text-decoration:none}.xl-drawer-links{display:flex;flex-direction:column;gap:24px}.xl-drawer-links a{font-size:28px;color:var(--ink);text-decoration:none;letter-spacing:-1px}.offcanvas{background:var(--paper)}.offcanvas-header,.offcanvas-body{padding:32px}.offcanvas-header h2{font-size:40px;letter-spacing:-2px}.template-card,.list-group-item{background:var(--panel);border-color:var(--line);color:var(--ink)}.template-card:hover{box-shadow:none;border-color:var(--ink)}.bg-success,.bg-danger{background:#222!important}.text-primary,.text-danger,.error-message{color:var(--ink)!important}.is-invalid{border-color:var(--ink)!important}.badge-category{background:var(--ink);color:var(--panel)}[data-bs-theme=dark] .nav-tabs .nav-link{background:transparent}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@keyframes xl-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:992px){.xl-workspace>.col-lg-5{position:sticky;top:124px}}
@media(max-width:767px){.xl-shell{padding:0 18px}.xl-header{height:80px}.xl-brand img{width:43px;height:43px}.xl-intro{padding:36px 0}.xl-intro-index{display:none}.xl-intro h1{font-size:clamp(34px,8vw,54px)}.glass-card{padding:20px}.xl-actions{gap:6px}.xl-eyebrow{margin-bottom:18px}.nav-tabs .nav-link{padding:11px 8px}.xl-footer{padding:24px 18px;flex-direction:column;gap:9px}.qr-container{min-height:300px}.download-buttons .btn{padding:9px 11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}