.ryoqr-app{--ink:#071d2a;--muted:#62727c;--line:#dfe8ee;--blue:#087cbd;--pale:#f5f9fc;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1240px;margin:28px auto;padding:0 18px}.ryoqr-app *{box-sizing:border-box}.ryoqr-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:26px 0 30px}.ryoqr-hero>div:first-child{max-width:800px}.ryoqr-kicker,.ryoqr-home-kicker,.ryoqr-result-kicker{display:block;font-size:12px;font-weight:850;letter-spacing:.16em;color:var(--blue);margin-bottom:8px}.ryoqr-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.02;letter-spacing:-.045em;margin:0 0 14px;color:var(--ink)}.ryoqr-hero p{font-size:18px;line-height:1.65;color:var(--muted);margin:0}.ryoqr-hero p strong{color:var(--ink)}.ryoqr-hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.ryoqr-hero-pills span{font-size:11px;font-weight:850;color:#0a6a9e;background:#eaf7fd;border:1px solid #ccebf9;padding:7px 10px;border-radius:999px}.ryoqr-mode-switch{display:grid;grid-template-columns:1fr 1fr;background:#edf4f8;padding:5px;border-radius:15px;min-width:310px}.ryoqr-mode-switch button{border:0;background:transparent;padding:12px 15px;border-radius:11px;color:#51636e;font-weight:800;cursor:pointer}.ryoqr-mode-switch button small{display:block;font-size:9px;letter-spacing:.08em;margin-top:2px}.ryoqr-mode-switch button.is-active{background:#fff;color:var(--ink);box-shadow:0 3px 14px rgba(10,45,64,.09)}
.ryoqr-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(370px,.82fr);gap:22px;align-items:start}.ryoqr-panel{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 14px 45px rgba(12,43,59,.07)}.ryoqr-controls{padding:26px}.ryoqr-preview-panel{padding:24px;position:sticky;top:22px}.ryoqr-section{display:flex;gap:13px;align-items:flex-start;padding-top:24px;margin-top:22px;border-top:1px solid var(--line)}.ryoqr-section:first-child{padding-top:0;margin-top:0;border:0}.ryoqr-step{display:grid;place-items:center;min-width:32px;height:32px;border-radius:50%;background:#eaf5fb;color:#0673ad;font-size:11px;font-weight:900}.ryoqr-section h2{margin:1px 0 3px;font-size:18px}.ryoqr-help{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.ryoqr-controls label{display:block;font-size:12px;font-weight:780;color:#344b58;margin-top:16px}.ryoqr-controls label>span{font-weight:500;color:#86949b}.ryoqr-controls input[type=text],.ryoqr-controls input[type=url],.ryoqr-controls input[type=email],.ryoqr-controls input[type=number],.ryoqr-controls input[type=datetime-local],.ryoqr-controls select,.ryoqr-controls textarea{width:100%;margin-top:7px;border:1px solid #cad8df;border-radius:12px;padding:11px 12px;background:#fff;color:var(--ink);min-height:43px;font:inherit;font-size:14px}.ryoqr-controls textarea{resize:vertical;min-height:82px}.ryoqr-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ryoqr-three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ryoqr-type-fields[hidden],.ryoqr-dynamic-box[hidden]{display:none}.ryoqr-inline-note{font-size:12px;color:#667982;line-height:1.55;background:#f6fafc;border-left:3px solid #7dc7eb;padding:10px 12px;border-radius:8px}.ryoqr-advanced{margin-top:13px;border:1px solid #dce7ec;border-radius:12px;background:#fbfdfe;padding:10px 12px}.ryoqr-advanced summary{cursor:pointer;font-size:12px;font-weight:800;color:#405763}.ryoqr-dynamic-box{margin-top:16px;padding:13px 14px;background:linear-gradient(135deg,#f0f9ff,#f7fcff);border:1px solid #cfe9f7;border-radius:14px}.ryoqr-dynamic-box strong{display:block;color:#0a5f8d}.ryoqr-dynamic-box p{font-size:12px;line-height:1.55;color:#55727f;margin:5px 0 0}.ryoqr-alias-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin-top:7px}.ryoqr-alias-row span{font-size:11px;color:#71848e;white-space:nowrap}.ryoqr-alias-row input{margin-top:0!important}.ryoqr-alias-row button{height:43px;border:1px solid #cad8df;background:#fff;border-radius:11px;padding:0 12px;font-weight:800}.ryoqr-controls small.is-good{color:#117548}.ryoqr-controls small.is-bad{color:#a02e2e}.ryoqr-check{display:flex!important;align-items:flex-start;gap:8px;font-size:12px!important}.ryoqr-check input{margin-top:2px}.ryoqr-check--field{border:1px solid #cad8df;border-radius:12px;padding:12px;min-height:66px}.ryoqr-check--field small{display:block;color:#80919a;font-weight:500;margin-top:3px}
.ryoqr-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.ryoqr-presets button{border:1px solid #d5e1e7;background:#fff;border-radius:999px;padding:8px 13px;font-weight:750;color:#48606c;cursor:pointer}.ryoqr-presets button.is-active{border-color:#0b82c5;background:#eaf7ff;color:#086a9d}.ryoqr-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ryoqr-colors input[type=color]{display:block;width:100%;height:42px;border:1px solid #cad8df;border-radius:11px;padding:4px;background:#fff;margin-top:7px}.ryoqr-toggle{display:flex!important;align-items:center;justify-content:center;gap:7px;border:1px solid #cad8df;border-radius:11px;margin-top:35px!important;height:42px}.ryoqr-logo-row{display:flex;gap:10px;align-items:end}.ryoqr-upload{flex:1;border:1px dashed #9fc0d1;border-radius:13px;padding:12px!important;cursor:pointer;background:#f8fcff}.ryoqr-upload input{display:block;margin-top:6px;width:100%}.ryoqr-logo-row button{height:42px;border:1px solid #d9e3e8;background:#fff;border-radius:11px;padding:0 12px}.ryoqr-safety{margin-top:20px;padding:12px 14px;border-radius:13px;background:#ecfbf4;border:1px solid #bcebd3;display:flex;flex-direction:column;gap:3px}.ryoqr-safety strong{color:#11603d}.ryoqr-safety span,.ryoqr-safety small{color:#4e7563;font-size:12px;line-height:1.45}.ryoqr-safety.is-warning{background:#fff4ed;border-color:#ffd4bd}.ryoqr-safety.is-warning strong{color:#9d3e11}.ryoqr-safety.is-warning span,.ryoqr-safety.is-warning small{color:#8b5a43}
.ryoqr-preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.ryoqr-preview-head>div span{display:block;font-size:10px;color:#8698a2;letter-spacing:.12em;font-weight:800}.ryoqr-preview-head strong{font-size:17px}.ryoqr-chip{font-size:10px;font-weight:900;letter-spacing:.08em;padding:7px 9px;border-radius:999px;background:#e9f6fd;color:#086da2}.ryoqr-preview{background:#f3f8fb;border-radius:20px;padding:18px;min-height:390px;display:grid;place-items:center;overflow:hidden}.ryoqr-preview svg{display:block;width:min(100%,440px);height:auto;filter:drop-shadow(0 12px 20px rgba(7,39,57,.08))}.ryoqr-preview-error{color:#9d3e11}.ryoqr-preview-note{font-size:12px;color:#6b7c85;line-height:1.6}.ryoqr-export{display:flex;justify-content:flex-end}.ryoqr-export label{font-size:11px;color:#617681;font-weight:800}.ryoqr-export select{margin-left:7px;border:1px solid #cad8df;border-radius:9px;padding:7px 9px;background:#fff}.ryoqr-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.ryoqr-btn{border:1px solid #cad9e1;background:#fff;color:#15303f;border-radius:12px;padding:11px 14px;font-weight:800;text-decoration:none!important;cursor:pointer;text-align:center}.ryoqr-btn:disabled{opacity:.4;cursor:not-allowed}.ryoqr-btn--primary{background:linear-gradient(135deg,#061b28,#0a7cc1);color:#fff!important;border-color:transparent}.ryoqr-create{width:100%;margin-top:12px;font-size:15px}.ryoqr-remember{display:flex!important;gap:8px;align-items:center;font-size:12px!important;color:#60727b!important;margin:14px 0 0!important}.ryoqr-result{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.ryoqr-result h3{margin:0 0 10px}.ryoqr-result label{display:block;font-size:11px;font-weight:850;color:#50656f;margin-top:13px}.ryoqr-result-promise{background:#eefaf5;border:1px solid #c9ead9;border-radius:11px;padding:10px 12px;color:#336653!important}.ryoqr-copyrow{display:flex;align-items:center;gap:8px;margin-top:6px}.ryoqr-copyrow code{display:block;flex:1;overflow:hidden;text-overflow:ellipsis;background:#f3f7f9;border-radius:9px;padding:10px;color:#17323f;white-space:nowrap}.ryoqr-copyrow button{border:1px solid #cddbe2;background:#fff;border-radius:9px;padding:9px 10px;font-weight:750}.ryoqr-result p{font-size:12px;color:#667982;line-height:1.55}
.ryoqr-device-section{margin-top:24px;border:1px solid var(--line);border-radius:22px;background:#f8fbfd;padding:22px}.ryoqr-device-section h2{margin:0 0 4px}.ryoqr-device-section p{margin:0;color:var(--muted);font-size:13px}.ryoqr-device-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:15px}.ryoqr-device-list a{background:#fff;border:1px solid #dce8ed;border-radius:13px;padding:12px;text-decoration:none!important;display:flex;flex-direction:column}.ryoqr-device-list strong{color:#13303f}.ryoqr-device-list span{font-size:11px;color:#7c8e97;margin-top:3px;overflow:hidden;text-overflow:ellipsis}
.ryoqr-seo{margin:50px 0 10px;border-top:1px solid var(--line);padding:38px 8px 6px}.ryoqr-seo>h2{font-size:clamp(26px,4vw,38px);margin:0 0 12px;letter-spacing:-.025em}.ryoqr-seo>p{max-width:900px;color:var(--muted);font-size:15px;line-height:1.75}.ryoqr-seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.ryoqr-seo-grid article{border:1px solid #e0e9ee;background:#fbfdfe;border-radius:17px;padding:18px}.ryoqr-seo-grid h3{font-size:16px;margin:0 0 8px}.ryoqr-seo-grid p{font-size:13px;line-height:1.65;color:#667a84;margin:0}.ryoqr-faq{margin-top:18px;display:grid;gap:8px}.ryoqr-faq details{border:1px solid #e2eaee;border-radius:13px;background:#fff;padding:12px 14px}.ryoqr-faq summary{font-size:13px;font-weight:820;cursor:pointer}.ryoqr-faq p{font-size:13px;line-height:1.65;color:#657983;margin:9px 0 2px}
.ryoqr-home-card{border:1px solid #dfe8ee;border-radius:20px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#fff,#f5fbff);color:#071d2a}.ryoqr-home-card h3{margin:0 0 5px}.ryoqr-home-card p{margin:0;color:#62727c}.ryoqr-home-meta{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.ryoqr-home-meta span{font-size:11px;font-weight:800;background:#eaf6fc;border-radius:999px;padding:6px 9px;color:#086fa7}
.ryoqr-pay-modal[hidden]{display:none}.ryoqr-pay-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:18px}.ryoqr-pay-backdrop{position:absolute;inset:0;background:rgba(3,18,26,.68);backdrop-filter:blur(5px)}.ryoqr-pay-dialog{position:relative;z-index:1;background:#fff;width:min(620px,100%);max-height:92vh;overflow:auto;border-radius:22px;padding:25px;box-shadow:0 28px 80px rgba(0,0,0,.25);color:#0c2533}.ryoqr-pay-x{position:absolute;right:15px;top:12px;border:0;background:#edf3f6;border-radius:50%;width:34px;height:34px;font-size:22px}.ryoqr-pay-dialog h2{margin:0 0 8px;font-size:28px}.ryoqr-pay-dialog p{color:#60717a;line-height:1.55}.ryoqr-pay-dialog label{display:block;font-size:12px;font-weight:800;margin-top:15px}.ryoqr-pay-dialog input{width:100%;border:1px solid #ccd9df;border-radius:11px;padding:11px;margin-top:6px}.ryoqr-pay-amount{display:flex;align-items:center;gap:10px;background:#f0f8fc;border-radius:14px;padding:13px;margin-top:15px}.ryoqr-pay-amount span{font-size:11px;color:#70818a}.ryoqr-pay-amount strong{font-size:20px;margin-right:auto}.ryoqr-pay-amount button,.ryoqr-copyrow button{cursor:pointer}.ryoqr-pay-warning{font-size:12px;background:#fff7ed;border-left:3px solid #f59e0b;padding:10px}.ryoqr-pay-status{display:flex;flex-direction:column;background:#f7fafb;border-radius:12px;padding:11px;margin:13px 0}.ryoqr-pay-status span{font-size:12px;color:#677983;margin-top:2px}.ryoqr-pay-error{margin-top:12px;background:#fff1f2;color:#9f1239;border-radius:10px;padding:10px;font-size:12px}
@media(max-width:940px){.ryoqr-hero{display:block}.ryoqr-mode-switch{margin-top:20px;min-width:0}.ryoqr-grid{grid-template-columns:1fr}.ryoqr-preview-panel{position:static}.ryoqr-colors{grid-template-columns:1fr 1fr}.ryoqr-seo-grid{grid-template-columns:1fr}}
@media(max-width:620px){.ryoqr-two,.ryoqr-three{grid-template-columns:1fr}.ryoqr-controls,.ryoqr-preview-panel{padding:17px}.ryoqr-preview{min-height:300px}.ryoqr-actions{grid-template-columns:1fr}.ryoqr-home-card{align-items:flex-start;flex-direction:column}.ryoqr-colors{grid-template-columns:1fr 1fr}.ryoqr-alias-row{grid-template-columns:1fr}.ryoqr-alias-row span{white-space:normal}}
/* v1.3 campaign/payment/print additions */
[data-ab-fields][hidden]{display:none!important}
.ryoqr-payment-builder{margin-top:12px;padding:14px;border:1px solid #d7e7ef;border-radius:14px;background:#fbfdfe}
.ryoqr-payment-builder textarea{min-height:86px}
.ryoqr-print-tools{margin-top:20px;padding:16px;border:1px solid #dbe7ed;border-radius:17px;background:linear-gradient(145deg,#fbfdfe,#f2f9fd)}
.ryoqr-print-tools h3{font-size:16px;margin:3px 0 5px}.ryoqr-print-tools p{font-size:12px;line-height:1.55;color:#6a7d87;margin:0 0 12px}
.ryoqr-print-tools>label{display:block;margin-top:10px}
.ryoqr-print-tools .ryoqr-actions{margin-top:12px}
.ryoqr-advanced .ryoqr-inline-note{margin:10px 0}.ryoqr-advanced [data-ab-fields]{margin-top:10px}
.ryoqr-advanced output{float:right;color:#0875B5;font-weight:900}
@media(max-width:620px){.ryoqr-print-tools .ryoqr-actions{grid-template-columns:1fr}}

/* v1.4 type/mode separation and dynamic behaviour */
.ryoqr-dynamic-area{margin-top:18px}.ryoqr-behavior,.ryoqr-landing-builder{margin-top:13px;padding:15px;border:1px solid #d8e8ef;border-radius:15px;background:#fbfdfe}.ryoqr-behavior h3,.ryoqr-landing-builder h3{margin:0 0 7px;font-size:15px}.ryoqr-landing-builder p{font-size:12px;color:#687c86;margin:0 0 8px}.ryoqr-landing-builder[hidden],[data-dynamic-url-tools][hidden]{display:none!important}.ryoqr-behavior select:disabled{opacity:.72;background:#eef4f7}.ryoqr-inline-note strong{color:#173746}

/* v1.4.1 Ryo Tools dark surface -------------------------------------------
 * Visual-only theme alignment for tools.ryo.news. The QR renderer, data
 * model, payment flow, exports, REST API and interaction JavaScript are
 * intentionally unchanged from v1.4.0.
 */
html:has(body .ryoqr-app){overflow-x:clip!important;background:#050b14!important}
html body:has(.ryoqr-app){background:#050b14!important;color-scheme:dark!important;overflow-x:hidden!important}
html body:has(.ryoqr-app) .entry-title,
html body:has(.ryoqr-app) .page-title,
html body:has(.ryoqr-app) .entry-header .entry-title,
html body:has(.ryoqr-app) .page-header .page-title,
html body:has(.ryoqr-app) article.page>header.entry-header{display:none!important}
html body:has(.ryoqr-app) #content,
html body:has(.ryoqr-app) .site-content,
html body:has(.ryoqr-app) .content-area,
html body:has(.ryoqr-app) main,
html body:has(.ryoqr-app) main.site-main,
html body:has(.ryoqr-app) article.page,
html body:has(.ryoqr-app) .site-main>article.page,
html body:has(.ryoqr-app) .entry-content,
html body:has(.ryoqr-app) .post-content,
html body:has(.ryoqr-app) .page-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:#050b14!important;box-shadow:none!important;overflow:visible!important}
html body:has(.ryoqr-app) .entry-content>.ryoqr-app,
html body:has(.ryoqr-app) .post-content>.ryoqr-app,
html body:has(.ryoqr-app) .page-content>.ryoqr-app{margin-top:0!important;margin-bottom:0!important}

html body .ryoqr-app,
html body .ryoqr-app *,
html body .ryoqr-app *::before,
html body .ryoqr-app *::after{box-sizing:border-box!important}

html body .ryoqr-app{
  --ink:#f5f8fc;
  --muted:#aebed1;
  --line:#24344a;
  --blue:#4f8cff;
  --pale:#08111d;
  --panel:#0b1625;
  --panel-raised:#101e30;
  --panel-blue:#0c1c33;
  --line-strong:#385474;
  --text-soft:#dce6f1;
  --subtle:#8799ad;
  --green:#55d6a7;
  --yellow:#ffd27a;
  --red:#ff8795;
  position:relative!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:0!important;
  min-height:100vh!important;
  margin:0 calc(50% - 50vw)!important;
  padding:clamp(24px,3vw,42px) clamp(16px,2.4vw,34px) 76px!important;
  border:0!important;
  border-top:1px solid #17253a!important;
  border-radius:0!important;
  background:radial-gradient(circle at 50% -10%,rgba(79,140,255,.14),transparent 34%),linear-gradient(180deg,#07111d 0%,#050b14 22%,#050b14 100%)!important;
  color:var(--ink)!important;
  color-scheme:dark!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  font-size:18px!important;
  line-height:1.62!important;
  text-align:left!important;
  overflow-x:clip!important;
  isolation:isolate!important;
}
html body .ryoqr-app>.ryoqr-hero,
html body .ryoqr-app>.ryoqr-grid,
html body .ryoqr-app>.ryoqr-device-section,
html body .ryoqr-app>.ryoqr-seo{width:100%!important;max-width:1488px!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important}
html body .ryoqr-app :where(h1,h2,h3,h4,p,a,span,strong,b,small,em,label,button,input,select,textarea,summary,code,output){font-family:inherit!important;text-shadow:none!important}
html body .ryoqr-app h1,
html body .ryoqr-app h2,
html body .ryoqr-app h3,
html body .ryoqr-app h4{color:var(--ink)!important;text-transform:none!important}
html body .ryoqr-app p{color:var(--muted)!important}
html body .ryoqr-app a{color:#89b3ff!important}
html body .ryoqr-app a:hover{color:#b8d2ff!important}
html body .ryoqr-app button,
html body .ryoqr-app input,
html body .ryoqr-app select,
html body .ryoqr-app textarea{font-size:15px!important}
html body .ryoqr-app button,
html body .ryoqr-app a,
html body .ryoqr-app input,
html body .ryoqr-app select,
html body .ryoqr-app textarea,
html body .ryoqr-app summary{outline:none}
html body .ryoqr-app button:focus-visible,
html body .ryoqr-app a:focus-visible,
html body .ryoqr-app input:focus-visible,
html body .ryoqr-app select:focus-visible,
html body .ryoqr-app textarea:focus-visible,
html body .ryoqr-app summary:focus-visible{outline:3px solid rgba(137,179,255,.62)!important;outline-offset:2px!important}

html body .ryoqr-app .ryoqr-hero{align-items:center!important;margin-top:6px!important;margin-bottom:30px!important}
html body .ryoqr-app .ryoqr-kicker,
html body .ryoqr-app .ryoqr-home-kicker,
html body .ryoqr-app .ryoqr-result-kicker{color:#89b3ff!important}
html body .ryoqr-app .ryoqr-hero h1{color:#f5f8fc!important;font-size:clamp(40px,5vw,66px)!important;letter-spacing:-.045em!important}
html body .ryoqr-app .ryoqr-hero p{color:#b8c7d8!important;font-size:18px!important}
html body .ryoqr-app .ryoqr-hero p strong{color:#f5f8fc!important}
html body .ryoqr-app .ryoqr-hero-pills span{color:#bed6ff!important;background:#0d213a!important;border-color:#284869!important;font-size:12px!important}
html body .ryoqr-app .ryoqr-mode-switch{background:#08111d!important;border:1px solid #24344a!important;box-shadow:0 18px 52px rgba(0,0,0,.22)!important}
html body .ryoqr-app .ryoqr-mode-switch button{color:#aebed1!important;background:transparent!important}
html body .ryoqr-app .ryoqr-mode-switch button small{color:#8799ad!important}
html body .ryoqr-app .ryoqr-mode-switch button.is-active{background:#14263c!important;color:#f5f8fc!important;box-shadow:inset 0 0 0 1px #385474,0 10px 28px rgba(0,0,0,.2)!important}
html body .ryoqr-app .ryoqr-mode-switch button.is-active small{color:#89b3ff!important}

html body .ryoqr-app .ryoqr-grid>*{min-width:0!important;max-width:100%!important}
html body .ryoqr-app .ryoqr-panel{background:linear-gradient(180deg,#0d1929 0%,#0b1625 100%)!important;border-color:#24344a!important;box-shadow:0 24px 72px rgba(0,0,0,.27)!important}
html body .ryoqr-app .ryoqr-controls{padding:28px!important}
html body .ryoqr-app .ryoqr-preview-panel{padding:26px!important;top:92px!important}
html body .ryoqr-app .ryoqr-section{border-top-color:#24344a!important}
html body .ryoqr-app .ryoqr-section h2{color:#f5f8fc!important;font-size:20px!important}
html body .ryoqr-app .ryoqr-step{background:#102d50!important;color:#a9cbff!important;border:1px solid #284f7d!important}
html body .ryoqr-app .ryoqr-help{color:#aebed1!important;font-size:15px!important}
html body .ryoqr-app .ryoqr-controls label{color:#dce6f1!important;font-size:15px!important}
html body .ryoqr-app .ryoqr-controls label>span{color:#8799ad!important}
html body .ryoqr-app .ryoqr-controls input[type=text],
html body .ryoqr-app .ryoqr-controls input[type=url],
html body .ryoqr-app .ryoqr-controls input[type=email],
html body .ryoqr-app .ryoqr-controls input[type=number],
html body .ryoqr-app .ryoqr-controls input[type=datetime-local],
html body .ryoqr-app .ryoqr-controls select,
html body .ryoqr-app .ryoqr-controls textarea,
html body .ryoqr-app .ryoqr-export select{background:#071421!important;color:#f5f8fc!important;border-color:#31465f!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
html body .ryoqr-app input::placeholder,
html body .ryoqr-app textarea::placeholder{color:#73869c!important;opacity:1!important}
html body .ryoqr-app input:-webkit-autofill,
html body .ryoqr-app input:-webkit-autofill:hover,
html body .ryoqr-app input:-webkit-autofill:focus{-webkit-text-fill-color:#f5f8fc!important;-webkit-box-shadow:0 0 0 1000px #071421 inset!important;caret-color:#f5f8fc!important}
html body .ryoqr-app .ryoqr-inline-note{color:#bdd0e4!important;background:#0a1c30!important;border-left-color:#4f8cff!important}
html body .ryoqr-app .ryoqr-inline-note strong{color:#f5f8fc!important}
html body .ryoqr-app .ryoqr-advanced,
html body .ryoqr-app .ryoqr-dynamic-box,
html body .ryoqr-app .ryoqr-payment-builder,
html body .ryoqr-app .ryoqr-print-tools,
html body .ryoqr-app .ryoqr-behavior,
html body .ryoqr-app .ryoqr-landing-builder{background:#081522!important;border-color:#263a52!important;color:#dce6f1!important}
html body .ryoqr-app .ryoqr-advanced summary{color:#dce6f1!important;font-size:15px!important}
html body .ryoqr-app .ryoqr-dynamic-box strong{color:#89b3ff!important}
html body .ryoqr-app .ryoqr-dynamic-box p,
html body .ryoqr-app .ryoqr-print-tools p,
html body .ryoqr-app .ryoqr-landing-builder p{color:#aebed1!important;font-size:14px!important}
html body .ryoqr-app .ryoqr-alias-row span{color:#8799ad!important}
html body .ryoqr-app .ryoqr-alias-row button,
html body .ryoqr-app .ryoqr-logo-row button,
html body .ryoqr-app .ryoqr-copyrow button{background:#101e30!important;color:#e9f1fa!important;border-color:#385474!important}
html body .ryoqr-app .ryoqr-controls small.is-good{color:#71e0b5!important}
html body .ryoqr-app .ryoqr-controls small.is-bad{color:#ff9aa6!important}
html body .ryoqr-app .ryoqr-check--field{border-color:#31465f!important;background:#081522!important}
html body .ryoqr-app .ryoqr-check--field small{color:#94a7bc!important}

html body .ryoqr-app .ryoqr-presets button{background:#101e30!important;color:#cbd8e6!important;border-color:#31465f!important}
html body .ryoqr-app .ryoqr-presets button:hover{border-color:#4f6c91!important;background:#14263c!important}
html body .ryoqr-app .ryoqr-presets button.is-active{border-color:#4f8cff!important;background:#12315b!important;color:#d9e8ff!important}
html body .ryoqr-app .ryoqr-colors input[type=color]{background:#071421!important;border-color:#31465f!important}
html body .ryoqr-app .ryoqr-toggle{border-color:#31465f!important;background:#081522!important;color:#dce6f1!important}
html body .ryoqr-app .ryoqr-upload{border-color:#385474!important;background:#081522!important;color:#dce6f1!important}
html body .ryoqr-app .ryoqr-safety{background:#0b261f!important;border-color:#245c48!important}
html body .ryoqr-app .ryoqr-safety strong{color:#72e2b7!important}
html body .ryoqr-app .ryoqr-safety span,
html body .ryoqr-app .ryoqr-safety small{color:#b5d7ca!important}
html body .ryoqr-app .ryoqr-safety.is-warning{background:#2a1b10!important;border-color:#664229!important}
html body .ryoqr-app .ryoqr-safety.is-warning strong{color:#ffc38f!important}
html body .ryoqr-app .ryoqr-safety.is-warning span,
html body .ryoqr-app .ryoqr-safety.is-warning small{color:#e0c1a8!important}

html body .ryoqr-app .ryoqr-preview-head>div span{color:#8799ad!important}
html body .ryoqr-app .ryoqr-preview-head strong{color:#f5f8fc!important;font-size:18px!important}
html body .ryoqr-app .ryoqr-chip{background:#102d50!important;color:#b8d5ff!important;border:1px solid #284f7d!important}
html body .ryoqr-app .ryoqr-preview{background:#edf3f7!important;border:1px solid #cbd8e0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)!important}
html body .ryoqr-app .ryoqr-preview-note{color:#aebed1!important;font-size:14px!important}
html body .ryoqr-app .ryoqr-preview-error{color:#ff9a8e!important}
html body .ryoqr-app .ryoqr-export label{color:#aebed1!important;font-size:13px!important}
html body .ryoqr-app .ryoqr-actions{gap:12px!important}
html body .ryoqr-app .ryoqr-btn{background:#101e30!important;color:#eaf2fb!important;border-color:#385474!important;font-size:15px!important;box-shadow:none!important}
html body .ryoqr-app .ryoqr-btn:hover{background:#14263c!important;border-color:#4f6c91!important;color:#fff!important}
html body .ryoqr-app .ryoqr-btn--primary{background:linear-gradient(135deg,#245fbd 0%,#4f8cff 100%)!important;color:#fff!important;border-color:#5a96ff!important;box-shadow:0 12px 32px rgba(32,93,189,.26)!important}
html body .ryoqr-app .ryoqr-btn--primary:hover{background:linear-gradient(135deg,#2c6cca 0%,#68a0ff 100%)!important}
html body .ryoqr-app .ryoqr-remember{color:#aebed1!important;font-size:14px!important}
html body .ryoqr-app .ryoqr-result{border-top-color:#24344a!important}
html body .ryoqr-app .ryoqr-result label{color:#c4d2e2!important;font-size:13px!important}
html body .ryoqr-app .ryoqr-result-promise{background:#0b261f!important;border-color:#245c48!important;color:#bfe2d4!important}
html body .ryoqr-app .ryoqr-copyrow code{background:#071421!important;color:#dce6f1!important;border:1px solid #273a51!important}
html body .ryoqr-app .ryoqr-result p{color:#aebed1!important;font-size:14px!important}

html body .ryoqr-app .ryoqr-device-section{background:#08111d!important;border-color:#24344a!important;box-shadow:0 20px 58px rgba(0,0,0,.18)!important}
html body .ryoqr-app .ryoqr-device-section h2{color:#f5f8fc!important}
html body .ryoqr-app .ryoqr-device-section p{color:#aebed1!important;font-size:15px!important}
html body .ryoqr-app .ryoqr-device-list a{background:#0b1625!important;border-color:#24344a!important}
html body .ryoqr-app .ryoqr-device-list a:hover{background:#101e30!important;border-color:#385474!important}
html body .ryoqr-app .ryoqr-device-list strong{color:#f5f8fc!important}
html body .ryoqr-app .ryoqr-device-list span{color:#94a7bc!important;font-size:13px!important}

html body .ryoqr-app .ryoqr-seo{border-top-color:#24344a!important}
html body .ryoqr-app .ryoqr-seo>h2{color:#f5f8fc!important}
html body .ryoqr-app .ryoqr-seo>p{color:#aebed1!important;font-size:16px!important}
html body .ryoqr-app .ryoqr-seo-grid article{background:#0b1625!important;border-color:#24344a!important;box-shadow:0 14px 40px rgba(0,0,0,.14)!important}
html body .ryoqr-app .ryoqr-seo-grid h3{color:#f5f8fc!important;font-size:17px!important}
html body .ryoqr-app .ryoqr-seo-grid p{color:#aebed1!important;font-size:14px!important}
html body .ryoqr-app .ryoqr-faq details{background:#0b1625!important;border-color:#24344a!important}
html body .ryoqr-app .ryoqr-faq summary{color:#eef5fc!important;font-size:15px!important}
html body .ryoqr-app .ryoqr-faq p{color:#aebed1!important;font-size:14px!important}

html body .ryoqr-home-card{background:linear-gradient(135deg,#0d1929,#08111d)!important;border-color:#24344a!important;color:#f5f8fc!important;box-shadow:0 18px 54px rgba(0,0,0,.22)!important}
html body .ryoqr-home-card h3{color:#f5f8fc!important}
html body .ryoqr-home-card p{color:#aebed1!important}
html body .ryoqr-home-card .ryoqr-home-meta span{background:#102d50!important;color:#bed6ff!important;border:1px solid #284f7d!important}
html body .ryoqr-home-card .ryoqr-btn{background:#101e30!important;color:#eaf2fb!important;border-color:#385474!important}
html body .ryoqr-home-card .ryoqr-btn--primary{background:linear-gradient(135deg,#245fbd,#4f8cff)!important;color:#fff!important;border-color:#5a96ff!important}

html body .ryoqr-pay-backdrop{background:rgba(2,7,13,.82)!important}
html body .ryoqr-pay-dialog{background:linear-gradient(180deg,#0d1929,#0b1625)!important;color:#f5f8fc!important;border:1px solid #2b3e56!important;box-shadow:0 34px 100px rgba(0,0,0,.55)!important}
html body .ryoqr-pay-dialog h2{color:#f5f8fc!important}
html body .ryoqr-pay-dialog p{color:#aebed1!important}
html body .ryoqr-pay-dialog label{color:#dce6f1!important;font-size:14px!important}
html body .ryoqr-pay-dialog input{background:#071421!important;color:#f5f8fc!important;border-color:#31465f!important}
html body .ryoqr-pay-x{background:#101e30!important;color:#eaf2fb!important;border:1px solid #385474!important}
html body .ryoqr-pay-amount{background:#0a1c30!important;border:1px solid #284869!important}
html body .ryoqr-pay-amount span{color:#9fb3c8!important}
html body .ryoqr-pay-amount strong{color:#f5f8fc!important}
html body .ryoqr-pay-warning{background:#2a1b10!important;color:#e5c3a6!important;border-left-color:#f3a653!important}
html body .ryoqr-pay-status{background:#081522!important;border:1px solid #24344a!important;color:#dce6f1!important}
html body .ryoqr-pay-status span{color:#9fb1c5!important}
html body .ryoqr-pay-error{background:#31151c!important;color:#ffb0bc!important;border:1px solid #6d2a3a!important}

@media(max-width:1120px){html body .ryoqr-app .ryoqr-grid{grid-template-columns:1fr!important}html body .ryoqr-app .ryoqr-preview-panel{position:static!important}}
@media(max-width:700px){html body .ryoqr-app{padding:16px 14px 54px!important}html body .ryoqr-app .ryoqr-controls,html body .ryoqr-app .ryoqr-preview-panel{padding:18px!important}html body .ryoqr-app .ryoqr-hero h1{font-size:clamp(34px,11vw,48px)!important}html body .ryoqr-app .ryoqr-mode-switch{width:100%!important}}