.qrk-page{--qrk-ink:#142637;--qrk-muted:#75818c;--qrk-line:#e0e5eb;--qrk-yellow:#ffd428;--qrk-orange:#ff8500;background:#f5f7fa;color:var(--qrk-ink);font:16px/1.5 "Figtree",Arial,sans-serif;padding:64px 0 76px;text-align:left}
.qrk-page *,.qrk-page *::before,.qrk-page *::after{box-sizing:border-box}.qrk-page [hidden]{display:none!important}.qrk-page button,.qrk-page input,.qrk-page textarea,.qrk-page select{font:inherit;letter-spacing:normal}.qrk-page button{cursor:pointer}.qrk-page button:disabled{cursor:wait;opacity:.5}.qrk-page button:focus-visible,.qrk-page input:focus-visible,.qrk-page textarea:focus-visible,.qrk-page select:focus-visible{outline:3px solid #bc6000;outline-offset:3px}.qrk-page h1,.qrk-page h2,.qrk-page h3{font-family:inherit;color:var(--qrk-ink);letter-spacing:-.035em;font-weight:700;line-height:1.18;margin:0}.qrk-page p{color:inherit;font:inherit;margin:0}.qrk-page svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.qrk-container{width:calc(100% - 48px);max-width:1320px;margin:0 auto;padding:0}.qrk-hero{text-align:center;margin:0 auto 42px;max-width:900px}.qrk-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;line-height:1.4;color:#aa5900;margin-bottom:14px}.qrk-hero h1{font-size:clamp(32px,3.4vw,48px);margin-bottom:18px}.qrk-hero p{font-size:17px;line-height:1.7;color:#657582}.qrk-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:24px;align-items:start}.qrk-settings{display:grid;gap:20px}.qrk-card{background:#fff;border:1px solid var(--qrk-line);border-radius:12px;box-shadow:0 8px 25px #14263703;padding:26px}.qrk-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}.qrk-step{background:#fff6df;color:#9d5a00;border:1px solid #ffe5a1;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;font-size:12px;font-weight:700;flex-shrink:0}.qrk-page h2{font-size:21px;letter-spacing:-.02em}.qrk-tabs{display:flex;gap:4px;padding:4px;background:#f1f3f6;border-radius:9px;margin-bottom:22px}.qrk-tabs button{border:0;border-radius:6px;background:transparent;padding:9px 10px;color:#73808c;flex:1;font-size:13px;font-weight:600;white-space:nowrap}.qrk-tabs button[aria-pressed=true]{background:#fff;color:var(--qrk-ink);box-shadow:0 1px 5px #14263712}.qrk-label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.qrk-page textarea,.qrk-page input:not([type=checkbox]):not([type=range]),.qrk-page select{width:100%;border:1px solid #d9dfe6;background:#fff;border-radius:7px;color:var(--qrk-ink);padding:11px 12px;line-height:1.4;min-width:0;box-shadow:none}.qrk-page textarea{resize:vertical;min-height:82px;font-size:14px}.qrk-page input::placeholder,.qrk-page textarea::placeholder{color:#9aa3ad}.qrk-page .qrk-hint{font-size:12px;line-height:1.55;color:var(--qrk-muted);margin:8px 0 0}.qrk-private{display:flex;align-items:center;gap:8px;border-top:1px solid #edf0f3;padding-top:18px;margin-top:22px;color:var(--qrk-muted);font-size:11px}.qrk-private svg{width:15px;height:15px}.qrk-page #qrk-wifi-fields>.qrk-label:not(:first-child),.qrk-page #qrk-password-field{margin-top:14px}.qrk-checkbox{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:13px}.qrk-checkbox input{width:16px;height:16px;accent-color:var(--qrk-orange)}
/* Keep the native control when the site template initializes niceSelect. */
.qrk-page #qrk-security{display:block!important}.qrk-page #qrk-security+.nice-select{display:none!important}
.qrk-shapes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}.qrk-shapes button{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border:1px solid var(--qrk-line);border-radius:8px;padding:12px 4px;font-size:11px;color:#64737f}.qrk-shapes svg{width:38px;height:38px;stroke-width:1.7}.qrk-shapes button[aria-pressed=true]{border-color:#f4b957;background:#fffaf0;color:#995e0e}.qrk-shapes button:hover{border-color:#f4b957}.qrk-size-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:600}.qrk-number{display:flex;align-items:center;border:1px solid #d9dfe6;border-radius:7px;background:#fff;min-width:0;font-size:14px;font-weight:500}.qrk-page .qrk-number input{border:0!important;background:transparent!important;width:100%;padding:9px 4px 9px 12px}.qrk-number>span{padding:0 12px 0 4px;font-size:12px;color:var(--qrk-muted)}.qrk-size-row .qrk-number{width:104px}.qrk-range{width:100%;margin:16px 0 22px;height:5px;accent-color:var(--qrk-orange);cursor:pointer}.qrk-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.qrk-field-grid .qrk-number{margin-top:8px}.qrk-hole-row{border-top:1px solid #edf0f3;padding-top:19px;margin-top:12px}.qrk-colors{border-top:1px solid #edf0f3;padding-top:20px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--qrk-muted)}.qrk-colors>div{display:flex;gap:10px}.qrk-colors button{width:26px;height:26px;border:2px solid white;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #dce1e7;padding:0}.qrk-colors button[aria-pressed=true]{box-shadow:0 0 0 2px #ad6a00}
.qrk-preview-column{position:sticky;top:28px;min-width:0;display:grid;gap:20px}.qrk-preview{padding:0;overflow:hidden}.qrk-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid #edf0f3}.qrk-view-tabs{margin:0}.qrk-view-tabs button{padding:7px 13px;font-size:12px}.qrk-stage{position:relative;height:430px;background:radial-gradient(ellipse at 50% 40%,#f9fafb,#edf1f4);isolation:isolate}.qrk-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.qrk-stage canvas:active{cursor:grabbing}.qrk-stage #qrk-viewport{position:absolute;inset:0}.qrk-stage-label{position:absolute;top:22px;left:24px;font-size:9px;letter-spacing:.13em;color:#98a3af;pointer-events:none}.qrk-stage-hint{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:11px;color:#8a98a5;pointer-events:none}.qrk-camera{position:absolute;bottom:15px;right:20px;border:1px solid #d9e0e5;border-radius:8px;display:grid;place-items:center;background:#ffffffbb;color:#71808e;width:34px;height:34px;padding:0}.qrk-camera svg{width:17px;height:17px}.qrk-stage[aria-busy=true] #qrk-viewport{opacity:.45}.qrk-stage #qrk-qr-view{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.qrk-page #qrk-qr-image{background:white;border-radius:4px;padding:12px;box-shadow:0 10px 24px #1722340b;max-width:75%;width:265px}.qrk-page #qrk-qr-image svg{display:block;width:100%;height:auto;stroke:none;fill:initial}.qrk-stage #qrk-qr-view p{font-size:12px;color:var(--qrk-muted)}.qrk-specs{display:grid;grid-template-columns:1.3fr 1fr 1fr;padding:22px 24px 10px;gap:12px}.qrk-specs>div+div{border-left:1px solid #edf0f3;padding-left:18px}.qrk-specs span{display:block;font-size:11px;color:var(--qrk-muted);margin-bottom:6px}.qrk-specs strong{display:block;font-size:16px;font-weight:600;white-space:nowrap}.qrk-page .qrk-status{font-size:11px;color:#61776c;padding:10px 24px 20px;min-height:38px}.qrk-page .qrk-error,.qrk-page .qrk-warning{font-size:12px;padding:12px 16px;margin:0 24px 20px;border-radius:7px;line-height:1.5}.qrk-error{background:#fff0ed;color:#963c29!important}.qrk-warning{background:#fff6da;color:#796015!important}.qrk-download{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;background:#142637;border-radius:12px;padding:26px;color:white}.qrk-download .qrk-eyebrow{color:#f1c960;font-size:9px;margin-bottom:10px}.qrk-download h2{color:#fff;font-size:21px;margin-bottom:10px}.qrk-download p{color:#aebcc8;font-size:12px;line-height:1.65}.qrk-download-main{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--qrk-yellow);border:0;border-radius:7px;color:#142637;font-weight:700!important;font-size:14px!important;padding:16px 22px;white-space:nowrap;min-height:52px}.qrk-download-main:hover{background:#ffe16a}.qrk-download-main:disabled{cursor:not-allowed}.qrk-part-downloads{grid-column:1/-1;display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;border-top:1px solid #344554;padding-top:16px;font-size:11px;color:#95a8b7}.qrk-part-downloads button{background:transparent;border:0;padding:0 0 2px;color:#e4eaf0;text-decoration:underline;text-underline-offset:4px;font-size:11px}.qrk-part-downloads button:hover{color:var(--qrk-yellow)}
.qrk-guide{margin-top:36px;display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:28px;padding:30px}.qrk-guide .qrk-eyebrow{font-size:9px;margin-bottom:11px}.qrk-guide h2{font-size:23px;margin-bottom:12px}.qrk-guide h3{font-size:14px;letter-spacing:0;margin-bottom:12px;line-height:1.5}.qrk-guide p{font-size:12px;color:#7c8995;line-height:1.8}.qrk-guide-intro{padding-right:20px}.qrk-local-header{font:14px/1.5 Arial,sans-serif;padding:20px 0;background:#fff;border-bottom:1px solid #edf0f3}.qrk-local-header>div{max-width:1320px;width:calc(100% - 48px);margin:auto;display:flex;align-items:center;gap:28px}.qrk-local-header a{text-decoration:none;color:#142637}.qrk-local-brand{font-size:26px;font-weight:800;letter-spacing:-1px;margin-right:auto}.qrk-local-brand span{color:#ff8500}.qrk-local-badge{font-size:10px;letter-spacing:.06em;color:#7f8b97;border:1px solid #e1e6ec;padding:5px 9px;border-radius:5px}
@media(min-width:1400px){.qrk-container{max-width:1320px}.qrk-layout{grid-template-columns:400px minmax(0,1fr)}.qrk-stage{height:460px}}
@media(max-width:1100px){.qrk-layout{grid-template-columns:340px minmax(0,1fr);gap:18px}.qrk-card{padding:22px}.qrk-preview{padding:0}.qrk-preview-heading{padding:18px}.qrk-preview-heading h2{font-size:18px}.qrk-stage{height:380px}.qrk-specs{padding:18px 16px 8px;gap:8px}.qrk-specs>div+div{padding-left:10px}.qrk-specs strong{font-size:13px}.qrk-specs span{font-size:10px}.qrk-download{grid-template-columns:1fr;padding:22px;gap:18px}.qrk-download-main{width:100%}.qrk-guide{grid-template-columns:1fr 1fr}.qrk-guide-intro{padding:0}}
@media(max-width:800px){.qrk-page{padding:34px 0 40px}.qrk-container{width:calc(100% - 32px)}.qrk-layout{grid-template-columns:1fr}.qrk-preview-column{position:static}.qrk-hero{margin-bottom:28px}.qrk-hero p{font-size:15px}.qrk-stage{height:420px}.qrk-desktop{display:none}.qrk-guide{margin-top:22px}.qrk-download{grid-template-columns:1fr auto}.qrk-download-main{width:auto}.qrk-specs strong{font-size:15px}.qrk-local-header>div{width:calc(100% - 32px)}.qrk-local-header a:not(.qrk-local-brand){display:none}}
@media(max-width:480px){.qrk-page h1{font-size:32px}.qrk-card{padding:20px}.qrk-preview{padding:0}.qrk-preview-heading{padding:16px;gap:6px}.qrk-view-tabs button{padding:7px 8px;font-size:11px}.qrk-stage{height:345px}.qrk-stage-label{left:16px;font-size:8px}.qrk-stage-hint{font-size:9px;bottom:22px;padding-right:35px}.qrk-camera{right:12px}.qrk-specs strong{font-size:12px}.qrk-download{grid-template-columns:1fr}.qrk-download-main{width:100%}.qrk-guide{grid-template-columns:1fr;gap:22px}.qrk-guide>div+div{padding-top:18px;border-top:1px solid #edf0f3}}

/* Public template has a fixed navigation header; standalone preview does not. */
.qrk-page--public{padding-top:148px}.qrk-page--public .qrk-preview-column{top:116px}
@media(max-width:800px){.qrk-page--public{padding-top:128px}}