:root{--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-serif:"Playfair Display",Georgia,serif;--font-display:"Outfit",sans-serif;--theme-transition:background 0.4s cubic-bezier(0.4,0,0.2,1),color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;--tiffany:#21f1a8;--tiffany-hover:#05d588;--dark-gray:#171717;--dark-gray-surface:#1e1e1e;--accent-primary:#21f1a8;--accent-gradient:linear-gradient(135deg,#21f1a8,#05d588);--accent-text:#171717;--bg-overlay:linear-gradient(180deg,#171717c2,#17171799 40%,#171717e0);--text-main:#f9fafb;--text-hero:#fff;--text-muted:#9ca3af;--text-light-muted:#ffffffe0;--header-bg:#171717;--header-border:#21f1a866;--card-bg:#171717;--card-border:#21f1a852;--card-shadow:0 20px 50px #0009,0 0 1px #21f1a840;--input-bg:#222;--input-border:#ffffff29;--input-text:#f9fafb;--pedestal-bg:#171717;--pedestal-border:#21f1a859;--tile-bg:#121212;--tile-text:#21f1a8;--modal-bg:#171717;--modal-border:#21f1a866}[data-theme=light]{--bg-overlay:linear-gradient(180deg,#f4f7f5b8,#f4f7f580 40%,#f4f7f5d1);--text-main:#171717;--text-hero:#171717;--text-muted:#52525b;--text-light-muted:#171717d9;--header-bg:#fff;--header-border:#21f1a880;--card-bg:#fff;--card-border:#21f1a866;--card-shadow:0 16px 45px #1717171f,0 0 1px #21f1a84d;--input-bg:#f4f6f5;--input-border:#1717172e;--input-text:#171717;--pedestal-bg:#fff;--pedestal-border:#21f1a873;--tile-bg:#171717;--tile-text:#21f1a8;--modal-bg:#fff;--modal-border:#21f1a873}*{-webkit-font-smoothing:antialiased;box-sizing:border-box;margin:0;padding:0}body{background-color:#171717;color:#f9fafb;color:var(--text-main);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);min-height:100vh;overflow-x:hidden}.qro-page-container{background:radial-gradient(circle at 80% 20%,#21f1a829 0,#0000 50%),radial-gradient(circle at 20% 80%,#21f1a81a 0,#0000 50%),url(/static/media/backdrop.30566879382f47f7c172.jpg) 50% /cover no-repeat fixed;display:flex;flex-direction:column;min-height:100vh;position:relative}.qro-backdrop-overlay,.qro-page-container{transition:background .4s cubic-bezier(.4,0,.2,1),color .3s ease,border-color .3s ease,box-shadow .3s ease;transition:var(--theme-transition)}.qro-backdrop-overlay{background:linear-gradient(180deg,#171717c2,#17171799 40%,#171717e0);background:var(--bg-overlay);inset:0;pointer-events:none;position:fixed;z-index:0}.qro-network-banner{align-items:center;animation:slideDown .35s ease;background:linear-gradient(90deg,#ea580c,#dc2626);box-shadow:0 4px 14px #dc26264d;color:#fff;display:flex;font-size:.825rem;font-weight:600;gap:12px;justify-content:center;padding:8px 16px;position:relative;text-align:center;z-index:60}.qro-network-banner button{background:#ffffff40;border:1px solid #fff9;border-radius:99px;color:#fff;cursor:pointer;font-size:.725rem;font-weight:700;padding:3px 10px;transition:all .2s}.qro-network-banner button:hover{background:#fff6}.qro-header-wrap{display:flex;justify-content:center;padding:0 20px;position:sticky;top:16px;width:100%;z-index:50}.qro-header{background:#171717;background:var(--header-bg);border:1px solid #21f1a866;border:1px solid var(--header-border);border-radius:9999px;box-shadow:0 10px 30px #00000040;justify-content:space-between;max-width:1240px;padding:10px 22px;transition:background .4s cubic-bezier(.4,0,.2,1),color .3s ease,border-color .3s ease,box-shadow .3s ease;transition:var(--theme-transition);width:100%}.qro-header,.qro-logo-group{align-items:center;display:flex}.qro-logo-group{cursor:pointer;gap:8px;text-decoration:none;-webkit-user-select:none;user-select:none}.qro-logo-icon{align-items:center;background:#fff;border:1px solid #fff9;border-radius:10px;box-shadow:0 4px 14px #0003;display:flex;height:36px;justify-content:center;overflow:hidden;padding:2px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);width:36px}.qro-logo-icon .qro-logo-img{border-radius:7px;display:block;height:100%;object-fit:contain;width:100%}.qro-logo-group:hover .qro-logo-icon{transform:rotate(-6deg) scale(1.08)}.qro-logo-title{color:#fff;color:var(--text-hero);font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:1.35rem;font-weight:800;letter-spacing:-.5px}.qro-pro-badge{background:#21f1a826;border:1px solid #21f1a866;border-radius:6px;color:#21f1a8;font-size:.65rem;font-weight:700;letter-spacing:.8px;padding:2px 7px;text-transform:uppercase}.qro-nav-links{align-items:center;display:flex;gap:20px;list-style:none}.qro-nav-item{border-radius:20px;color:#9ca3af;color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:600;padding:7px 16px;position:relative;transition:all .25s ease;-webkit-user-select:none;user-select:none}.qro-nav-item:hover{background:#21f1a81f;color:#fff;color:var(--text-hero)}.qro-nav-item.active{background:#21f1a833;color:#fff;color:var(--text-hero);font-weight:700}.qro-nav-item.active:after{background:#21f1a8;border-radius:99px;bottom:-4px;box-shadow:0 0 10px #21f1a8;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:18px}.qro-nav-actions{align-items:center;display:flex;gap:12px}.qro-btn-install{align-items:center;background:#21f1a829;border:1px solid #21f1a873;border-radius:9999px;box-shadow:0 2px 8px #21f1a840;color:#21f1a8;cursor:pointer;display:inline-flex;font-size:.825rem;font-weight:700;gap:6px;padding:8px 16px;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.qro-btn-install:hover{background:#21f1a84d;border-color:#21f1a8;box-shadow:0 4px 14px #21f1a866;transform:translateY(-1px)}.qro-icon-btn{align-items:center;background:#222;background:var(--input-bg);border:1px solid #ffffff29;border:1px solid var(--input-border);border-radius:50%;color:#f9fafb;color:var(--text-main);cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:38px}.qro-icon-btn:hover{background:#21f1a833;border-color:#21f1a8;transform:scale(1.1) rotate(15deg)}.qro-btn-signin{background:#0000;border:none;border-radius:20px;color:#f9fafb;color:var(--text-main);cursor:pointer;font-size:.875rem;font-weight:600;padding:8px 16px;transition:all .25s ease}.qro-btn-signin:hover{background:#21f1a81f;color:#fff;color:var(--text-hero)}.qro-btn-getstarted{background:linear-gradient(135deg,#21f1a8,#05d588);background:var(--accent-gradient);border:none;border-radius:9999px;box-shadow:0 4px 16px #21f1a873;color:#171717;cursor:pointer;font-size:.875rem;font-weight:700;padding:9px 22px;transition:all .25s ease}.qro-btn-getstarted:hover{box-shadow:0 6px 22px #21f1a8a6;filter:brightness(1.12);transform:translateY(-2px)}.qro-main-content{flex:1 1;margin:48px auto 60px;max-width:1240px;position:relative;width:calc(100% - 40px);z-index:10}.qro-hero-heading{animation:fadeIn .6s ease;margin-bottom:36px}.qro-eyebrow{color:#ffffffe0;color:var(--text-light-muted);font-size:.75rem;font-weight:700;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}.qro-headline{color:#fff;color:var(--text-hero);font-size:3.4rem;font-weight:800;letter-spacing:-1.2px;line-height:1.15;text-shadow:0 3px 12px #0006}.qro-tangible-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#21f1a8,#05d588);-webkit-background-clip:text;font-family:Playfair Display,Georgia,serif;font-family:var(--font-serif);font-style:italic;font-weight:400;padding-right:4px}.qro-subheadline{color:#fffffff2;font-size:1.55rem;font-weight:600;letter-spacing:-.3px;margin-top:6px;text-shadow:0 2px 6px #0000004d}.qro-desc{color:#ffffffe0;color:var(--text-light-muted);font-size:.975rem;line-height:1.55;margin-top:8px;max-width:560px;text-shadow:0 1px 3px #0000004d}.qro-workspace-grid{grid-gap:36px;align-items:start;display:grid;gap:36px;grid-template-columns:1.08fr .92fr}.qro-control-panel{background:#171717;background:var(--card-bg);border:1px solid #21f1a852;border:1px solid var(--card-border);border-radius:28px;box-shadow:0 20px 50px #0009,0 0 1px #21f1a840;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:28px;padding:32px 30px;transition:background .4s cubic-bezier(.4,0,.2,1),color .3s ease,border-color .3s ease,box-shadow .3s ease;transition:var(--theme-transition)}.qro-type-tabs{-webkit-overflow-scrolling:touch;background:#0000001f;border:1px solid #ffffff40;border-radius:9999px;display:flex;gap:4px;overflow-x:auto;padding:5px;scrollbar-width:none}.qro-type-tabs::-webkit-scrollbar{display:none}.qro-type-tab{align-items:center;background:#0000;border:none;border-radius:9999px;color:#9ca3af;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:7px;justify-content:center;padding:10px 14px;transition:all .25s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.qro-type-tab:hover{background:#ffffff26;color:#f9fafb;color:var(--text-main)}.qro-type-tab.active{background:linear-gradient(135deg,#21f1a8,#05d588);background:var(--accent-gradient);box-shadow:0 4px 14px #21f1a873;color:#171717;font-weight:700}.qro-step-card{display:flex;flex-direction:column;gap:12px;transition:all .25s ease}.qro-step-header{align-items:flex-start;display:flex;gap:12px}.qro-step-num{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;margin-top:2px;width:24px}.qro-step-num,[data-theme=dark] .qro-step-num{background:#21f1a82e;border:1px solid #21f1a859;color:#21f1a8}.qro-step-title{color:#f9fafb;color:var(--text-main);font-size:.95rem;font-weight:700;line-height:1.25}.qro-step-subtitle{color:#9ca3af;color:var(--text-muted);font-size:.85rem;font-weight:500;line-height:1.4;margin-top:3px}.qro-input-wrapper{align-items:center;background:#222;background:var(--input-bg);border:1px solid #ffffff29;border:1px solid var(--input-border);border-radius:14px;box-shadow:inset 0 1px 3px #0000000d;display:flex;padding:12px 14px;position:relative;transition:all .25s ease}.qro-input-wrapper:focus-within{border-color:#21f1a8;box-shadow:0 0 0 3px #21f1a840}.qro-input-icon{align-items:center;color:#9ca3af;color:var(--text-muted);display:flex;margin-right:10px}.qro-text-input{background:#0000;border:none;color:#f9fafb;color:var(--input-text);flex:1 1;font-family:inherit;font-size:.875rem;font-weight:500;outline:none}.qro-text-input::placeholder{color:#9ca3af;color:var(--text-muted);opacity:.7}.qro-clear-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#9ca3af;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:3px;transition:all .2s}.qro-clear-btn:hover{background:#0000001a;color:#f9fafb;color:var(--text-main)}.qro-styles-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.qro-style-option{align-items:center;background:#222;background:var(--input-bg);border:1.5px solid #ffffff29;border:1.5px solid var(--input-border);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:14px 10px 10px;position:relative;transition:all .25s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none}.qro-style-option:hover{border-color:#21f1a8;transform:translateY(-2px)}.qro-style-option.selected{background:#21f1a81f;border-color:#21f1a8;box-shadow:0 6px 18px #21f1a840}.qro-style-radio{align-items:center;border:1.5px solid #9ca3af;border:1.5px solid var(--text-muted);border-radius:50%;display:flex;height:14px;justify-content:center;left:8px;position:absolute;top:8px;transition:all .2s;width:14px}.qro-style-option.selected .qro-style-radio{background:#21f1a8;border-color:#21f1a8}.qro-style-option.selected .qro-style-radio:after{background:#171717;border-radius:50%;content:"";height:5px;width:5px}.qro-style-preview{align-items:center;display:flex;justify-content:center;margin:6px 0 8px}.qro-style-label,.qro-style-preview{color:#f9fafb;color:var(--text-main)}.qro-style-label{font-size:.825rem;font-weight:600}.qro-colors-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.qro-color-card{display:flex;flex-direction:column;gap:6px}.qro-color-label{color:#f9fafb;color:var(--text-main);font-size:.825rem;font-weight:600}.qro-color-picker-box{align-items:center;background:#222;background:var(--input-bg);border:1px solid #ffffff29;border:1px solid var(--input-border);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;position:relative;transition:all .2s ease}.qro-color-picker-box:hover{border-color:#21f1a8}.qro-color-preview-group{align-items:center;display:flex;gap:9px}.qro-color-swatch{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0003;flex-shrink:0;height:22px;width:22px}.qro-color-hex{color:#f9fafb;color:var(--text-main);font-size:.85rem;font-weight:700;letter-spacing:.5px}.qro-color-chevron{color:#9ca3af;color:var(--text-muted);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.qro-color-chevron.open{color:#21f1a8;transform:rotate(180deg)}.qro-custom-picker-container{position:relative;width:100%}.qro-custom-picker-container.compact{width:auto}.qro-compact-color-trigger{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #00000059;cursor:pointer;display:block;height:20px;padding:0;transition:transform .2s,box-shadow .2s;width:20px}.qro-compact-color-trigger:hover{box-shadow:0 0 10px #21f1a899;transform:scale(1.18)}.qro-color-picker-box.active-trigger{border-color:#21f1a8;box-shadow:0 0 0 3px #21f1a840}.qro-picker-mobile-backdrop{display:none}@media (max-width:600px){.qro-picker-mobile-backdrop{animation:fadeIn .2s ease;background:#000000a6;display:block;inset:0;position:fixed;z-index:85}}.qro-picker-popover{animation:scaleUp .2s cubic-bezier(.16,1,.3,1);background:#171717;border:1.5px solid #21f1a861;border-radius:18px;box-shadow:0 24px 60px #000000bf,0 0 1px #21f1a866;left:0;padding:16px;position:absolute;width:290px;z-index:90}.qro-picker-popover.placement-bottom{top:calc(100% + 8px)}.qro-picker-popover.placement-top{bottom:calc(100% + 8px)}[data-theme=light] .qro-picker-popover{background:#fff;border-color:#21f1a873;box-shadow:0 20px 50px #17171729,0 0 1px #21f1a866}@media (max-width:600px){.qro-picker-popover{bottom:24px!important;box-shadow:0 30px 80px #000000d9,0 0 1px #21f1a880;left:50%!important;max-width:100vw;position:fixed;top:auto!important;transform:translateX(-50%)!important;width:min(320px,calc(100vw - 32px))!important;z-index:90}}.qro-picker-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}[data-theme=light] .qro-picker-header{border-bottom-color:#00000014}.qro-picker-title-group{align-items:center;display:flex;gap:7px}.qro-picker-dot{background:#21f1a8;border-radius:50%;box-shadow:0 0 6px #21f1a8;height:7px;width:7px}.qro-picker-title{color:#f9fafb;color:var(--text-main);font-size:.78rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.qro-picker-header-actions{align-items:center;display:flex;gap:6px}.qro-picker-icon-action{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:7px;color:#f9fafb;color:var(--text-main);cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .2s;width:26px}.qro-picker-icon-action:hover{background:#21f1a833;border-color:#21f1a8;color:#21f1a8}.qro-picker-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;color:var(--text-muted);cursor:pointer;display:flex;font-size:.85rem;height:24px;justify-content:center;transition:all .2s;width:24px}.qro-picker-close-btn:hover{background:#ffffff1a;color:#f9fafb;color:var(--text-main)}.qro-picker-sat-pad{border-radius:12px;box-shadow:inset 0 0 1px #0000004d;cursor:crosshair;height:140px;margin-bottom:12px;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.qro-picker-sat-white{background:linear-gradient(90deg,#fff,#fff0)}.qro-picker-sat-black,.qro-picker-sat-white{inset:0;pointer-events:none;position:absolute}.qro-picker-sat-black{background:linear-gradient(180deg,#0000,#000)}.qro-picker-sat-thumb{border:2px solid #fff;border-radius:50%;box-shadow:0 0 4px #0009,0 0 10px #21f1a8b3;height:16px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:16px}.qro-picker-slider-row{align-items:center;display:flex;gap:12px;margin-bottom:14px}.qro-picker-hue-track{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);border-radius:99px;box-shadow:inset 0 1px 2px #0003;cursor:pointer;flex:1 1;height:14px;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.qro-picker-hue-thumb{border:2px solid #fff;border-radius:50%;box-shadow:0 0 4px #00000080;height:18px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:18px}.qro-picker-live-swatch{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #00000059;flex-shrink:0;height:26px;width:26px}.qro-picker-inputs-group{display:flex;gap:8px;margin-bottom:14px}.qro-picker-input-col{display:flex;flex-direction:column;gap:3px}.qro-picker-input-col.hex-col{flex:1.4 1}.qro-picker-input-col.rgb-col{flex:1 1}.qro-picker-input-label{color:#9ca3af;color:var(--text-muted);font-size:.65rem;font-weight:800;letter-spacing:.5px;text-align:center}.qro-picker-field{background:#222;background:var(--input-bg);border:1px solid #ffffff29;border:1px solid var(--input-border);border-radius:8px;box-sizing:border-box;color:#f9fafb;color:var(--text-main);font-family:inherit;font-size:.775rem;font-weight:700;outline:none;padding:6px 4px;text-align:center;transition:all .2s;width:100%}.qro-picker-field:focus{border-color:#21f1a8;box-shadow:0 0 0 2px #21f1a833}.qro-picker-field::-webkit-inner-spin-button,.qro-picker-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qro-picker-swatches-section{border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:8px;padding-top:10px}[data-theme=light] .qro-picker-swatches-section{border-top-color:#00000014}.qro-picker-swatches-title{color:#9ca3af;color:var(--text-muted);font-size:.66rem;font-weight:800;letter-spacing:.8px}.qro-picker-swatches-grid{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);justify-items:center}.qro-picker-preset-dot{border:1.5px solid #ffffff40;border-radius:50%;cursor:pointer;height:22px;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;width:22px}.qro-picker-preset-dot:hover{border-color:#21f1a8;transform:scale(1.22)}.qro-picker-preset-dot.active-swatch{border:2px solid #21f1a8;box-shadow:0 0 8px #21f1a899;transform:scale(1.18)}.qro-scan-badge{align-items:center;animation:fadeIn .25s ease;border-radius:10px;display:flex;font-size:.8rem;font-weight:600;gap:8px;line-height:1.35;margin-top:10px;padding:9px 12px}.qro-scan-badge.good{background:#10b98124;border:1px solid #10b98166;color:#047857}[data-theme=dark] .qro-scan-badge.good{background:#10b9812e;border-color:#34d39959;color:#34d399}.qro-scan-badge.warning{background:#f59e0b24;border:1px solid #f59e0b66;color:#b45309}[data-theme=dark] .qro-scan-badge.warning{background:#f59e0b2e;border-color:#fbbf2459;color:#fbbf24}.qro-logo-row,.qro-upload-dropzone{align-items:center;display:flex;gap:12px}.qro-upload-dropzone{background:#222;background:var(--input-bg);border:1.5px dashed #9ca3af;border:1.5px dashed var(--text-muted);border-radius:14px;cursor:pointer;flex:1 1;padding:14px 16px;position:relative;transition:all .25s ease}.qro-upload-dropzone:hover{background:#21f1a814;border-color:#21f1a8}.qro-upload-icon-wrap{align-items:center;background:#ffffff4d;border-radius:8px;color:#9ca3af;color:var(--text-muted);display:flex;height:34px;justify-content:center;width:34px}.qro-upload-text-title{color:#f9fafb;color:var(--text-main);font-size:.875rem;font-weight:700}.qro-upload-text-hint{color:#9ca3af;color:var(--text-muted);font-size:.8rem;font-weight:500;margin-top:1px}.qro-logo-preview-badge{align-items:center;background:#171717;border:1px solid #21f1a84d;border-radius:14px;box-shadow:0 4px 12px #00000059;display:flex;flex-shrink:0;height:58px;justify-content:center;overflow:hidden;position:relative;width:58px}.qro-logo-preview-badge img,.qro-logo-preview-badge svg{height:40px;object-fit:contain;width:40px}.qro-remove-logo-btn{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-4px;top:-4px;transition:transform .2s;width:20px;z-index:5}.qro-remove-logo-btn:hover{transform:scale(1.15)}.qro-frame-header-row{align-items:center;display:flex;justify-content:space-between}.qro-switch{display:inline-block;height:24px;position:relative;width:42px}.qro-switch input{height:0;opacity:0;width:0}.qro-switch-slider{background-color:#94a3b880;border-radius:24px;cursor:pointer;inset:0;position:absolute;transition:.3s cubic-bezier(.4,0,.2,1)}.qro-switch-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 4px #00000040;content:"";height:18px;left:3px;position:absolute;transition:.3s cubic-bezier(.34,1.56,.64,1);width:18px}.qro-switch input:checked+.qro-switch-slider{background:#21f1a8}.qro-switch input:checked+.qro-switch-slider:before{background-color:#171717;transform:translateX(18px)}.qro-caption-input-box{align-items:center;animation:fadeIn .25s ease;background:#222;background:var(--input-bg);border:1px solid #ffffff29;border:1px solid var(--input-border);border-radius:12px;display:flex;justify-content:space-between;margin-top:4px;padding:10px 14px}.qro-caption-field{background:#0000;border:none;color:#f9fafb;color:var(--input-text);flex:1 1;font-size:.825rem;font-weight:700;letter-spacing:2px;outline:none;text-transform:uppercase}.qro-caption-font-btn{align-items:center;background:#ffffff4d;border:1px solid #ffffff29;border:1px solid var(--input-border);border-radius:6px;color:#f9fafb;color:var(--text-main);cursor:pointer;display:flex;font-size:.75rem;font-weight:700;gap:4px;padding:3px 8px;transition:all .2s}.qro-caption-font-btn:hover{background:#ffffff80}.qro-preview-column{display:flex;flex-direction:column;gap:22px}.qro-pedestal-container{align-items:center;background:#171717;background:var(--pedestal-bg);border:1.5px solid #21f1a859;border:1.5px solid var(--pedestal-border);border-radius:36px;box-shadow:0 20px 50px #0009,0 0 1px #21f1a840;box-shadow:var(--card-shadow);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:34px;position:relative;transition:background .4s cubic-bezier(.4,0,.2,1),color .3s ease,border-color .3s ease,box-shadow .3s ease;transition:var(--theme-transition)}.qro-pedestal-container:before{background:radial-gradient(circle,#ffffff59 0,#0000 60%);content:"";height:100%;left:-20%;pointer-events:none;position:absolute;top:-60%;transform:rotate(-25deg);width:140%}.qro-ceramic-tile{align-items:center;background:#121212;background:var(--tile-bg);border-radius:28px;box-shadow:0 16px 36px #00000024,0 2px 6px #00000014;display:flex;flex-direction:column;justify-content:center;max-width:360px;padding:28px 28px 24px;position:relative;transition:transform .3s ease,background .4s ease;width:100%}.qro-ceramic-tile:hover{transform:translateY(-2px)}.qro-qr-canvas-mount{align-items:center;display:flex;height:290px;justify-content:center;position:relative;width:290px}.qro-qr-canvas-mount canvas,.qro-qr-canvas-mount svg{border-radius:12px;height:100%!important;width:100%!important}.qro-tile-loading-overlay{align-items:center;animation:fadeIn .2s ease;background:#171717d9;border-radius:12px;display:flex;flex-direction:column;gap:10px;inset:0;justify-content:center;position:absolute;z-index:10}[data-theme=light] .qro-tile-loading-overlay{background:#ffffffe0}.qro-spinner{animation:spin .8s linear infinite;border:3px solid #21f1a833;border-radius:50%;border-top-color:#21f1a8;height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.qro-tile-caption{color:#21f1a8;color:var(--tile-text);font-size:.8rem;font-weight:700;letter-spacing:3px;margin-top:18px;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none}.qro-download-controls{gap:12px}.qro-download-controls,.qro-modern-dropdown-wrapper{display:flex;flex-direction:column;position:relative;width:100%}.qro-modern-dropdown-wrapper{gap:6px}.qro-dropdown-label-bar{align-items:center;display:flex;justify-content:space-between;padding:0 4px}.qro-dropdown-field-title{color:#f9fafb;color:var(--text-main);font-size:.8rem;font-weight:700;letter-spacing:.2px}.qro-dropdown-quality-hint{color:#9ca3af;color:var(--text-muted);font-size:.725rem;font-weight:600}.qro-modern-dropdown-btn{align-items:center;background:#222;background:var(--input-bg);border:1.5px solid #ffffff29;border:1.5px solid var(--input-border);border-radius:14px;box-shadow:0 2px 8px #00000026;color:#f9fafb;color:var(--text-main);cursor:pointer;display:flex;justify-content:space-between;padding:11px 15px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.qro-modern-dropdown-btn:hover{border-color:#21f1a8;box-shadow:0 4px 16px #21f1a833;transform:translateY(-1px)}.qro-modern-dropdown-btn.active{border-color:#21f1a8;box-shadow:0 0 0 3px #21f1a840}.qro-modern-dropdown-selection{align-items:center;display:flex;gap:10px}.qro-modern-dropdown-indicator{background:#21f1a8;border-radius:50%;box-shadow:0 0 8px #21f1a8;flex-shrink:0;height:8px;width:8px}.qro-modern-dropdown-val-text{color:#f9fafb;color:var(--text-main);font-size:.875rem;font-weight:700}.qro-modern-dropdown-res-tag{background:#21f1a826;border:1px solid #21f1a859;border-radius:6px;color:#21f1a8;font-size:.7rem;font-weight:700;letter-spacing:.4px;padding:2px 7px}.qro-modern-dropdown-chevron-box{align-items:center;color:#9ca3af;color:var(--text-muted);display:flex;justify-content:center}.qro-modern-dropdown-chevron{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.qro-modern-dropdown-chevron.open{color:#21f1a8;transform:rotate(180deg)}.qro-modern-dropdown-menu{animation:slideUp .25s cubic-bezier(.16,1,.3,1);background:#171717;background:var(--card-bg);border:1.5px solid #21f1a873;border-radius:20px;bottom:calc(100% + 8px);box-shadow:0 24px 60px #000000a6,0 0 1px #21f1a866;left:0;padding:10px;position:absolute;right:0;z-index:50}.qro-modern-dropdown-menu-header{align-items:center;border-bottom:1px solid #ffffff14;color:#9ca3af;color:var(--text-muted);display:flex;font-size:.68rem;font-weight:800;justify-content:space-between;letter-spacing:1px;margin-bottom:6px;padding:6px 10px 8px}[data-theme=light] .qro-modern-dropdown-menu-header{border-bottom-color:#00000014}.qro-dropdown-badge-tiffany{background:#21f1a829;border:1px solid #21f1a859;border-radius:6px;color:#21f1a8;font-size:.65rem;font-weight:800;letter-spacing:.5px;padding:2px 7px}.qro-modern-dropdown-options{display:flex;flex-direction:column;gap:4px}.qro-modern-option-row{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.qro-modern-option-row:hover{background:#21f1a81f;border-color:#21f1a84d;transform:translateX(2px)}.qro-modern-option-row.selected{background:#21f1a829;border-color:#21f1a8}.qro-option-icon-box{align-items:center;background:#222;background:var(--input-bg);border:1px solid #ffffff29;border:1px solid var(--input-border);border-radius:10px;color:#21f1a8;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.qro-modern-option-row.selected .qro-option-icon-box{background:#21f1a8;border-color:#21f1a8;color:#171717}.qro-option-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.qro-option-name-row{align-items:center;display:flex;gap:8px}.qro-option-title{color:#f9fafb;color:var(--text-main);font-size:.85rem;font-weight:700}.qro-option-badge{background:#ffffff1a;border-radius:6px;color:#9ca3af;color:var(--text-muted);font-size:.68rem;font-weight:700;padding:1px 6px}[data-theme=light] .qro-option-badge{background:#00000014;color:#f9fafb;color:var(--text-main)}.qro-option-description{color:#9ca3af;color:var(--text-muted);font-size:.725rem;margin-top:1px}.qro-option-checkmark{background:#21f1a833;border:1px solid #21f1a8;border-radius:50%;flex-shrink:0;height:22px;width:22px}.qro-option-checkmark,.qro-primary-download-btn{align-items:center;display:flex;justify-content:center}.qro-primary-download-btn{background:linear-gradient(135deg,#21f1a8,#05d588);background:var(--accent-gradient);border:none;border-radius:16px;box-shadow:0 8px 25px #21f1a873;color:#171717;cursor:pointer;font-size:1rem;font-weight:800;gap:10px;letter-spacing:-.2px;padding:15px 20px;transition:all .25s cubic-bezier(.34,1.56,.64,1);width:100%}.qro-primary-download-btn:hover{box-shadow:0 12px 32px #21f1a899;filter:brightness(1.08);transform:translateY(-2px)}.qro-format-selector-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.qro-format-selector-title{color:#f9fafb;color:var(--text-main);font-size:.825rem;font-weight:700;letter-spacing:.2px}.qro-format-pills{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);width:100%}.qro-format-btn{align-items:center;background:#222;background:var(--input-bg);border:1px solid #ffffff29;border:1px solid var(--input-border);border-radius:14px;color:#f9fafb;color:var(--text-main);cursor:pointer;display:flex;font-size:.825rem;font-weight:700;gap:7px;justify-content:center;padding:11px 14px;transition:all .2s ease}.qro-format-btn:hover{border-color:#21f1a8;transform:translateY(-1px)}.qro-format-btn.active{box-shadow:0 4px 14px #21f1a840}.qro-format-btn.active,[data-theme=dark] .qro-format-btn.active{background:#171717;border-color:#21f1a8;color:#21f1a8}.qro-secondary-actions{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:4px}.qro-text-action-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffe0;color:var(--text-light-muted);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.qro-text-action-btn:hover{background:#ffffff26;color:#fff}.qro-modal-backdrop{align-items:center;animation:fadeIn .25s ease;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.qro-modal-box{animation:scaleUp .3s cubic-bezier(.16,1,.3,1);background:#171717;background:var(--modal-bg);border:1px solid #21f1a866;border:1px solid var(--modal-border);border-radius:28px;box-shadow:0 25px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:100%}.qro-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.qro-modal-title{color:#f9fafb;color:var(--text-main);font-size:1.4rem;font-weight:800;letter-spacing:-.5px}.qro-modal-close-btn{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#f9fafb;color:var(--text-main);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.qro-modal-close-btn:hover{background:#ef444433;color:#ef4444}.qro-templates-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.qro-template-card{background:#222;background:var(--input-bg);border:1.5px solid #ffffff29;border:1.5px solid var(--input-border);border-radius:18px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:16px;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.qro-template-card:hover{border-color:#21f1a8;box-shadow:0 8px 24px #21f1a840;transform:translateY(-3px)}.qro-template-pill-preview{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:48px;justify-content:center;letter-spacing:1px}.qro-template-name{color:#f9fafb;color:var(--text-main);font-size:.925rem;font-weight:700}.qro-template-desc{color:#9ca3af;color:var(--text-muted);font-size:.75rem}.qro-blog-list{display:flex;flex-direction:column;gap:16px}.qro-blog-card{background:#222;background:var(--input-bg);border:1px solid #ffffff29;border:1px solid var(--input-border);border-radius:16px;padding:18px;transition:all .2s}.qro-blog-card:hover{border-color:#21f1a8}.qro-blog-title{color:#f9fafb;color:var(--text-main);font-size:1rem;font-weight:700;margin-bottom:6px}.qro-blog-snippet{color:#9ca3af;color:var(--text-muted);font-size:.825rem;line-height:1.5}.qro-error-box{align-items:center;background:#ef44441f;border:1px solid #ef444459;border-radius:16px;color:#dc2626;display:flex;font-size:.85rem;gap:12px;margin-top:10px;padding:16px}.qro-footer{background:#171717;background:var(--header-bg);border-top:1px solid #21f1a866;border-top:1px solid var(--header-border);margin-top:auto;padding:24px 20px;position:relative;text-align:center;transition:background .4s cubic-bezier(.4,0,.2,1),color .3s ease,border-color .3s ease,box-shadow .3s ease;transition:var(--theme-transition);z-index:10}.qro-footer-content{align-items:center;display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:1200px}.qro-footer-brand{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:700;gap:6px}.qro-footer-links{align-items:center;color:#ffffffb3;display:flex;flex-wrap:wrap;font-size:.825rem;gap:16px;justify-content:center}.qro-footer-link{color:#21f1a8;font-weight:600;text-decoration:none;transition:color .2s}.qro-footer-link:hover{color:#fff;text-decoration:underline}.qro-toast{align-items:center;animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#171717;border:1px solid #21f1a866;border-radius:14px;bottom:24px;box-shadow:0 10px 30px #0009,0 0 15px #21f1a833;color:#f8fafc;display:flex;font-size:.875rem;font-weight:600;gap:10px;padding:12px 20px;position:fixed;right:24px;z-index:110}[data-theme=dark] .qro-toast{background:#171717;border-color:#21f1a866}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.qro-workspace-grid{display:flex;flex-direction:column;gap:32px}.qro-control-panel{order:1;width:100%}.qro-preview-column{order:2;width:100%}.qro-pedestal-container{box-sizing:border-box;padding:28px 20px;width:100%}.qro-primary-download-group{width:100%}.qro-primary-download-btn{flex:1 1;width:100%}.qro-headline{font-size:clamp(2rem,5vw,2.6rem)}}@media (max-width:768px){.qro-header-wrap{padding:16px 16px 0;position:static;top:auto}.qro-header{border-radius:20px;gap:10px;padding:8px 14px}.qro-btn-signin,.qro-nav-links{display:none}.qro-main-content{margin:20px auto 40px;width:calc(100% - 24px)}.qro-hero-heading{margin-bottom:22px}.qro-headline{font-size:clamp(1.85rem,6vw,2.3rem)}.qro-subheadline{font-size:1.2rem}.qro-workspace-grid{display:flex;flex-direction:column;gap:28px;width:100%}.qro-control-panel{border-radius:22px;box-sizing:border-box;gap:24px;order:1;padding:24px 18px;width:100%}.qro-preview-column{display:flex;flex-direction:column;gap:20px;order:2}.qro-preview-column,.qro-type-tabs{box-sizing:border-box;width:100%}.qro-styles-grid{gap:8px;grid-template-columns:repeat(3,1fr);width:100%}.qro-style-option{min-width:0;padding:10px 4px}.qro-colors-row{gap:10px;grid-template-columns:1fr 1fr;width:100%}.qro-pedestal-container{border-radius:24px;padding:24px 16px}.qro-ceramic-tile,.qro-pedestal-container{box-sizing:border-box;max-width:100%;width:100%}.qro-ceramic-tile{padding:20px 16px 18px}.qro-qr-canvas-mount{aspect-ratio:1;height:auto;margin:0 auto;width:min(260px,calc(100vw - 72px))}.qro-download-controls{box-sizing:border-box;width:100%}.qro-primary-download-group{display:flex;width:100%}.qro-primary-download-btn{flex:1 1;width:100%}.qro-format-selector-wrapper{width:100%}.qro-format-pills{gap:8px;grid-template-columns:repeat(3,1fr);width:100%}.qro-format-btn{font-size:.775rem;gap:5px;padding:10px 8px}.qro-secondary-actions{justify-content:center;width:100%}.qro-templates-grid{grid-template-columns:1fr}.qro-footer{flex-direction:column;gap:14px;padding:24px 16px;text-align:center}.qro-footer-links{flex-wrap:wrap;gap:14px;justify-content:center}}@media (max-width:480px){.qro-header-wrap{padding:12px 10px 0}.qro-header{gap:8px;padding:6px 10px}.qro-logo-title{font-size:1.15rem}.qro-logo-icon{height:30px;width:30px}.qro-pro-badge{display:none}.qro-btn-install{font-size:.75rem;gap:4px;padding:6px 10px}.qro-btn-getstarted{font-size:.78rem;padding:7px 12px}.qro-icon-btn{height:32px;width:32px}.qro-main-content{margin:16px auto 32px;width:calc(100% - 16px)}.qro-headline{font-size:1.7rem}.qro-subheadline{font-size:1.05rem}.qro-control-panel{border-radius:18px;gap:20px;padding:18px 12px}.qro-type-tab{font-size:.75rem;gap:4px;padding:8px 6px}.qro-styles-grid{gap:6px;grid-template-columns:repeat(3,1fr)}.qro-style-option{padding:8px 2px}.qro-style-preview svg{height:22px;width:22px}.qro-style-label{font-size:.7rem;letter-spacing:-.2px}.qro-colors-row{gap:10px;grid-template-columns:1fr}.qro-pedestal-container{border-radius:20px;padding:16px 10px}.qro-ceramic-tile{border-radius:18px;padding:14px 10px}.qro-qr-canvas-mount{aspect-ratio:1;height:auto;width:min(220px,calc(100vw - 56px))}.qro-primary-download-btn{font-size:.85rem;gap:6px;padding:12px 10px}.qro-format-pills{gap:5px;grid-template-columns:repeat(3,1fr)}.qro-format-btn{font-size:.7rem;gap:3px;padding:8px 2px}.qro-modal-card{margin:10px;max-height:90vh;padding:20px 14px;width:calc(100vw - 20px)}}.qro-faq-section{box-sizing:border-box;margin:64px auto 32px;max-width:1100px;padding:0 24px;width:100%}.qro-faq-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#171717;background:var(--card-bg,#171717);border:1px solid #21f1a852;border:1px solid var(--card-border,#ffffff14);border-radius:28px;box-shadow:0 24px 60px #00000073;padding:48px 40px;transition:all .3s ease}[data-theme=light] .qro-faq-container{background:#fff;border-color:#00000014;box-shadow:0 20px 48px #0000000f}.qro-faq-header{margin:0 auto 36px;max-width:680px;text-align:center}.qro-faq-title{color:#f9fafb;color:var(--text-main,#fff);font-size:2.1rem;font-weight:800;letter-spacing:-.8px;line-height:1.25;margin:12px 0 10px}.qro-faq-subtitle{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.95rem;line-height:1.6;margin:0}.qro-faq-accordion{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:860px}.qro-faq-item{background:#222;background:var(--input-bg,#ffffff08);border:1px solid #ffffff29;border:1px solid var(--input-border,#ffffff14);border-radius:16px;overflow:hidden;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}.qro-faq-item:hover{background:#21f1a805;border-color:#21f1a866}.qro-faq-item.open{background:#21f1a80a;border-color:#21f1a899;box-shadow:0 8px 24px #00000040,0 0 1px #21f1a866}.qro-faq-question-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-family:inherit;gap:16px;justify-content:space-between;outline:none;padding:18px 22px;text-align:left;transition:color .2s;width:100%}.qro-faq-question-text{color:#f9fafb;color:var(--text-main,#fff);font-size:1.02rem;font-weight:700;letter-spacing:-.2px;line-height:1.4}.qro-faq-item.open .qro-faq-question-text{color:#21f1a8}.qro-faq-chevron-box{align-items:center;background:#ffffff0f;border-radius:8px;color:#9ca3af;color:var(--text-muted,#9ca3af);display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .25s ease;width:28px}.qro-faq-item.open .qro-faq-chevron-box{background:#21f1a8;color:#171717}.qro-faq-chevron{transition:transform .25s cubic-bezier(.16,1,.3,1)}.qro-faq-chevron.rotated{transform:rotate(180deg)}.qro-faq-answer{animation:fadeIn .25s ease;border-top:1px solid #ffffff0a;padding:0 22px 20px}.qro-faq-answer p{color:#9ca3af;color:var(--text-muted,#a1a1aa);font-size:.925rem;line-height:1.68;margin:12px 0 0}[data-theme=light] .qro-faq-answer p{color:#4b5563}@media (max-width:768px){.qro-faq-section{margin:40px auto 24px;padding:0 12px}.qro-faq-container{border-radius:20px;padding:28px 18px}.qro-faq-title{font-size:1.6rem}.qro-faq-question-btn{padding:14px 16px}.qro-faq-question-text{font-size:.925rem}.qro-faq-answer{padding:0 16px 16px}.qro-faq-answer p{font-size:.85rem}}
/*# sourceMappingURL=main.1bc32a63.css.map*/