/* Outilo QR Studio: shared brand colours, isolated workspace scrolling. */
.dqr .geolite-attribution{font-size:12px;line-height:1.6}.dqr .geolite-attribution a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:2px}
.tool-page[data-tool-display-mode="workspace"] .tool-runtime:has(> .dqr){overflow:hidden;scrollbar-gutter:auto}
.dqr{--ink:#0f172a;--muted:#64748b;--line:#dce7e1;--surface:#f6f9f8;--accent:#059669;--accent-dark:#047857;--nav-width:220px;--gutter:clamp(20px,2.5vw,36px);position:relative;display:grid;grid-template-columns:var(--nav-width) minmax(0,1fr);height:100%;min-height:0;overflow:hidden;background:var(--surface);font-family:inherit;color:var(--ink);font-size:14px;line-height:1.5;isolation:isolate}
.dqr *{box-sizing:border-box}.dqr [hidden]{display:none!important}.dqr button,.dqr input,.dqr select{font:inherit}.dqr button{cursor:pointer}.dqr button:disabled{cursor:not-allowed;opacity:.5}.dqr :focus-visible{outline:3px solid #10b981;outline-offset:3px}.dqr i.ph{line-height:1;flex-shrink:0}.dqr[data-plan=pro] [data-pro-badge]{display:none!important}
.dqr-sidebar{background:#fff;border-right:1px solid var(--line);padding:26px 18px 20px;display:flex;flex-direction:column;gap:28px;min-height:0;z-index:2}
.dqr-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.6px}.dqr-brand>i{font-size:28px;background:#ecfdf5;padding:10px;border-radius:13px;color:var(--accent-dark)}.dqr-brand small{display:block;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.1em}
.dqr-sidebar nav{display:grid;gap:7px}.dqr-sidebar nav button{display:flex;align-items:center;gap:11px;min-height:44px;padding:11px 12px;border:1px solid transparent;border-radius:11px;background:none;color:#526277;text-align:left;font-size:13px;font-weight:600;transition:background .16s,color .16s}.dqr-sidebar nav button i{font-size:21px}.dqr-sidebar nav button:hover{background:#f1f8f4;color:var(--accent-dark)}.dqr-sidebar nav button.is-active{background:#dcfce7;color:#065f46;border-color:#c5ecdb}
.dqr-sidebar-footer{margin-top:auto;display:grid;gap:17px}.dqr-plan{background:#f3fcf7;border:1px solid #ccebdd;border-radius:14px;padding:15px}.dqr-plan>div{display:flex;justify-content:space-between;align-items:center;font-weight:750;gap:10px}.dqr-plan small,.dqr-plan p,.dqr-privacy{font-size:11px;color:var(--muted)}.dqr-plan p{margin:10px 0 0;line-height:1.6}.dqr progress{appearance:none;border:0;overflow:hidden;border-radius:8px;background:#dce7e1;accent-color:var(--accent)}.dqr progress::-webkit-progress-bar{background:#dce7e1;border-radius:8px}.dqr progress::-webkit-progress-value{background:#059669;border-radius:8px}.dqr progress::-moz-progress-bar{background:#059669;border-radius:8px}.dqr-plan progress{display:block;width:100%;height:6px;margin:12px 0 7px}.dqr-privacy{display:flex;align-items:center;gap:7px;color:#526277;line-height:1.5;min-height:32px}.dqr-privacy:hover{color:var(--accent-dark)}.dqr-privacy>i{font-size:16px}.dqr-privacy>i:last-child{font-size:12px;margin-left:auto}.dqr-privacy-short{display:none}
.dqr-main{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:28px var(--gutter) 32px;background:var(--surface)}.dqr[data-current-view=editor][data-has-changes=true] .dqr-main{padding-bottom:104px}.dqr-view{max-width:1450px;margin:auto;min-width:0}.dqr-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.dqr-heading>div{min-width:0}.dqr-heading h2{font-size:clamp(25px,2.1vw,32px);line-height:1.2;font-weight:750;letter-spacing:-1px;margin:0 0 8px;overflow-wrap:anywhere}.dqr-heading p:not(.dqr-eyebrow){color:var(--muted);margin:0}.dqr-eyebrow{font-size:10px!important;font-weight:750;letter-spacing:.13em;color:var(--muted);margin:0 0 7px}
.dqr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 15px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:13px;font-weight:650;text-decoration:none;white-space:normal;text-align:center;transition:background .16s,border-color .16s,box-shadow .16s}.dqr-btn>i{font-size:19px}.dqr-btn:hover:not(:disabled){background:#f0faf5;border-color:#91ceb4}.dqr-primary{background:#047857;border-color:#047857;color:#fff;box-shadow:0 3px 8px #04785715}.dqr-primary:hover:not(:disabled){background:#065f46;border-color:#065f46;box-shadow:0 5px 14px #04785725}.dqr-danger{background:#b91c1c;border-color:#b91c1c;color:#fff}.dqr-icon-btn{display:inline-grid;place-items:center;border:1px solid var(--line);background:#f7faf8;border-radius:9px;width:38px;height:38px;font-size:20px!important;flex:none}.dqr-icon-action{min-width:44px;min-height:44px;padding:10px}.dqr-icon-action>i{font-size:21px}
.dqr-notice{position:sticky;top:0;z-index:6;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;padding:13px 18px;border-radius:12px;margin-bottom:16px;white-space:pre-wrap;box-shadow:0 5px 20px #065f4610}.dqr-notice.is-error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}
.dqr-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.dqr-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px 20px}.dqr-kpi>span{display:flex;align-items:center;gap:9px;color:#475569;font-size:12px;min-height:36px}.dqr-kpi>span>i{font-size:23px;color:var(--accent-dark)}.dqr-kpi strong{display:block;font-size:31px;line-height:1.3;letter-spacing:-.8px;margin-top:10px}.dqr-kpi small{display:block;color:var(--muted);font-size:11px;margin-top:7px}
.dqr-readiness{border:1px solid #c7ebdb;background:#f1fbf5;padding:14px 18px;border-radius:12px;margin-bottom:24px;color:#065f46}.dqr-readiness-line{display:flex;gap:12px;align-items:center;font-size:12px}.dqr-readiness-line>i{font-size:20px}.dqr-readiness-line progress{flex:1;min-width:50px;max-width:300px;height:7px}.dqr-readiness-line strong{white-space:nowrap}.dqr-threshold{margin-left:auto;font-size:11px;color:var(--muted)}.dqr-readiness p{font-size:11px;color:#5d7169;margin:8px 0 0;line-height:1.55}
.dqr-filterbar{display:flex;align-items:end;gap:14px;margin-bottom:22px;flex-wrap:wrap}.dqr input:not([type=checkbox]):not([type=range]):not([type=file]),.dqr select{width:100%;background:#fff;border:1px solid #d7e3dc;border-radius:9px;min-height:42px;padding:9px 11px;color:var(--ink);min-width:0;font-size:13px}.dqr input::placeholder{color:#829187}.dqr input[type=color]{padding:5px!important;height:44px;cursor:pointer}.dqr input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent-dark);flex:none}.dqr input[type=range]{width:100%;accent-color:var(--accent-dark)}.dqr-filterbar>label{margin:0;flex:0 1 175px;font-size:11px}.dqr-filterbar>.dqr-search{position:relative;flex:1 1 260px}.dqr-search>i{position:absolute;left:13px;top:13px;font-size:19px;color:var(--muted)}.dqr-search input{padding-left:40px!important}.dqr-filterbar>input{flex:1 1 220px}.dqr-filterbar>select{width:auto;max-width:180px}
.dqr .dqr-filterbar>label{margin-bottom:0}
.dqr-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px}.dqr-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;min-width:0;display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:start;transition:border-color .18s,box-shadow .18s}.dqr-card:hover{border-color:#9dceb7;box-shadow:0 4px 15px #065f4608}.dqr-card-visual{display:grid;place-items:center;min-width:0;background:none}.dqr-card-qr{padding:0;background:#fff;border:0;border-radius:4px}.dqr-card-qr:hover{outline:2px solid #a7e7cd;outline-offset:3px}.dqr-card-visual img{width:88px;height:88px;object-fit:contain;display:block;border-radius:3px}.dqr-card-badges{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:7px}.dqr-card-body{padding:0;min-width:0}.dqr-card-body h3{margin:0 0 7px;font-size:15px;line-height:1.35;font-weight:750;letter-spacing:-.2px;overflow-wrap:anywhere}.dqr-card-meta{display:grid;gap:3px;font-size:11px;color:var(--muted)}.dqr-card-meta p{display:flex;align-items:center;gap:5px;margin:0;overflow-wrap:anywhere;min-width:0}.dqr-card-meta i{font-size:14px}.dqr-card-meta>span{font-variant-numeric:tabular-nums;font-size:10px}.dqr-card-actions{grid-column:1/-1;border-top:1px solid #edf3ef;padding-top:10px;display:flex;gap:8px}.dqr-card-actions .dqr-btn{width:40px;min-height:40px;padding:8px}.dqr-card-actions .dqr-edit-action{background:#ecfdf5;border-color:#c7ebdb;color:var(--accent-dark)}.dqr-card-actions .dqr-delete-action{margin-left:auto;color:#b91c1c}.dqr-delete-action:hover:not(:disabled){background:#fff1f2;border-color:#fecdd3}
.dqr-chip{display:inline-flex;align-items:center;font-size:10px;font-weight:700;padding:4px 8px;border-radius:7px;background:#edf8f2;color:#047857;white-space:nowrap}.dqr-chip.is-active{background:#fff;color:#047857;box-shadow:0 2px 5px #0478570b}.dqr-chip.is-active:before{content:'';width:6px;height:6px;border-radius:50%;background:#059669;margin-right:5px}.dqr-chip.is-frozen,.dqr-chip.is-expired,.dqr-chip.is-disabled{background:#f1f5f9;color:#475569}.dqr-chip.is-blocked{background:#fff1f2;color:#be123c}.dqr-chip.is-scheduled{background:#fffbeb;color:#92400e}.dqr-pro{display:inline-flex;align-items:center;justify-content:center;gap:3px;flex-shrink:0;font-size:10px;font-weight:650;color:#52665d;background:#edf4ef;padding:3px 6px;border:1px solid #dce7e1;border-radius:5px;line-height:1.2;white-space:nowrap}.dqr-pro>i{font-size:11px}.dqr-feature-label{display:flex;align-items:center;gap:6px;min-height:21px;flex-wrap:wrap}
.dqr-empty{text-align:center;padding:44px 20px;border:1px dashed #bbd7c8;border-radius:16px;background:#ffffff90}.dqr-empty-icon{width:70px;height:70px;margin:0 auto 20px;background:#ecfdf5;border-radius:20px;display:grid;place-items:center;color:var(--accent-dark);font-size:40px}.dqr-empty h3{font-size:22px;font-weight:750;letter-spacing:-.5px}.dqr-empty p{max-width:430px;margin:10px auto 22px;color:var(--muted)}.dqr-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:25px 0 0;color:var(--muted)}
.dqr-editor-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,.95fr);gap:22px;align-items:start}.dqr-panel{padding:20px;background:#fff;border:1px solid var(--line);border-radius:15px;margin-bottom:18px;min-width:0}.dqr-panel h3{display:flex;align-items:center;gap:9px;font-size:15px;line-height:1.4;font-weight:750;margin:0 0 16px}.dqr-panel h3>i{font-size:21px;color:var(--accent-dark)}.dqr fieldset{border:0;padding:0;margin:0;min-width:0}.dqr label{display:grid;align-content:start;gap:7px;font-size:12px;font-weight:650;margin-bottom:16px}.dqr label:last-child{margin-bottom:0}.dqr label small,.dqr-export small{font-weight:400;color:var(--muted);font-size:11px;line-height:1.6}.dqr-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}.dqr-two>label{margin-bottom:16px}.dqr-check{display:flex!important;align-items:center;gap:9px}.dqr-final{padding:10px 12px;border-radius:8px;background:#f7faf8;margin-bottom:16px;border:1px solid #edf3ef}.dqr-final>span{font-size:10px;color:var(--muted);font-weight:650}.dqr-final output{display:block;font-size:12px;overflow-wrap:anywhere;margin-top:3px}.dqr-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.dqr-section-title h3{margin:0}.dqr-section-title select{width:auto;max-width:200px}
.dqr-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dqr-preset{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 6px;min-width:0;transition:border-color .15s,background .15s}.dqr-preset:hover,.dqr-preset.is-selected{border-color:#059669;background:#f0fdf6;box-shadow:0 0 0 1px #05966912}.dqr-preset svg{width:58px;max-width:100%;height:64px;margin:0 auto 8px;display:block}.dqr-preset-label{display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap;font-size:10px;font-weight:650}.dqr-preset .dqr-pro{font-size:8px;padding:2px 4px}.dqr-preset .dqr-pro>i{font-size:9px}
.dqr details>summary{list-style:none;cursor:pointer;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;min-height:30px}.dqr details>summary>i{font-size:21px;color:var(--accent-dark)}.dqr details>summary::-webkit-details-marker{display:none}.dqr details>summary:after{content:'';height:7px;width:7px;border-right:1.5px solid #71887c;border-bottom:1.5px solid #71887c;transform:rotate(-45deg);margin-left:auto;flex:none;transition:transform .15s}.dqr details[open]>summary:after{transform:rotate(45deg)}.dqr details[open]>summary{margin-bottom:18px}.dqr-setting-panel{padding:17px 20px}.dqr details p,.dqr-muted{font-size:12px;color:var(--muted);line-height:1.65;margin:10px 0 15px}.dqr-gallery>details{border-top:1px solid var(--line);margin-top:16px;padding-top:13px}.dqr-inline{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.dqr-inline>input,.dqr-inline>select{flex:1 1 150px}.dqr-inline>.dqr-btn{flex-shrink:0;font-size:12px}.dqr-custom-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px;gap:7px;margin-bottom:8px}.dqr-setting-panel .dqr-inline{margin-bottom:17px}
.dqr-preview-panel{position:sticky;top:0;min-width:0}.dqr-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.dqr-preview-head h3{margin:0}.dqr-preview-stage{display:grid;place-items:center;background:#f8faf9;padding:22px;border-radius:12px}.dqr-preview{width:100%;max-width:280px;min-height:160px;display:grid;place-items:center;background:none;border-radius:0;overflow:visible;box-shadow:none}.dqr-preview[data-transparent=true]{background:repeating-conic-gradient(#eef4f1 0 25%,#fff 0 50%) 50%/16px 16px}.dqr-preview svg{width:100%;height:auto;display:block}.dqr-link-box{display:flex;gap:7px;margin-top:15px}.dqr-link-box input{font-size:11px!important;background:#f7faf8!important}.dqr-print-help{font-size:11px;line-height:1.65;color:var(--muted);margin:12px 0 0}.dqr-export{display:grid;gap:11px}.dqr-export h3,.dqr-export label{margin:0}.dqr-callout{padding:12px 14px;background:#fffbeb;color:#854d0e;border:1px solid #fde68a;border-radius:9px;font-size:12px;margin:14px 0}.dqr-preview-card .dqr-callout{margin-bottom:0}.dqr-styles{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.dqr-styles>div{display:flex;gap:3px}
.dqr-savebar{position:absolute;left:var(--nav-width);right:0;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;padding:14px var(--gutter);border-top:1px solid var(--line);background:#fffffff5;box-shadow:0 -8px 24px #0f172a05;backdrop-filter:blur(10px)}.dqr-savebar>p{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:12px}.dqr-savebar>p>i{font-size:17px;color:var(--accent-dark)}.dqr-savebar[data-state=dirty]{border-top-color:#a6ddc4;background:#f6fdf9f7}.dqr-savebar[data-state=dirty]>p{color:#065f46}.dqr-savebar .is-dirty{box-shadow:0 0 0 4px #10b98116,0 5px 16px #04785720}.dqr-savebar .dqr-primary:disabled{opacity:1;background:#edf5f0;border-color:#d1e5d9;color:#526b5e;box-shadow:none}
.dqr-stats-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.dqr-stats-controls label{flex:1 1 130px;margin:0}.dqr-stats-controls .dqr-btn{margin-bottom:0}.dqr-chart-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;margin-bottom:18px}.dqr-chart-grid .dqr-panel{height:100%;margin:0}.dqr-chart{width:100%;height:210px;display:block}.dqr-bar-row{display:grid;grid-template-columns:minmax(75px,1fr) 2fr minmax(35px,auto);align-items:center;gap:12px;margin:16px 0;font-size:12px}.dqr-bar-row>span{overflow-wrap:anywhere}.dqr-bar{height:7px;background:#e9f4ed;border-radius:8px;overflow:hidden}.dqr-bar>i{display:block;height:100%;background:#059669;border-radius:8px}.dqr-bar-row strong{font-weight:600}.dqr table{width:100%;border-collapse:collapse;font-size:12px}.dqr td,.dqr th{padding:9px 6px;text-align:left;border-bottom:1px solid #edf3ef}.dqr th{color:var(--muted)}
.dqr-dialog{width:min(880px,calc(100vw - 28px));max-height:88dvh;overflow:auto;border:1px solid var(--line);border-radius:20px;padding:26px;color:var(--ink);font-family:inherit;background:#fff;box-shadow:0 25px 80px #0f172a35}.dqr-dialog::backdrop{background:#0f172a70;backdrop-filter:blur(3px)}.dqr-dialog-head{display:flex;align-items:center;justify-content:space-between}.dqr-dialog h2{font-size:23px;font-weight:750;letter-spacing:-.5px;margin:6px 0}.dqr-assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.dqr-asset{border:1px solid var(--line);border-radius:12px;padding:12px;min-width:0}.dqr-asset img{width:100%;height:110px;object-fit:contain;background:#f4f9f6;border-radius:8px;margin-bottom:10px}.dqr-asset p{overflow-wrap:anywhere;font-size:12px;font-weight:650;margin:0 0 5px}.dqr-asset small{font-size:10px;color:var(--muted)}.dqr-asset>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.dqr-asset .dqr-btn{min-height:34px;font-size:11px;padding:5px 8px}.dqr-upload{margin:0!important;position:relative;cursor:pointer;overflow:hidden}.dqr-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.dqr-upload:has(input:disabled){opacity:.6}.dqr-confirm{max-width:480px}.dqr-confirm>p{font-size:14px;color:var(--muted);line-height:1.7}.dqr-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.dqr-confirm ul{padding-left:20px;list-style:disc;font-size:13px}.dqr-empty-mini{padding:24px;text-align:center;color:var(--muted);font-size:13px}.dqr-demo-banner{display:flex;gap:14px;align-items:center;justify-content:space-between;background:#f1fbf5;border:1px solid #b8e6d1;border-radius:12px;padding:18px 22px;margin-bottom:24px}.dqr-demo-banner p{margin:0;font-size:13px;max-width:520px}.dqr-demo-banner a{flex:none}
@media(max-width:1150px){.dqr{--nav-width:195px;--gutter:22px}.dqr-sidebar{padding:22px 13px}.dqr-editor-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:17px}.dqr-panel{padding:17px}.dqr-presets{gap:7px}.dqr-preset svg{width:48px;height:55px}.dqr-kpi{padding:16px 14px}.dqr-kpi>span{font-size:11px;gap:6px}.dqr-kpi>span>i{font-size:20px}.dqr-preview-stage{padding:17px}.dqr-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}
@media(max-width:1000px){.dqr-basics .dqr-two{grid-template-columns:1fr}.dqr-heading{align-items:flex-start}.dqr-heading>.dqr-inline{justify-content:flex-end}.dqr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dqr-kpi>span{min-height:24px}.dqr-chart-grid{grid-template-columns:1fr}.dqr-readiness-line{flex-wrap:wrap}.dqr-threshold{flex-basis:100%;margin-left:0}.dqr-preview-stage{padding:12px}}
@media(max-width:850px){.dqr{--nav-width:0px;--gutter:20px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.dqr-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:11px 16px 8px;gap:8px;display:grid;grid-template-columns:1fr auto;background:#fff}.dqr-brand{font-size:17px;gap:8px}.dqr-brand>i{font-size:24px;padding:8px}.dqr-brand small{display:none}.dqr-sidebar nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.dqr-sidebar nav button{justify-content:center;white-space:nowrap;padding:8px;font-size:12px;gap:7px}.dqr-sidebar nav button i{font-size:19px}.dqr-sidebar-footer{display:contents}.dqr-plan{grid-row:1;grid-column:2;margin:0;padding:7px 11px;min-width:125px;border-radius:10px}.dqr-plan small,.dqr-plan p{display:none}.dqr-plan progress{height:4px;margin:5px 0 1px}.dqr-plan>div{font-size:11px;gap:16px}.dqr-privacy{grid-row:3;grid-column:1/-1;justify-self:end;min-height:20px;font-size:10px;gap:5px}.dqr-privacy>i{font-size:13px}.dqr-privacy>i:last-child{font-size:10px}.dqr-main{padding-top:22px}.dqr-heading h2{font-size:26px}.dqr-heading p:not(.dqr-eyebrow){font-size:13px}.dqr-editor-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}.dqr-savebar{min-height:72px;padding-top:12px;padding-bottom:12px}.dqr-privacy-full{display:none}.dqr-privacy-short{display:inline}}
@media(max-width:650px){.dqr{--gutter:16px}.dqr-sidebar nav button{flex-direction:column;white-space:normal;gap:4px;font-size:10px;line-height:1.3;min-height:48px;padding:6px 3px}.dqr-sidebar nav button i{font-size:18px}.dqr-main{padding-top:20px}.dqr-heading{flex-wrap:wrap;gap:13px;margin-bottom:20px}.dqr-heading h2{font-size:25px}.dqr-heading>.dqr-btn{font-size:12px;min-height:42px}.dqr-heading>.dqr-inline{justify-content:flex-start}.dqr-kpis{gap:10px}.dqr-kpi{padding:14px}.dqr-kpi>span{font-size:10px;gap:7px;min-height:30px;align-items:flex-start}.dqr-kpi>span>i{font-size:19px}.dqr-kpi strong{font-size:27px;margin-top:7px}.dqr-kpi small{font-size:10px}.dqr-readiness{padding:12px 14px}.dqr-readiness-line{gap:8px}.dqr-readiness-line>span:first-of-type{font-size:11px}.dqr-readiness-line progress{min-width:45px;max-width:none}.dqr-readiness p{font-size:10px}.dqr-filterbar{gap:10px}.dqr-filterbar>.dqr-search{flex-basis:100%}.dqr-filterbar>label:not(.dqr-search){flex:1 1 100px}.dqr-filterbar>select{font-size:12px;flex:1 1 100px;max-width:none}.dqr-cards{grid-template-columns:minmax(0,1fr);gap:16px}.dqr-card{grid-template-columns:76px minmax(0,1fr);padding:12px}.dqr-card-visual img{width:76px;height:76px}.dqr-card-actions .dqr-btn{min-height:44px;width:44px}.dqr-card-meta{font-size:12px}.dqr-editor-grid{display:flex;flex-direction:column;gap:0}.dqr-form,.dqr-form>fieldset{display:contents}.dqr-basics{order:0;width:100%}.dqr-preview-panel{position:static;order:1;width:100%}.dqr-gallery{order:2;width:100%}.dqr-setting-panel{order:3;width:100%}.dqr-panel{padding:17px;margin-bottom:16px}.dqr-basics .dqr-two{grid-template-columns:1fr}.dqr-preview-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px 12px;align-items:start}.dqr-preview-head{grid-column:1/-1;margin:0}.dqr-preview-stage{grid-row:2/5;grid-column:1;padding:8px;width:120px}.dqr-preview{min-height:104px;border-radius:5px}.dqr-preview svg{max-height:140px}.dqr-link-box{display:grid;gap:7px;margin:0;grid-column:2}.dqr-link-box input{min-height:36px!important;font-size:10px!important;padding:6px!important}.dqr-link-box .dqr-icon-action{min-height:36px;justify-self:start;padding:7px}.dqr-print-help,.dqr-preview-card>.dqr-muted{grid-column:2;margin:0;font-size:10px;line-height:1.6}.dqr-preview-card>.dqr-callout{grid-column:1/-1;margin:0}.dqr-export{grid-template-columns:1fr 1fr;gap:10px}.dqr-export h3{align-self:center}.dqr-export label{font-size:10px;gap:4px}.dqr-export select{min-height:35px;padding:6px;font-size:12px}.dqr-export .dqr-btn{font-size:11px;padding:10px 8px}.dqr-export small{grid-column:1/-1;font-size:10px}.dqr-two{gap:0 12px}.dqr-presets{gap:8px}.dqr-preset{padding:9px 4px}.dqr-preset svg{width:46px;height:50px}.dqr-preset-label{font-size:9px;gap:3px}.dqr-feature-label{font-size:11px}.dqr-feature-label .dqr-pro{font-size:9px}.dqr-savebar{gap:12px;padding:12px var(--gutter);min-height:80px}.dqr-savebar>p{font-size:10px;line-height:1.4;gap:6px;max-width:45%}.dqr-savebar .dqr-btn{font-size:12px;min-height:44px;padding:10px 12px;max-width:57%}.dqr-stats-controls label{flex-basis:120px}.dqr-stats-controls .dqr-btn{width:100%}.dqr-dialog{padding:19px 16px}.dqr-assets{grid-template-columns:1fr 1fr;gap:10px}.dqr-demo-banner{display:block;padding:17px}.dqr-demo-banner .dqr-inline{margin-top:13px}.dqr-chart{height:185px}}
@media(max-height:740px) and (min-width:851px){.dqr-sidebar{gap:16px;padding-top:16px;padding-bottom:12px}.dqr-plan p{display:none}.dqr-sidebar-footer{gap:10px}.dqr-preview-stage{padding:14px}.dqr-preview{max-width:220px}.dqr-preview-panel{position:static}}
.dqr details p.dqr-callout{color:#854d0e}
@media(max-width:650px){.dqr-sidebar nav button{display:grid;grid-template-rows:20px 26px;align-content:center;justify-items:center;row-gap:4px}.dqr-sidebar{grid-template-columns:minmax(0,1fr) auto 40px}.dqr-plan{min-width:105px}.dqr-privacy{grid-row:1;grid-column:3;align-self:center;justify-self:stretch;justify-content:center;border:1px solid var(--line);border-radius:10px;min-height:40px;background:#f7fcf9}.dqr-privacy>i{font-size:19px}.dqr-privacy-short,.dqr-privacy>i:last-child{display:none}.dqr-brand{font-size:15px}.dqr-brand>i{padding:7px;font-size:22px}}
@media(prefers-reduced-motion:reduce){.dqr *{transition:none!important;scroll-behavior:auto!important}}

.dqr textarea{font:inherit;width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 11px;resize:vertical;min-height:72px;font-size:13px;background:#fff;color:var(--ink)}.dqr-paints{gap:16px;margin-bottom:16px}.dqr-paint{min-width:0;border-bottom:1px solid var(--line);padding-bottom:2px}.dqr-paint label{font-size:11px}.dqr-paint>label:first-child{font-size:12px}.dqr-paint [hidden]{display:none!important}