/* Ferramenta pública Actrix. Estilos isolados das telas de conta e gestão. */
.qr-page{margin:0;background:var(--actrix-paper);color:var(--actrix-ink);font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
.qr-page *{box-sizing:border-box}.qr-page h1,.qr-page h2,.qr-page h3,.qr-page p,.qr-page dl,.qr-page dd{margin:0}.qr-page a{color:inherit;text-decoration:none}.qr-page button,.qr-page input,.qr-page textarea{font:inherit}.qr-page button{cursor:pointer}.qr-page button:disabled{cursor:default;opacity:.45}.qr-page :focus-visible{outline:3px solid #9273cf;outline-offset:4px}.qr-page a:hover{text-decoration:underline;text-underline-offset:5px}.qr-page [hidden],.qr-page .hidden{display:none!important}.qr-shell{width:min(1240px,calc(100% - 96px));margin-inline:auto}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-180%);z-index:100;background:white;padding:12px}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.qr-header{background:#faf9fc;border-bottom:1px solid var(--actrix-line)}.qr-header .qr-shell{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:20px}.qr-header img{display:block;max-width:100%;height:auto}.back-link{font-size:12px;font-weight:700;display:flex;gap:20px;align-items:center}.back-link span{font-size:20px;color:var(--actrix-purple)}
.qr-hero{background-color:var(--actrix-night);color:white;position:relative;overflow:hidden}.qr-hero:after{content:"";position:absolute;right:-180px;top:-240px;width:700px;height:700px;border:1px solid #b9a0f71f;border-radius:50%;pointer-events:none}.hero-inner{display:grid;grid-template-columns:1.8fr 1fr;gap:70px;align-items:center;padding-block:64px 70px;position:relative;z-index:1}.qr-hero .brand-kicker{color:#d2c3f4;margin-bottom:24px}.qr-hero h1{font-size:clamp(38px,4.4vw,60px);line-height:1.13;font-weight:600;letter-spacing:-.055em}.qr-hero h1 span{color:var(--actrix-violet)}.hero-description{max-width:580px;color:#c3bdd0;font-size:14px;margin-top:24px!important;line-height:1.9}.hero-tags{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:25px;color:#ded8e9;font-size:11px}.hero-tags span:before{content:"✓";color:var(--actrix-violet);margin-right:8px}.gift-note{padding:30px 0 30px 35px;border-left:1px solid #b9a0f733}.gift-note>.icon{color:var(--actrix-violet);width:37px;height:37px;margin-bottom:20px}.gift-note p{font-size:20px;line-height:1.6;color:#b8afc9;letter-spacing:-.035em}.gift-note strong{color:#fff;font-weight:500}.gift-note>span{display:block;font-size:8px;letter-spacing:.17em;color:#b6abc8;margin-top:24px}
.workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:30px;padding-block:42px 65px;scroll-margin-top:20px}.editor-column{min-width:0;display:grid;gap:24px}.panel{border:1px solid var(--actrix-line);border-radius:16px;background:white;min-width:0;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #eeeaf3;padding:23px 27px}.panel-heading h2{display:flex;align-items:center;gap:13px;font-size:15px;font-weight:800;letter-spacing:-.025em}.step-number{font-size:10px;letter-spacing:.02em;display:grid;place-items:center;min-width:27px;height:27px;border-radius:50%;background:#eee8f8;color:var(--actrix-purple)}.quiet-label{font-size:10px;color:var(--actrix-muted)}.type-badge,#content-type-badge{font-size:9px;font-weight:800;letter-spacing:.04em;white-space:nowrap;color:var(--actrix-purple);background:#f0ebf8;padding:5px 9px;border-radius:5px}.panel-body{padding:26px 27px}.qr-page label:not(.check-line),.qr-page legend{font-size:12px;font-weight:800;display:block;margin-bottom:10px}.qr-page fieldset{padding:0;border:0;min-width:0;margin:0 0 23px}.qr-page legend{padding:0}.field-help{font-size:11px;color:var(--actrix-muted);line-height:1.8;margin:8px 0 14px!important}.qr-page textarea,.qr-page input[type=text]{border:1px solid #d8d0e4;background:#faf9fc;border-radius:9px;color:var(--actrix-ink);width:100%;min-width:0}.qr-page textarea{padding:14px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.8;display:block;overflow-wrap:anywhere}.qr-page textarea:focus,.qr-page input[type=text]:focus{outline:2px solid #9273cf;outline-offset:2px}.input-meta{display:flex;justify-content:space-between;gap:12px;margin-top:9px;font-size:9px;color:var(--actrix-muted)}#char-counter-inline{white-space:nowrap}.quick-actions{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:15px}.quick-actions button,.summary button{border:0;background:none;padding:5px 0;color:var(--actrix-purple);font-size:10px;font-weight:800}.quick-actions button:hover,.summary button:hover{text-decoration:underline;text-underline-offset:4px}.generic-summary{display:flex;gap:8px 15px;flex-wrap:wrap;border-top:1px solid #eeeaf3;margin-top:21px;padding-top:17px;color:var(--actrix-muted);font-size:9px}.summary{border-top:1px solid #eeeaf3;margin-top:22px;padding-top:20px}.summary-title{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:15px}.summary-title h3{font-size:12px}.summary-title>span{font-size:9px;color:var(--actrix-muted)}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary-grid>div{border-radius:8px;background:#f7f5fa;padding:12px;min-width:0}.summary-grid dt{font-size:9px;color:var(--actrix-muted);margin-bottom:5px}.summary-grid dd{font-size:12px;font-weight:700;overflow-wrap:anywhere}.full-width{grid-column:1/-1}
.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.segmented button{border:1px solid var(--actrix-line);border-radius:8px;background:#faf9fc;color:#62596f;min-height:44px;padding:9px 6px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:700;transition:background .15s,border-color .15s}.segmented button:hover{border-color:#b5a2d5;background:#f0ebf8}.segmented button[aria-pressed=true]{background:var(--actrix-purple);border-color:var(--actrix-purple);color:#fff;box-shadow:0 2px 5px #46346e20}.sample{width:12px;height:12px;background:currentColor;flex-shrink:0}.sample-rounded{border-radius:4px}.sample-dot{border-radius:50%}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:5px}.color-control{display:flex;align-items:center;gap:9px;border:1px solid var(--actrix-line);border-radius:8px;padding:8px 11px;min-height:46px}.color-swatch{display:flex;width:24px;height:24px;border-radius:5px;overflow:hidden;flex-shrink:0}.qr-page input[type=color]{width:24px;height:24px;border:0;padding:0;background:transparent;cursor:pointer}.qr-page input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qr-page input[type=color]::-webkit-color-swatch{border:1px solid #0002;border-radius:4px}.color-control input[type=text]{background:none;border:0;padding:0;font:11px ui-monospace,Consolas,monospace}.qr-page .check-line{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:11px;line-height:1.7;font-weight:500}.qr-page input[type=checkbox],.qr-page input[type=radio]{width:16px;height:16px;flex-shrink:0;accent-color:var(--actrix-purple);margin:0}.logo-field{margin-top:25px!important;padding-top:24px!important;border-top:1px solid #eeeaf3!important}.logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.logo-grid button:last-child{border-style:dashed}.inset-panel{background:#f7f5fa;border-radius:10px;padding:18px;margin-bottom:18px}.range-heading{display:flex!important;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}.range-heading output{font-weight:500;color:var(--actrix-purple);font-size:10px;white-space:nowrap}.qr-page input[type=range]{display:block;width:100%;margin:14px 0 18px;accent-color:var(--actrix-purple)}.notice{background:#f2edf8;color:#5a437e;border-radius:8px;padding:12px 14px;font-size:11px;margin-block:15px!important}.advanced{border-top:1px solid #eeeaf3;margin-top:24px;padding-top:20px}.advanced summary{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;cursor:pointer;list-style:none}.advanced summary::-webkit-details-marker{display:none}.advanced summary span{color:#7d699e;font-size:20px;font-weight:400}.advanced[open] summary span{transform:rotate(45deg)}.advanced-body{padding-top:25px}.advanced-body fieldset:last-child{margin-bottom:0}.ecl-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ecl-grid button{flex-direction:column;gap:0;font-size:12px}.ecl-grid small{font-size:9px;font-weight:400}.opacity-40{opacity:.4}.pointer-events-none{pointer-events:none}
.preview-column{min-width:0;align-self:start;position:sticky;top:24px}.preview-panel{padding:27px;border:1px solid #dcd2ec;border-radius:16px;background:#fff;box-shadow:0 16px 50px #3c245b08}.preview-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:24px}.preview-heading h2{font-size:16px;letter-spacing:-.03em}.live-dot{font-size:9px;color:var(--actrix-muted);display:flex;align-items:center;gap:6px}.live-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:#638768}.preview-stage{aspect-ratio:1;display:grid;place-items:center;border:1px solid #eeeaf4;border-radius:10px;background-color:#f7f5fa;background-image:linear-gradient(45deg,#ece7f1 25%,transparent 25%),linear-gradient(-45deg,#ece7f1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ece7f1 75%),linear-gradient(-45deg,transparent 75%,#ece7f1 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;padding:24px}#svg-preview-container{width:100%;height:100%;display:grid;place-items:center;min-width:0}#svg-preview-container>svg{display:block;width:100%;height:100%}#svg-preview-container p{font-size:12px;text-align:center;color:var(--actrix-muted);padding:20px}.preview-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--actrix-muted);margin:12px 0 17px}.qr-status{font-size:11px;min-height:36px;line-height:1.7;color:var(--actrix-muted);margin-bottom:15px!important}.qr-status[data-error=true]{color:#a72b32}.download-button,.copy-button{width:100%;display:flex;align-items:center;justify-content:center;gap:13px;border-radius:8px;font-size:12px!important;font-weight:800!important;min-height:51px}.download-button{background:var(--actrix-red);color:white;border:1px solid var(--actrix-red);box-shadow:0 5px 16px #d1272219}.download-button:hover:not(:disabled){background:#b3211d}.copy-button{background:white;color:var(--actrix-purple);border:1px solid var(--actrix-line);margin-top:10px}.copy-button:hover:not(:disabled){background:#f6f2fb}.source-details{margin-top:19px;font-size:10px;color:var(--actrix-muted)}.source-details summary{cursor:pointer}.source-details textarea{margin-top:12px;font-size:10px}.preview-footnote{display:flex;align-items:center;justify-content:center;gap:14px;border-top:1px solid #eeeaf3;margin-top:23px;padding-top:20px;color:#7c6b94}.preview-footnote p{font-size:9px;line-height:1.8}.preview-footnote strong{font-weight:700;color:var(--actrix-purple)}.privacy-note{font-size:10px;line-height:1.9;color:var(--actrix-muted);text-align:center;max-width:330px;margin:18px auto 0!important}
.guide{padding-block:35px 65px;border-top:1px solid var(--actrix-line)}.guide .brand-kicker{color:var(--actrix-muted);font-size:9px}.guide h2{font-size:29px;letter-spacing:-.05em;font-weight:600;margin-top:14px}.guide ol{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.guide li{display:flex;gap:14px}.guide li>span{color:#88749f;font-size:11px;line-height:2.3}.guide h3{font-size:13px;font-weight:800;margin-bottom:8px}.guide li p{font-size:11px;color:var(--actrix-muted);max-width:270px;line-height:1.9}.qr-footer{border-top:1px solid var(--actrix-line);background:#efedf4;padding-block:25px}.qr-footer .qr-shell{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--actrix-muted);align-items:center}.qr-footer nav{display:flex;gap:20px;flex-wrap:wrap}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:100;background:var(--actrix-night);color:#fff;box-shadow:0 6px 25px #100e1d30;border-radius:10px;padding:14px 20px;max-width:calc(100% - 32px);font-size:12px;transition:opacity .2s;pointer-events:none}.opacity-0{opacity:0}.opacity-100{opacity:1}
@media(max-width:1050px){.qr-shell{width:calc(100% - 56px)}.hero-inner{gap:35px}.gift-note{padding-left:25px}.gift-note p{font-size:17px}.workspace{gap:20px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.panel-heading,.panel-body,.preview-panel{padding:22px}.quiet-label{display:none}.segmented button{font-size:9px}.sample{width:10px;height:10px}}
@media(max-width:760px){.qr-shell{width:calc(100% - 40px)}.qr-header .qr-shell{min-height:77px}.qr-header img{width:118px}.back-link{gap:10px;font-size:11px}.hero-inner{grid-template-columns:1fr;padding-block:43px;gap:30px}.qr-hero h1{font-size:clamp(36px,7.5vw,53px)}.hero-description{font-size:13px}.gift-note{padding:0;border:0;display:flex;align-items:center;gap:15px}.gift-note>.icon{width:29px;height:29px;margin:0}.gift-note p{font-size:13px}.gift-note>span{display:none}.hero-tags{font-size:10px;gap:8px 15px}.workspace{grid-template-columns:1fr;padding-block:24px 40px;gap:24px}.preview-column{position:static}.preview-panel{padding:24px}.preview-stage{max-width:380px;margin:auto}.preview-meta{max-width:380px;margin-inline:auto}.panel-heading{flex-wrap:wrap;padding:20px}.panel-body{padding:22px 20px}.panel-heading h2{font-size:14px}.segmented button{font-size:10px}.preview-heading{margin-bottom:20px}.guide{padding-block:28px 42px}.guide h2{font-size:26px}.guide ol{grid-template-columns:1fr;gap:23px;margin-top:25px}.guide li p{max-width:400px}.qr-footer .qr-shell{align-items:flex-start;flex-direction:column;gap:12px}.qr-footer nav{gap:16px}.input-meta{font-size:8px;gap:6px}.color-grid{gap:12px}.logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:360px){.qr-shell{width:calc(100% - 28px)}.panel-heading,.panel-body,.preview-panel{padding:18px 15px}.segmented{gap:5px}.segmented button{font-size:9px;gap:4px}.color-control{padding:8px}.hero-tags{font-size:9px}.qr-hero h1{font-size:35px}.type-badge,#content-type-badge{font-size:8px}.preview-stage{padding:18px}.summary-grid{grid-template-columns:1fr}.full-width{grid-column:auto}}
.logo-grid .logo-btn>.logo-button-icon{width:18px;height:18px;flex-shrink:0;overflow:visible}
.qr-counter{margin:14px 0 0!important;text-align:center;font-size:11px;line-height:1.8;color:var(--actrix-muted)}.qr-counter strong{color:var(--actrix-purple);font-weight:800;font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.qr-page *{transition:none!important}}

/* O movimento indica a preparação da prévia; não altera o SVG exportado. */
.qr-loading{display:grid;place-items:center;gap:14px;width:100%;min-width:0;color:var(--actrix-purple);text-align:center;font-size:12px;line-height:1.6}
.qr-loading-orbit{position:relative;width:80px;height:80px;animation:qr-loading-spin 1s linear infinite}
.qr-loading-orbit span{position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:currentColor;transform:rotate(calc(var(--qr-dot) * 45deg)) translateY(-28px)}
.qr-loading-orbit span:nth-child(1){--qr-dot:0;opacity:1}.qr-loading-orbit span:nth-child(2){--qr-dot:1;opacity:.88}.qr-loading-orbit span:nth-child(3){--qr-dot:2;opacity:.76}.qr-loading-orbit span:nth-child(4){--qr-dot:3;opacity:.64}.qr-loading-orbit span:nth-child(5){--qr-dot:4;opacity:.52}.qr-loading-orbit span:nth-child(6){--qr-dot:5;opacity:.40}.qr-loading-orbit span:nth-child(7){--qr-dot:6;opacity:.28}.qr-loading-orbit span:nth-child(8){--qr-dot:7;opacity:.16}
@keyframes qr-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.qr-loading-orbit{animation:none}}

/* Modal de verificação sobre o gerador, com bloqueio da página ao fundo. */
.qr-security-active{overflow:hidden}
.qr-security{position:fixed;inset:0;box-sizing:border-box;width:min(440px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;margin:auto;border:1px solid var(--actrix-line);background:white;color:var(--actrix-ink);border-radius:20px;padding:clamp(20px,5vw,32px);box-shadow:0 24px 80px #100e1d33;font-family:inherit;min-width:0;text-align:left}
.qr-security:not([open]){display:none}
.qr-security[open]:not(:modal){z-index:1000;box-shadow:0 0 0 100vmax #100e1d99}
.qr-security::backdrop{background:#100e1d99;backdrop-filter:blur(5px)}
.qr-security h2{font-size:24px;line-height:1.25;letter-spacing:-.035em;margin:12px 0 0}
.qr-security p{font-size:12px;color:var(--actrix-muted);line-height:1.8;margin-top:12px!important}
.qr-security #qr-security-widget{margin-top:22px;min-height:65px}
.qr-security button{margin-top:14px;border:1px solid var(--actrix-line);background:var(--actrix-purple);color:white;border-radius:8px;padding:10px 16px;font-size:12px;font-weight:700}
.qr-security .qr-security-privacy{font-size:10px}
.qr-security a{text-decoration:underline}
.qr-security .qr-security-back{display:inline-block;margin-top:18px;font-size:12px;color:var(--actrix-purple);font-weight:700}
.qr-security #qr-security-status{min-height:22px}
.qr-security :focus-visible{outline:3px solid var(--actrix-purple);outline-offset:4px}