.qr-page{min-height:100vh;position:relative;overflow:hidden}.qr-grid-bg{pointer-events:none;z-index:0;background-color:#0000;background-image:linear-gradient(#66bb6a08 1px,#0000 1px),linear-gradient(90deg,#66bb6a08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}.qr-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#66bb6a0f 0%,#0000 70%);width:600px;height:600px;position:fixed;top:-20%;left:50%;transform:translate(-50%)}.qr-container{z-index:1;max-width:1200px;margin:0 auto;padding:5.5rem 1.5rem 3rem;position:relative}.qr-breadcrumb{font-family:var(--font-mono);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.75rem;display:flex}.qr-breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color .2s}.qr-breadcrumb a:hover{color:#66bb6a}.qr-breadcrumb span{color:#fff3}.qr-breadcrumb span:last-child{color:#66bb6a}.qr-layout{grid-template-columns:380px 1fr;gap:1.5rem;min-height:600px;display:grid}.qr-controls-side{flex-direction:column;gap:0;display:flex}.qr-viewport-side{position:relative}.qr-viewport-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f1899;border:1px solid #66bb6a1f;border-radius:16px;height:calc(100vh - 7rem);min-height:500px;position:sticky;top:5.5rem;overflow:hidden}.qr-compile-overlay{color:#66bb6a;font-family:var(--font-mono);z-index:10;letter-spacing:.05em;background:#000000a6;border-radius:16px;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;inset:0}.qr-text-input{width:100%;color:var(--color-text);font-family:var(--font-mono);resize:vertical;background:#ffffff0a;border:1px solid #66bb6a33;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.85rem;transition:border-color .2s}.qr-text-input:focus{border-color:#66bb6a80}.qr-text-input::placeholder{color:#ffffff40}.qr-preview-container{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;justify-content:center;align-items:center;min-height:120px;padding:1rem;display:flex}.qr-preview-canvas{image-rendering:pixelated;border-radius:6px}.qr-preview-placeholder{color:#fff3;font-family:var(--font-mono);flex-direction:column;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.qr-ec-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.qr-ec-btn{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .25rem;transition:all .2s;display:flex}.qr-ec-btn:hover{background:#66bb6a0f;border-color:#66bb6a40}.qr-ec-btn--active{background:#66bb6a1a;border-color:#66bb6a80;box-shadow:0 0 12px #66bb6a26}.qr-ec-level{font-family:var(--font-display);color:#66bb6a;font-size:.85rem;font-weight:700}.qr-ec-desc{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.65rem}.qr-toggle-row{cursor:pointer;justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}.qr-toggle{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.qr-toggle:before{content:"";background:#aaa;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px}.qr-toggle:checked{background:#66bb6a66}.qr-toggle:checked:before{background:#66bb6a;left:18px}.qr-download-section{flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.qr-download-label{font-family:var(--font-mono);color:#66bb6a;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem}.qr-download-quota{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.7rem}.qr-subscribe-link{text-align:center;padding:.75rem 1.25rem}.qr-subscribe-link a{color:#66bb6a;font-family:var(--font-mono);font-size:.78rem;text-decoration:none;transition:color .2s}.qr-subscribe-link a:hover{color:#81c784}.qr-error{color:#ff5252;font-family:var(--font-mono);padding:.5rem 1.25rem;font-size:.78rem}.qr-cart-confirm{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0a0f18f2;border:1px solid #66bb6a4d;border-radius:16px;width:90%;max-width:480px;padding:1.5rem 2rem;animation:.4s slideUpFade;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.qr-cart-title{font-family:var(--font-display);color:#66bb6a;letter-spacing:.05em;font-size:1rem}@media (max-width:900px){.qr-layout{grid-template-columns:1fr}.qr-viewport-wrapper{height:400px;min-height:350px;position:relative;top:0}}@media (max-width:480px){.qr-container{padding:5rem 1rem 2rem}.qr-ec-grid{grid-template-columns:repeat(2,1fr)}}