/* QRCode.sn / Studio UNIVERS 4.0 — authoring + responsive public experiences */
@font-face{font-family:'QRS Manrope';src:url('../fonts/manrope-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'QRS Manrope';src:url('../fonts/manrope-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'QRS Manrope';src:url('../fonts/manrope-latin-800-normal.woff2') format('woff2');font-weight:800;font-display:swap}
.qu-view{font-family:'QRS Manrope',Manrope,Arial,sans-serif;color:#153746;min-width:0;--qu-ink:#173746;--qu-green:#155b52;--qu-line:#d8e7e7;--qu-soft:#f2f7f5}.qu-view *{box-sizing:border-box}.qu-view button,.qu-view select,.qu-view input,.qu-view textarea{font:inherit}.qu-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:24px 4px 26px}.qu-heading h1{font-size:clamp(26px,3vw,40px);line-height:1.1;letter-spacing:-.04em;margin:10px 0}.qu-heading p{max-width:630px;color:#546a72;font-size:14px;margin:0}.qu-pill,.qu-eyebrow{font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#1e7a73}.qu-toolbar,.qu-button-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.qu-toolbar{justify-content:space-between;padding:8px 0 22px}.qu-select,.qu-input{width:100%;max-width:100%;min-width:0;color:#163849;background:#fff;border:1px solid #c3d8dc;border-radius:12px;padding:12px 13px;font-size:13px}.qu-select{width:min(340px,100%)}.qu-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;gap:6px;text-decoration:none;color:#164a46;background:#fff;border:1px solid #c7dcd8;border-radius:11px;padding:11px 15px;font-size:12px;font-weight:700;line-height:1.35;transition:background .2s,border-color .2s,transform .2s;min-height:42px}.qu-btn:hover{background:#eff8f5;border-color:#87b4aa;transform:translateY(-1px)}.qu-btn:disabled{opacity:.55;cursor:wait}.qu-btn-primary{background:#155b52!important;border-color:#155b52!important;color:#fff!important}.qu-btn-primary:hover{background:#104c44!important}.qu-btn-ghost{background:#f1f6f7}.qu-btn-danger{color:#aa3645;border-color:#f2c8ce}.qu-btn-sm{padding:6px 10px;min-height:32px}.qu-btn:focus-visible,.qu-family-card:focus-visible,.qu-model:focus-visible,.qu-tab:focus-visible{outline:3px solid #31ac96;outline-offset:3px}.qu-empty{border:1px dashed #b5d5ca;padding:38px;border-radius:20px;background:linear-gradient(135deg,#f7fbf8,#f0f6fa);max-width:700px}.qu-empty h2{font-size:23px}.qu-empty p,.qu-muted{font-size:12px;color:#607780;line-height:1.6}.qu-projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:16px}.qu-project{background:#fff;padding:24px;border:1px solid #dbe7e6;border-radius:19px;box-shadow:0 10px 30px #17453b0a}.qu-project h3{font-size:20px;margin:10px 0 5px;line-height:1.2}.qu-project .qu-button-row{margin-top:18px}.qu-family-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,235px),1fr));gap:17px;margin:24px 0}.qu-family-card{min-height:235px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:23px;border:1px solid #d2e3e2;border-radius:20px;background:linear-gradient(145deg,#fff,#f7faf8);cursor:pointer;color:#153746;box-shadow:0 8px 22px #1a4a4610;transition:transform .2s,border-color .2s,box-shadow .2s}.qu-family-card:hover{transform:translateY(-4px);border-color:#219283;box-shadow:0 17px 30px #1a4a461c}.qu-family-icon{width:48px;height:48px;display:grid;place-items:center;background:#def2ea;color:#096958;border-radius:14px;font-size:28px}.qu-family-card strong{font-size:17px;line-height:1.2;margin:17px 0 7px}.qu-family-card p{color:#647b81;font-size:12px;line-height:1.6}.qu-family-action{font-size:12px;color:#0a6a5f;font-weight:800;margin-top:auto}.qu-workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:20px;align-items:start}.qu-editor{border-radius:18px;border:1px solid #d8e5e6;background:#fff;min-width:0;overflow:hidden}.qu-tabs{display:flex;gap:3px;overflow-x:auto;padding:12px;border-bottom:1px solid #dce9ea;background:#f9fbfa;scrollbar-width:thin}.qu-tab{padding:10px 12px;border:0;border-radius:9px;background:transparent;cursor:pointer;color:#44626a;white-space:nowrap;font-size:12px;font-weight:700}.qu-tab[aria-current=true]{background:#135e54;color:#fff}.qu-form-content{padding:clamp(18px,2vw,30px);min-height:340px}.qu-form-content h2{font-size:23px;letter-spacing:-.025em;margin:0 0 10px}.qu-form-content>p{margin:8px 0 20px}.qu-field{display:grid;gap:8px;margin:0 0 16px;font-size:12px;font-weight:700;color:#244c56}.qu-field>span{display:block}.qu-field input,.qu-field textarea{display:block;width:100%;border-radius:11px;border:1px solid #c6dade;padding:11px 13px;font-size:13px;background:#fbfdfd;color:#183646}.qu-field textarea{min-height:100px;resize:vertical}.qu-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qu-check{display:flex;gap:10px;margin:15px 0;align-items:start;font-size:13px;color:#38585b}.qu-check input{margin-top:3px;accent-color:#096a5b;flex-shrink:0}.qu-entry-editor{border:1px solid #dce7e8;padding:18px;margin-bottom:16px;border-radius:14px;background:#f9fcfb}.qu-entry-header{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:12px}.qu-entry-header strong{font-size:12px}.qu-entry-header .qu-button-row{justify-content:flex-end}.qu-preview-panel{min-width:0;border:1px solid #d6e5e4;background:#ebf2ee;border-radius:20px;padding:18px;position:sticky;top:20px}.qu-preview-heading{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px;font-size:12px}.qu-phone{width:min(100%,390px);height:min(67vh,650px);min-height:440px;margin:auto;background:#fff;border:9px solid #18343b;border-radius:33px;box-shadow:0 22px 55px #0e2a2b2a;overflow:hidden;position:relative}.qu-phone::before{content:'';position:absolute;top:8px;left:calc(50% - 36px);height:13px;width:72px;border-radius:20px;background:#18343b;z-index:2}.qu-phone-inner{height:100%;overflow:auto;scrollbar-width:thin;container-type:inline-size}.qu-phone-inner .qu-page{min-height:100%;border-radius:0;box-shadow:none;margin:0}.qu-phone-inner .qu-hero{padding:58px 21px 28px!important}.qu-phone-inner .qu-hero h1{font-size:clamp(23px,7cqw,38px)}.qu-phone-inner .qu-items{grid-template-columns:1fr!important}.qu-phone-inner .qu-section{padding:24px 18px}.qu-phone-inner .qu-hero-image{min-height:125px}.qu-phone-inner .qu-form-section{padding:22px 18px}.qu-phone-inner .qu-footer{padding:18px}.qu-savebar{position:sticky;bottom:0;z-index:10;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:18px;padding:12px 16px;border-radius:14px;background:#fff;border:1px solid #d5e4e2;box-shadow:0 -10px 35px #112d4020}.qu-save-indicator{margin-right:auto;font-size:12px;color:#47746b}.qu-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}.qu-model{min-width:0;text-align:left;background:white;border:1px solid #d7e5e3;border-radius:13px;padding:8px;cursor:pointer;color:#173b46}.qu-model.chosen{outline:2px solid #147668;outline-offset:0}.qu-model>strong{font-size:12px;display:block;padding:7px 5px 2px}.qu-model>small{display:block;color:#617780;padding:0 5px 7px}.qu-model-mini{--mini-bg:#f2ede3;--mini-fg:#1d393b;--mini-highlight:#8e7654;background:var(--mini-bg);color:var(--mini-fg);height:120px;border-radius:9px;padding:12px;overflow:hidden;display:flex;flex-direction:column;gap:6px;position:relative}.qu-model-mini.qu-mood-midnight{--mini-bg:#152c38;--mini-fg:#f3f5eb;--mini-highlight:#d4ac73}.qu-model-mini.qu-mood-sage{--mini-bg:#e7f0e5;--mini-fg:#1d4f40;--mini-highlight:#64947d}.qu-model-mini.qu-mood-coral{--mini-bg:#fff0e9;--mini-fg:#633c32;--mini-highlight:#d68b75}.qu-model-mini.qu-mood-ocean{--mini-bg:#e6f0f5;--mini-fg:#19465c;--mini-highlight:#3f88a2}.qu-model-mini>span{font-size:7px;font-weight:800;letter-spacing:.1em}.qu-model-mini strong{font:700 16px/1.1 Georgia,serif;max-width:125px;display:block}.qu-model-mini i{display:block;width:50%;height:3px;background:var(--mini-highlight);opacity:.45}.qu-model-mini.qu-layout-split::after{content:'';position:absolute;background:var(--mini-highlight);opacity:.45;right:0;top:0;width:33%;height:100%}.qu-model-mini.qu-layout-gallery::after{content:'';position:absolute;background:var(--mini-highlight);opacity:.4;right:11px;bottom:12px;width:47%;height:50%;border-radius:8px}.qu-model-mini.qu-layout-mosaic::before{content:'';position:absolute;width:70px;height:70px;top:0;right:0;background:var(--mini-highlight);opacity:.3;border-radius:0 0 0 35px}.qu-model-mini.qu-layout-minimal{border-left:6px solid var(--mini-highlight)}.qu-model-mini.qu-layout-timeline::before{content:'';position:absolute;top:30px;bottom:14px;right:25px;width:2px;background:var(--mini-highlight)}.qu-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;font-size:12px}.qu-public-link{display:block;overflow-wrap:anywhere;font-size:12px;padding:14px;background:#eff6f3;border-radius:12px;margin:12px 0;color:#0d5e55}.qu-qr-preview{margin:15px 0;max-width:185px;background:white;padding:9px;border:1px solid #d6e3e1;border-radius:10px}.qu-qr-preview svg{display:block;width:100%;height:auto}.qu-responses{display:grid;gap:12px}.qu-response{border:1px solid #d9e6e5;border-radius:12px;padding:15px;background:#fafdfb;display:grid;gap:7px;font-size:12px}.qu-response p{margin:0;white-space:pre-wrap}.qu-response small{color:#617781}.qu-status[data-error=true],.qu-error{color:#a63842;font-size:12px}.qu-pub-status{font-weight:800;color:#1c6860}
/* Shared visual rendering */
.qu-public{margin:0;background:#edf2ef;color:#122d38;font-family:'QRS Manrope',Manrope,Arial,sans-serif;min-height:100vh}.qu-public *{box-sizing:border-box}.qu-public-top{height:64px;padding:12px max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:12px}.qu-public-top a{color:#15473e;font-size:18px;font-weight:800;text-decoration:none}.qu-public-top span{color:#697f80}.qu-page{--qu-bg:#fbf8f2;--qu-panel:#fff;--qu-dark:#1b3438;--qu-accent:#96754e;--qu-muted:#697578;--qu-stroke:#e4e0d5;--qu-hero-color:#1b3438;max-width:1100px;margin:0 auto 46px;color:var(--qu-dark);background:var(--qu-bg);box-shadow:0 25px 65px #12343915;border-radius:18px;overflow:hidden;font-family:'QRS Manrope',Arial,sans-serif;min-height:400px;container-type:inline-size}.qu-page *{box-sizing:border-box}.qu-page a{color:var(--qu-accent);text-underline-offset:3px}.qu-page a:focus-visible,.qu-page button:focus-visible{outline:3px solid #21afa1;outline-offset:3px}.qu-page.qu-mood-midnight{--qu-bg:#142b36;--qu-panel:#1e3944;--qu-dark:#f1f5ee;--qu-accent:#e6bf88;--qu-muted:#b4c8c7;--qu-stroke:#365762;--qu-hero-color:#f1f5ee}.qu-page.qu-mood-sage{--qu-bg:#eff5ed;--qu-panel:#fff;--qu-dark:#18463b;--qu-accent:#2b7f66;--qu-muted:#577a6b;--qu-stroke:#d2e4d8;--qu-hero-color:#18463b}.qu-page.qu-mood-coral{--qu-bg:#fff6f0;--qu-panel:#fff;--qu-dark:#653e39;--qu-accent:#bd664f;--qu-muted:#886965;--qu-stroke:#efd9d0;--qu-hero-color:#653e39}.qu-page.qu-mood-ocean{--qu-bg:#ecf5f9;--qu-panel:#fff;--qu-dark:#173c52;--qu-accent:#247a9f;--qu-muted:#5d7382;--qu-stroke:#cbdfe8;--qu-hero-color:#173c52}.qu-page .qu-hero{position:relative;padding:clamp(42px,7cqw,94px) clamp(25px,6cqw,82px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;align-items:center;min-height:275px}.qu-page .qu-hero h1{font:500 clamp(34px,5.7cqw,70px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.04em;color:var(--qu-hero-color);overflow-wrap:anywhere;margin:18px 0 15px}.qu-page .qu-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800;color:var(--qu-accent);text-transform:uppercase}.qu-subtitle{font-size:clamp(14px,1.8cqw,18px);line-height:1.6;color:var(--qu-muted);max-width:500px;margin:0 0 18px}.qu-detail{display:inline-flex;border:1px solid var(--qu-stroke);padding:7px 10px;font-size:11px;border-radius:50px;margin-right:7px;color:var(--qu-dark);margin-bottom:7px}.qu-hero-image{height:270px;min-height:180px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,var(--qu-accent),var(--qu-panel));box-shadow:0 18px 45px #0f26251a}.qu-hero-image img,.qu-item-image img{width:100%;height:100%;object-fit:cover;display:block}.qu-hero-monogram{height:210px;display:grid;place-items:center;font:100px/.8 Georgia,serif;color:var(--qu-accent);border:1px solid var(--qu-stroke);background:radial-gradient(circle at 70% 20%,var(--qu-stroke),transparent 60%);border-radius:12px}.qu-image-missing{background:linear-gradient(135deg,var(--qu-stroke),var(--qu-panel))}.qu-intro{padding:20px clamp(25px,6cqw,82px);border-top:1px solid var(--qu-stroke);border-bottom:1px solid var(--qu-stroke)}.qu-intro p{line-height:1.85;color:var(--qu-muted);font-size:14px;max-width:800px}.qu-section{padding:clamp(28px,5cqw,65px) clamp(25px,6cqw,82px)}.qu-section-head{margin-bottom:20px}.qu-section-head>span{color:var(--qu-accent);font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:800}.qu-section h2{font:500 clamp(24px,3.1cqw,38px)/1.15 Georgia,serif;letter-spacing:-.03em;margin:10px 0 20px;color:var(--qu-dark)}.qu-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.qu-item{overflow:hidden;background:var(--qu-panel);border:1px solid var(--qu-stroke);border-radius:13px;min-width:0}.qu-item-image{height:155px;background:linear-gradient(140deg,var(--qu-stroke),var(--qu-bg));overflow:hidden}.qu-item-body{padding:20px}.qu-item-meta{font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--qu-accent)}.qu-item h3{font-size:19px;line-height:1.3;letter-spacing:-.02em;margin:6px 0 9px;color:var(--qu-dark)}.qu-item p{font-size:12px;color:var(--qu-muted);line-height:1.75}.qu-item a{font-size:12px;font-weight:800;display:inline-block;margin:9px 0 0}.qu-price{display:block;font-size:15px;margin-top:10px;color:var(--qu-accent)}.qu-form-section{background:var(--qu-panel);margin:12px clamp(15px,3cqw,35px);border-radius:15px;border:1px solid var(--qu-stroke)}.qu-public-form{display:grid;gap:16px;max-width:690px}.qu-public-form label{display:grid;gap:8px;font-size:12px;font-weight:700}.qu-public-form input,.qu-public-form textarea,.qu-public-form select,.qu-verify input{width:100%;padding:12px 13px;min-width:0;color:#173b46;font:13px 'QRS Manrope',Arial,sans-serif;background:#fff;border-radius:9px;border:1px solid #afc6c7}.qu-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qu-public-form button,.qu-verify button{justify-self:start;background:#146c60;color:#fff;padding:13px 21px;border:0;border-radius:9px;font:700 12px 'QRS Manrope',sans-serif;cursor:pointer}.qu-public-form button:disabled{opacity:.65}.qu-public-form small{font-size:11px;color:var(--qu-muted)}.qu-form-status{font-size:12px;font-weight:700;color:#1a8070;margin:0}.qu-form-error{color:#b33945}.qu-trap{position:absolute;left:-99999px;opacity:0;pointer-events:none}.qu-verify{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.qu-verify label{font-size:12px;display:grid;gap:8px;flex:1}.qu-verify-result{padding:15px;margin-top:15px;border:1px solid var(--qu-stroke);border-radius:10px;font-size:13px}.qu-final-cta{text-align:center;padding:25px}.qu-final-cta a{display:inline-flex;background:var(--qu-accent);color:#fff!important;border-radius:9px;padding:13px 21px;font-size:13px;font-weight:800;text-decoration:none}.qu-footer{border-top:1px solid var(--qu-stroke);padding:22px clamp(25px,5cqw,65px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;color:var(--qu-muted);font-size:11px}.qu-footer a{font-weight:800;color:var(--qu-accent)}.qu-footer>div{display:flex;gap:12px}.qu-footer>div a{font-weight:500}
/* Eight meaningfully different structural systems */
.qu-layout-editorial .qu-hero{grid-template-columns:1fr .65fr}.qu-layout-editorial .qu-hero h1{font-size:clamp(42px,6.6cqw,78px)}.qu-layout-editorial .qu-items{grid-template-columns:repeat(2,minmax(0,1fr))}
.qu-layout-split .qu-hero{grid-template-columns:1fr 1fr;gap:0;padding:0;min-height:370px}.qu-layout-split .qu-hero-content{padding:60px clamp(25px,5cqw,65px)}.qu-layout-split .qu-hero-image,.qu-layout-split .qu-hero-monogram{height:100%;border:0;border-radius:0;min-height:370px}.qu-layout-split .qu-items{grid-template-columns:repeat(2,minmax(0,1fr))}
.qu-layout-mosaic .qu-hero{display:block;max-width:100%}.qu-layout-mosaic .qu-hero-image,.qu-layout-mosaic .qu-hero-monogram{margin-top:23px;max-height:205px}.qu-layout-mosaic .qu-items{grid-template-columns:repeat(3,minmax(0,1fr))}.qu-layout-mosaic .qu-item:nth-child(5n+1){grid-column:span 2}.qu-layout-mosaic .qu-item:nth-child(5n+1) .qu-item-image{height:215px}
.qu-layout-timeline .qu-hero{display:flex;flex-direction:column;justify-content:center;text-align:center}.qu-layout-timeline .qu-hero-image,.qu-layout-timeline .qu-hero-monogram{width:85%;height:140px}.qu-layout-timeline .qu-items{display:block;border-left:2px solid var(--qu-accent);margin-left:15px;padding-left:30px}.qu-layout-timeline .qu-item{border-radius:0;margin-bottom:12px;position:relative}.qu-layout-timeline .qu-item::before{content:'';position:absolute;left:-37px;top:25px;width:10px;height:10px;background:var(--qu-accent);border-radius:50%}
.qu-layout-signature .qu-hero{background:var(--qu-dark);color:var(--qu-bg);display:block;text-align:center}.qu-layout-signature .qu-hero h1,.qu-layout-signature .qu-hero .qu-subtitle{color:var(--qu-bg)}.qu-layout-signature .qu-hero-image,.qu-layout-signature .qu-hero-monogram{display:none}.qu-layout-signature .qu-items{grid-template-columns:1fr}.qu-layout-signature .qu-item{display:grid;grid-template-columns:1fr 2fr}.qu-layout-signature .qu-item-image{height:100%;min-height:175px}
.qu-layout-gallery .qu-hero{grid-template-columns:.8fr 1.2fr}.qu-layout-gallery .qu-hero-image{height:350px}.qu-layout-gallery .qu-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.qu-layout-gallery .qu-item-image{height:190px}.qu-layout-gallery .qu-item-body{padding:14px}
.qu-layout-cards .qu-hero{padding-bottom:35px}.qu-layout-cards .qu-items{grid-template-columns:repeat(3,minmax(0,1fr))}.qu-layout-cards .qu-item{box-shadow:0 15px 35px #0000000b}.qu-layout-cards .qu-item:nth-child(even){transform:translateY(10px)}
.qu-layout-minimal .qu-hero{display:block;padding:42px clamp(25px,6cqw,82px)}.qu-layout-minimal .qu-hero-image,.qu-layout-minimal .qu-hero-monogram{display:none}.qu-layout-minimal .qu-hero h1{font:600 clamp(26px,4cqw,50px)/1.15 'QRS Manrope',sans-serif}.qu-layout-minimal .qu-items{display:block}.qu-layout-minimal .qu-item{background:transparent;border:0;border-bottom:1px solid var(--qu-stroke);border-radius:0;display:flex;align-items:stretch}.qu-layout-minimal .qu-item-image{width:115px;height:auto;min-height:105px;flex-shrink:0}.qu-layout-minimal .qu-item-body{padding:16px}
/* Universe-specific art direction—not just palette changes */
.qu-invitation .qu-hero h1{font-style:italic;letter-spacing:-.045em}.qu-invitation .qu-hero-monogram{border-radius:48% 48% 6px 6px}
.qu-creator .qu-hero-monogram{border-radius:50%;height:195px;max-width:195px;margin:auto}.qu-creator .qu-item{border-radius:18px}
.qu-forms .qu-hero h1{font-family:'QRS Manrope',sans-serif;font-weight:800;letter-spacing:-.045em}.qu-forms .qu-item{border-left:5px solid var(--qu-accent)}
.qu-loyalty .qu-hero-monogram{border-radius:20px;transform:rotate(-4deg);box-shadow:10px 18px 0 var(--qu-stroke)}.qu-loyalty .qu-item{border-style:dashed}
.qu-music .qu-hero h1{font-family:'QRS Manrope',sans-serif;font-weight:800;text-transform:uppercase}.qu-music .qu-hero-monogram{border-radius:50%;box-shadow:inset 0 0 0 23px var(--qu-stroke)}.qu-music .qu-item-image{border-radius:8px}
.qu-certificate .qu-hero{text-align:center;grid-template-columns:1fr}.qu-certificate .qu-hero-monogram{display:none}.qu-certificate .qu-hero::before{content:'✦';color:var(--qu-accent);font-size:40px}.qu-certificate .qu-intro{text-align:center}.qu-certificate .qu-section{max-width:760px;margin:auto}
.qu-listing .qu-hero h1{font-family:'QRS Manrope',sans-serif;font-weight:800}.qu-listing .qu-item-image{height:210px}
.qu-learning .qu-hero h1{font-family:'QRS Manrope',sans-serif;font-weight:800}.qu-learning .qu-item{border-top:4px solid var(--qu-accent)}
@container (max-width:540px){.qu-page .qu-hero{display:block!important;min-height:0;padding:52px 24px 24px!important;text-align:left}.qu-page .qu-hero-image,.qu-page .qu-hero-monogram{width:100%;height:175px;min-height:100px;margin-top:17px}.qu-page .qu-hero h1{font-size:clamp(26px,8cqw,40px);margin:12px 0}.qu-page .qu-items{display:grid!important;grid-template-columns:1fr!important;margin:0;padding:0;border:0}.qu-page .qu-item{display:block!important;transform:none!important;grid-column:auto!important;border-radius:12px;margin:0}.qu-page .qu-item::before{display:none}.qu-page .qu-item-image{width:100%;height:130px!important}.qu-page .qu-item-body{padding:16px}.qu-page .qu-section{padding:26px 22px!important}.qu-page .qu-form-grid{grid-template-columns:1fr}.qu-page .qu-footer{padding:18px 22px;flex-direction:column;align-items:flex-start}.qu-layout-signature .qu-hero{background:var(--qu-dark)}}
@media(max-width:1150px){.qu-workspace{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr)}}
@media(max-width:900px){.qu-workspace{display:flex;flex-direction:column-reverse}.qu-editor,.qu-preview-panel{width:100%}.qu-preview-panel{position:static}.qu-phone{height:435px;min-height:320px;width:min(100%,360px)}.qu-form-content{padding:18px}.qu-savebar{position:sticky;bottom:0}.qu-preview-panel .qu-phone{height:440px}}
@media(max-width:560px){.qu-grid2,.qu-model-grid{grid-template-columns:1fr}.qu-heading{padding-top:12px}.qu-savebar{border-radius:0;padding:8px}.qu-save-indicator{width:100%}.qu-public-top{padding:12px 18px}.qu-public-top span{display:none}.qu-public .qu-page{margin:0 10px 20px;border-radius:12px}.qu-public .qu-page .qu-hero{padding:44px 22px 24px}.qu-form-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.qu-btn,.qu-family-card{transition:none!important}.qu-family-card:hover,.qu-btn:hover{transform:none!important}}

.qu-consent{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px!important;font-weight:500!important;line-height:1.5!important}.qu-consent input{width:auto!important;margin-top:2px;accent-color:#12766a}.qu-consent:focus-within{outline:2px solid #4fae99;outline-offset:4px}

/* Reuse existing account media without external URLs or duplicated uploads. */
.qu-media-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:9px;margin:12px 0}
.qu-media-tile{display:flex;flex-direction:column;gap:6px;padding:6px;background:#fff;border:1px solid #d7e4e8;border-radius:10px;cursor:pointer;min-width:0;color:#163f48}
.qu-media-tile img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}
.qu-media-tile small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.qu-media-tile:hover,.qu-media-tile:focus-visible{outline:2px solid #169aab;outline-offset:1px}