.qr-studio{max-width:1480px;margin:auto;color:#173b57;font:14px/1.55 "Taro POS Roboto",Arial,sans-serif}.qr-studio *{box-sizing:border-box}.qr-studio [hidden]{display:none!important}.qr-studio h1{font-size:32px;line-height:1.2;margin:5px 0 10px;letter-spacing:-.025em}.qr-studio h2{font-size:18px;line-height:1.35;margin:0}.qr-studio h3{font-size:20px}.qr-studio p{margin:8px 0;color:#58748a}.qs-eyebrow{font-size:11px!important;text-transform:uppercase;font-weight:750;letter-spacing:.13em;color:#0969b5!important}.qs-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}.qs-heading>div{max-width:760px}.qr-studio button{border:1px solid #0969b5;border-radius:9px;padding:11px 15px;background:#0969b5;color:white;font:600 14px/1.4 "Taro POS Roboto",Arial,sans-serif;cursor:pointer;box-shadow:none;min-height:42px}.qr-studio button:hover:enabled{filter:brightness(.94)}.qr-studio button:disabled{opacity:.45;cursor:not-allowed}.qr-studio .qs-secondary{background:white;color:#0969b5;border-color:#b6d7ec}.qr-studio .qs-text{background:transparent;border:0;color:#0969b5;padding:7px 4px;min-height:36px;font-size:13px}.qr-studio button:focus-visible,.qr-studio input:focus-visible,.qr-studio select:focus-visible{outline:3px solid #8ec4e8;outline-offset:3px}.qr-studio label{display:flex;flex-direction:column;gap:7px;color:#173b57;font-size:13px;font-weight:650;min-width:0}.qr-studio input:not([type=checkbox]),.qr-studio select{font:400 14px/1.4 "Taro POS Roboto",Arial,sans-serif;min-width:0;width:100%;border:1px solid #bfd9ea;border-radius:8px;min-height:43px;padding:10px 11px;background:white;color:#173b57}.qr-studio input[type=checkbox]{width:17px;height:17px;accent-color:#0969b5;flex-shrink:0}.qr-studio .qs-help{font-size:12px;line-height:1.65;color:#58748a}.qr-studio code{font-size:12px}.qs-message,.qs-warning{padding:14px 16px;border:1px solid #b5d9e8;background:#edf8ff;border-radius:10px;margin-bottom:16px;font-size:13px;overflow-wrap:anywhere}.qs-message.error{background:#fff3ef;border-color:#eeb7ac;color:#983b30}.qs-warning{margin:15px 0 0;background:#fff9ef;border-color:#ead5ae;color:#73502b}.qs-source{display:grid;grid-template-columns:.85fr 1.2fr 1.2fr;gap:18px;background:white;border:1px solid #d3e5f0;border-radius:14px;padding:20px;margin-bottom:22px}.qs-layout{display:grid;grid-template-columns:minmax(340px,.95fr) minmax(360px,1.05fr);gap:24px;align-items:start}.qs-controls{display:grid;gap:18px;min-width:0}.qs-card{background:#fff;border:1px solid #d3e5f0;border-radius:14px;padding:22px;margin-bottom:18px;min-width:0}.qs-controls>.qs-card,.qs-controls>form>.qs-card:last-child{margin-bottom:0}.qs-card>header,.qs-preview-panel>header{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}.qs-card>header>span{font-size:12px;color:#58748a;text-align:right}.qs-segment{display:flex;background:#eff7fc;border:1px solid #c5deee;border-radius:9px;padding:4px;gap:4px}.qs-segment button{flex:1;background:transparent;color:#58748a;border:0;min-height:36px;padding:8px}.qs-segment button[aria-pressed=true]{background:white;color:#0969b5;box-shadow:0 2px 6px #173b5710}.qs-table-tools{display:flex;align-items:center;gap:10px;margin:15px 0}.qs-table-tools input{flex:1}.qs-table-tools button{white-space:nowrap}.qs-table-list{max-height:250px;overflow:auto;border-top:1px solid #e3edf5}.qs-table-row{display:flex;align-items:center;gap:11px;padding:6px 10px;border-bottom:1px solid #e3edf5}.qs-table-row.active{background:#edf7ff;border-left:3px solid #0969b5}.qs-table-row button{flex:1;border:0;padding:5px;background:transparent;color:#173b57;text-align:left;min-height:38px}.qs-table-row strong,.qs-table-row span{display:block}.qs-table-row span{font-size:12px;font-weight:400;color:#58748a;margin-top:3px}.qs-frame-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.qr-studio .qs-frame{padding:7px 3px;background:white;border:1px solid #d3e5f0;color:#58748a;font-size:10px;line-height:1.3;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px}.qr-studio .qs-frame[aria-pressed=true]{border:2px solid #0969b5;background:#f0f8ff;padding:6px 2px;color:#0969b5}.qs-frame-swatch{display:flex;align-items:center;justify-content:center;width:42px;height:56px;border:1px solid #0969b5;border-radius:6px;background:white}.qs-frame-swatch i{width:24px;height:24px;background:repeating-conic-gradient(#173b57 0 25%,white 0 50%) 0/6px 6px;border:3px solid white;margin-top:8px}.qs-swatch-gallery{border:5px solid #123e62}.qs-swatch-arch{border-radius:20px 20px 5px 5px;background:#f5f9fc;border-color:#548fbc}.qs-swatch-craft{outline:1px solid #44362b;outline-offset:-4px;background:#fffdf7;border-radius:0;border-color:#44362b}.qs-swatch-minimal{border:1px solid #ccd6df;border-radius:0}.qs-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.qr-studio input[type=color]{padding:4px;height:42px;cursor:pointer}.qs-checks{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.qs-checks label{flex-direction:row;align-items:center;font-weight:500;font-size:12px}.qs-checks label:last-child{grid-column:1/-1}.qs-wording{border-top:1px solid #e0ebf3;margin-top:21px;padding-top:17px}.qs-wording summary{cursor:pointer;font-size:14px;font-weight:750;margin-bottom:15px}.qs-wording>label,.qs-card>label{margin:15px 0}.qs-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0}.qs-inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.qs-preview-column{position:sticky;top:20px;min-width:0}.qs-preview-panel{background:white;border:1px solid #d3e5f0;border-radius:16px;overflow:hidden}.qs-preview-panel>header{padding:20px;margin:0}.qs-preview-panel>header>div{min-width:0}.qs-preview-panel h2{overflow-wrap:anywhere}.qs-surface-label{max-width:140px;flex-shrink:0}.qs-surface-label select{font-size:12px!important;min-height:35px!important;padding:6px!important}.qs-stage{display:flex;justify-content:center;align-items:center;min-height:450px;padding:32px;overflow:hidden;transition:background .15s}.qs-surface-desk{background:radial-gradient(ellipse at 50% 15%,#f7fbfe,#dce9f3)}.qs-surface-acrylic{background:linear-gradient(125deg,#ecf7fd 5%,#b4cbd9 48%,#f9fdff 49%,#d8e6ef 70%)}.qs-surface-wood{background:repeating-linear-gradient(2deg,#c99c6c 0,#c99c6c 3px,#cda172 4px,#d5ab7e 8px,#d7ad82 16px,#cea576 22px)}.qs-artwork{max-width:100%;width:min(100%,350px);filter:drop-shadow(0 17px 16px #1a34472b);line-height:0}.qs-artwork canvas{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;image-rendering:auto}.qs-surface-acrylic .qs-artwork{padding:8px;border:1px solid #ffffffb3;border-radius:8px;background:#ffffff2e;box-shadow:6px 7px 0 #c8dfe54d}.qs-surface-wood .qs-artwork{padding:8px;background:#9e7048;border-radius:4px;box-shadow:5px 7px 0 #704c30}.qs-empty{max-width:300px;text-align:center;padding:35px 10px}.qs-empty>span{display:grid;place-items:center;width:70px;height:70px;font-size:50px;color:#88aec9;border:1px dashed #9abbd1;border-radius:12px;margin:0 auto 20px}.qs-empty p{font-size:14px}.qs-preview-caption{padding:4px 20px 0;font-size:11px!important}.qs-print-spec{display:flex;flex-wrap:wrap;gap:6px 20px;margin:16px 20px;padding-bottom:15px;border-bottom:1px solid #dceaf3;font-size:12px;color:#58748a}.qs-print-spec b{color:#173b57}.qs-destination{margin:12px 20px;padding:10px 12px;background:#f2f8fc;border-radius:8px;font-size:11px}.qs-destination strong{display:block;font-size:11px}.qs-destination a{display:block;color:#0969b5;overflow-wrap:anywhere;margin-top:4px}.qs-export{padding:5px 20px 0}.qs-export>.qs-inline-actions>button{flex:1}.qs-batch{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:end;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #dceaf3}.qs-batch button{font-size:12px}.qs-export [role=status]{font-size:12px;min-height:18px}.qs-scan-note{padding:0 20px 18px;margin-bottom:0!important;font-size:11px!important}.qs-presets{margin-top:0!important}@media(max-width:1250px){.qs-layout{grid-template-columns:minmax(310px,1fr) minmax(300px,1fr);gap:18px}.qs-card{padding:18px}.qs-stage{padding:24px}.qs-preview-panel>header{flex-wrap:wrap}}@media(max-width:1050px){.qs-layout{grid-template-columns:1fr}.qs-preview-column{position:static;grid-row:1}.qs-stage{min-height:0;padding:28px}.qs-artwork{width:min(100%,270px)}.qs-source{grid-template-columns:1fr 1fr}.qs-source>label:first-child{grid-column:1/-1}.qs-heading{flex-wrap:wrap}}@media(max-width:540px){.qr-studio h1{font-size:28px}.qs-source{grid-template-columns:1fr;padding:16px}.qs-source>label:first-child{grid-column:auto}.qs-card{padding:16px}.qs-field-pair{gap:12px}.qs-stage{padding:20px}.qs-frame-options{gap:5px}.qs-frame-swatch{width:36px;height:49px}.qs-frame{font-size:9px!important}.qs-table-tools{flex-wrap:wrap}.qs-table-tools input{flex-basis:100%}.qs-batch{grid-template-columns:1fr}.qs-print-spec{display:grid;gap:8px}.qs-inline-actions>button{min-width:0}.qs-export>.qs-inline-actions{flex-direction:column;align-items:stretch}.qs-surface-label{max-width:none}.qs-preview-panel>header{align-items:start}.qs-checks{grid-template-columns:1fr}.qs-checks label:last-child{grid-column:auto}}
.qs-frame-filter{margin-bottom:14px;flex-wrap:wrap}.qs-frame-filter button{font-size:12px;white-space:normal}.qs-frame-options{grid-template-columns:repeat(auto-fit,minmax(78px,1fr))}.qs-colors{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.qs-logo-picker{border-top:1px solid #e0ebf3;margin-top:20px;padding-top:16px;display:grid;gap:12px}.qs-logo-picker input[type=file]{font-size:12px}.qs-logo-picker .qs-help{font-weight:400;margin:0}.qs-artwork[data-orientation=landscape]{width:min(100%,600px)}
.qs-swatch-lattice{border:3px double #8d2428;border-radius:0;box-shadow:inset 0 0 0 2px #fffaf0,inset 0 0 0 3px #c69a45;background:#fffaf0}.qs-swatch-imperial{border:5px solid #9c2029;border-radius:0;outline:1px solid #d8b45d;outline-offset:-3px;background:#fff9ec}.qs-swatch-ruyi{border:3px double #8f2d35;border-radius:11px 11px 5px 5px;background:#fffaf3}.qs-swatch-moon{border:3px double #456b65;border-radius:21px;background:#f7faf3}.qs-swatch-bamboo{border:1px solid #346f56;border-left:4px dashed #346f56;border-right:4px dashed #346f56;border-radius:2px;background:#faf9ed}.qs-swatch-seal{border:4px double #ac3b2b;border-radius:1px;outline:1px solid #c59457;outline-offset:-6px;background:#fffbef}
@media(max-width:540px){.qs-frame-options{grid-template-columns:repeat(auto-fit,minmax(66px,1fr));gap:7px}.qs-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-frame-filter button{font-size:11px}.qs-artwork[data-orientation=landscape]{width:100%}}
