:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#183348;background:#f7f9fc}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #58a8fa;outline-offset:3px}button{transition:background .15s,transform .15s}a{color:inherit}.q-header{height:80px;background:#fff;border-bottom:1px solid #e3eaf0;padding:0 36px;display:flex;align-items:center;gap:30px}.q-brand{font-size:25px;font-weight:800;color:#196bc5;letter-spacing:-1.3px;text-decoration:none}.q-brand span{font-size:10px;letter-spacing:.16em;font-weight:500;margin-left:12px;color:#7890a3}.q-label{border-left:1px solid #e1e7ec;padding-left:28px;font-size:12px;color:#728594}.q-save{margin-left:auto;font-size:11px;color:#617988;max-width:300px}.q-intro{max-width:1300px;margin:64px auto 40px;padding:0 32px}.q-eyebrow{font-size:10px;font-weight:bold;letter-spacing:.2em;color:#2175c9}.q-intro h1{font-size:clamp(32px,4vw,50px);line-height:1.12;letter-spacing:-2px;margin:19px 0}.q-intro h1 em{font-style:normal;color:#70899c;font-weight:400}.q-intro p{color:#738696;line-height:1.7;max-width:590px;font-size:15px}.q-grid{max-width:1300px;display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:auto;padding:0 32px 30px}.q-design{border:1px solid #e0e6ec;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 30px #12304b06}.q-mini{height:330px;background:#eaeef2;position:relative;overflow:hidden}.q-mini iframe{border:0;width:1000px;height:640px;transform:scale(.57);transform-origin:top left;pointer-events:none;position:absolute;left:0;top:7px}.q-card-meta{padding:25px;display:flex;justify-content:space-between;align-items:center;gap:12px}.q-card-meta small{font-size:9px;letter-spacing:.12em;color:#8c9daa}.q-card-meta h2{font-size:20px;letter-spacing:-.5px;margin:8px 0}.q-card-meta p{font-size:11px;color:#7b8c9a;margin:0}.q-primary{border:0;background:#126fce;color:white;padding:13px 16px;border-radius:9px;font-size:11px;white-space:nowrap}.q-primary span{padding-left:8px}.q-primary:hover{background:#0c5caf}.q-disclaimer{font-size:12px;color:#8a99a4;text-align:center;padding:16px 22px 35px}.q-workbar{display:flex;align-items:center;gap:28px;padding:16px 30px;background:white;border-bottom:1px solid #e2e9ee;min-height:69px}.q-workbar strong{font-size:14px}.q-work-actions{margin-left:auto;display:flex;gap:8px}.q-secondary,.q-icon{border:1px solid #dce5ec;background:white;color:#294d68;padding:10px 13px;border-radius:8px;font-size:12px}.q-icon{font-size:20px;line-height:16px}.q-text-button{border:0;background:none;padding:8px 0;color:#2a6faa;font-size:12px;text-align:left}.q-workspace{display:grid;grid-template-columns:320px minmax(0,1fr);align-items:start}.q-sidebar{background:white;border-right:1px solid #e0e7ec;max-height:calc(100vh - 149px);overflow-y:auto;position:sticky;top:0;scrollbar-width:thin}.q-tabs{display:flex;gap:4px;position:sticky;top:0;background:white;padding:17px 14px 13px;border-bottom:1px solid #edf1f4;z-index:3}.q-tabs button{border:0;background:none;color:#6c8191;padding:10px;border-radius:8px;font-size:12px;flex:1}.q-tabs button[aria-pressed=true]{background:#e9f3ff;color:#0867c6;font-weight:bold}#q-panel{padding:14px 22px 24px}.q-hint{font-size:11px;line-height:1.7;color:#8494a0;margin:0 0 20px}.q-field{display:block;font-size:11px;font-weight:600;color:#506878;margin:16px 0}.q-field input,.q-field select{display:block;width:100%;margin-top:8px;border:1px solid #d9e2e9;border-radius:7px;background:#fff;padding:11px;color:#263f52;font-size:13px;font-weight:400;min-width:0}.q-field input[type=range]{border:0;padding:0;accent-color:#1273d2}.q-field input[type=color]{height:42px;padding:4px;cursor:pointer}.q-check{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5;margin:18px 0;color:#3c586b}.q-check input{accent-color:#1673d0;width:17px;height:17px;flex-shrink:0}.q-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.q-color-grid .q-field{margin:8px 0}.q-photo-control{border:1px solid #e0e7ed;border-radius:10px;padding:12px;margin:16px 0}.q-photo-control strong{font-size:11px;display:block;margin-bottom:10px}.q-photo-control img{width:100%;height:110px;object-fit:cover;border-radius:6px;display:block;margin-bottom:10px}.q-photo-control p{font-size:12px;color:#8a9ba8}.q-upload{position:relative;display:block;border:1px dashed #92b9d8;background:#f4f9ff;color:#2c6da0;border-radius:7px;padding:11px;text-align:center;font-size:12px;overflow:hidden;cursor:pointer}.q-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.q-photo-control .q-text-button{font-size:11px}.q-sidebar h3{font-size:14px;margin-top:28px}.q-option-edit{border:1px solid #dfe6eb;border-radius:10px;margin:20px 0;padding:8px 12px}.q-option-edit legend{font-size:11px;color:#527287;padding:0 5px}.q-sidebar-foot{border-top:1px solid #e7edf2;padding:16px 22px;display:grid;gap:10px}.q-stage{min-width:0;padding:28px 25px 50px;background:#f2f5f8;min-height:calc(100vh - 149px)}.q-previewbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.q-previewbar strong{font-size:13px}.q-previewbar p{font-size:11px;color:#7c909e;margin:7px 0 0;line-height:1.5}.q-device{display:flex;border:1px solid #dce5ec;border-radius:8px;background:#fff;padding:3px}.q-device button{border:0;background:transparent;padding:8px 10px;color:#718a9d;border-radius:5px;font-size:11px}.q-device button[aria-pressed=true]{background:#e7f2ff;color:#1269bc}.q-canvas{margin:auto;width:100%;max-width:1200px;min-height:500px;background-color:#e9eef2;background-image:linear-gradient(45deg,#ffffff55 25%,transparent 25%),linear-gradient(-45deg,#ffffff55 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff55 75%),linear-gradient(-45deg,transparent 75%,#ffffff55 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;transition:max-width .2s;border-radius:14px}.q-canvas.mobile{max-width:390px;border:6px solid #263a49;border-radius:27px;overflow:hidden}.q-canvas iframe{display:block;width:100%;height:700px;border:0;border-radius:14px}.q-under{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#8a9ba8;margin-top:16px}.q-under button{font-size:11px}@media(min-width:1450px){.q-workspace{grid-template-columns:350px minmax(0,1fr)}.q-stage{padding:35px}}@media(max-width:1200px){.q-mini{height:290px}.q-mini iframe{transform:scale(.46)}.q-card-meta{display:block}.q-card-meta .q-primary{margin-top:18px}.q-workspace{grid-template-columns:290px minmax(0,1fr)}.q-stage{padding:20px 12px}.q-previewbar{align-items:flex-start}.q-previewbar p{max-width:240px}}@media(max-width:800px){.q-header{padding:0 18px;height:66px;gap:12px}.q-brand{font-size:22px}.q-label{display:none}.q-save{font-size:10px;max-width:180px}.q-intro{margin:35px auto 28px;padding:0 20px}.q-intro h1{letter-spacing:-1px}.q-grid{grid-template-columns:1fr;padding:0 16px 20px;max-width:650px;gap:22px}.q-mini{height:310px}.q-mini iframe{transform:scale(.57)}.q-card-meta{display:flex;padding:20px}.q-card-meta .q-primary{margin:0}.q-card-meta h2{font-size:18px}.q-card-meta p{max-width:190px}.q-workbar{padding:12px 16px;gap:14px;flex-wrap:wrap}.q-workbar strong{font-size:12px}.q-work-actions{gap:5px}.q-work-actions .q-secondary{font-size:10px;padding:9px}.q-workspace{display:flex;flex-direction:column-reverse}.q-stage{width:100%;padding:18px 10px 20px;min-height:0}.q-sidebar{width:100%;max-height:none;border:0;position:relative}.q-tabs{position:sticky;top:0}.q-previewbar{padding:0 8px}.q-previewbar p{max-width:220px;font-size:10px}.q-previewbar strong{font-size:12px}.q-under{padding:0 8px}.q-canvas iframe{height:720px}.q-canvas.mobile{max-width:375px}.q-sidebar-foot{padding-bottom:40px}}@media(max-width:500px){.q-mini{height:220px}.q-mini iframe{transform:scale(.365)}.q-card-meta{display:block}.q-card-meta .q-primary{margin-top:15px;width:100%}.q-card-meta p{max-width:none}.q-workbar strong{display:none}.q-workbar .q-text-button{font-size:11px}.q-previewbar{display:block}.q-previewbar p{max-width:none}.q-device{width:max-content;margin:14px 0 0 auto}.q-intro p{font-size:13px}.q-save{max-width:145px}.q-header .q-brand span{display:none}}

.q-brand{display:flex;align-items:center;flex-shrink:0}.q-brand img{width:170px;height:46px;object-fit:contain;display:block}.q-help-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 36px;background:linear-gradient(110deg,#edf7ff,#f7fbff);border-bottom:1px solid #dceaf6;color:#234d6d}.q-help-person{display:flex;align-items:center;gap:13px}.q-help-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:white;color:#1475cf;font:500 23px Georgia,serif;border:1px solid #c7e1f6;flex-shrink:0}.q-help-copy strong{font-size:13px;display:block}.q-help-copy p{margin:4px 0 0;font-size:12px;color:#617d91;line-height:1.5}.q-help-banner a{border:1px solid #aed2f0;border-radius:8px;padding:11px 15px;background:white;color:#126bc4;font-size:12px;text-decoration:none;white-space:nowrap}.q-tabs{flex-wrap:wrap}.q-tabs button{min-width:68px;flex:1;padding:10px 5px}.q-sidebar{max-height:calc(100vh - 225px)}.q-position-note{font-size:11px;line-height:1.6;color:#6c8292}.q-value-readout{font-weight:400;color:#1273d2;font-variant-numeric:tabular-nums;margin-left:6px}@media(max-width:800px){.q-help-banner{padding:15px 18px;gap:12px}.q-help-copy p{font-size:11px}.q-help-banner a{font-size:11px;padding:9px 11px}.q-brand img{width:130px;height:37px}.q-sidebar{max-height:none}}@media(max-width:480px){.q-help-banner{align-items:flex-start;flex-direction:column;gap:10px}.q-help-banner a{margin-left:53px}.q-header{gap:10px}.q-save{max-width:140px}}

.q-field textarea{width:100%;padding:12px;border:1px solid #cbdde9;border-radius:8px;font:13px/1.6 Arial;color:#213f54;resize:vertical}.q-order-buttons{display:flex;gap:8px;margin:12px 0}.q-order-buttons button{padding:8px;border:1px solid #cbdde9;background:white;color:#326589;border-radius:6px;font-size:11px}.q-order-buttons button:disabled{opacity:.4}