.qr-code_container__6Ion7{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;background:linear-gradient(135deg,var(--background) 0,#fafafa 100%);max-width:var(--max-width);margin:0 auto}.qr-code_qrContainer__sS3_5{width:100%;background:linear-gradient(135deg,var(--color-2) 0,#d084ff 100%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--left-right-padding);margin-bottom:var(--spacing-3);border-radius:var(--border-radius-3) var(--border-radius-3) 0 0;box-shadow:var(--shadow-xl);position:relative;opacity:0;animation:qr-code_slideInUp__kBKZh .8s ease forwards;animation-delay:.2s}.qr-code_qrContainer__sS3_5:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:40px;height:4px;background:rgba(255,255,255,.3);border-radius:2px;margin-top:var(--spacing-2)}.qr-code_qrContainer__sS3_5 canvas{background:var(--color-0);border-radius:var(--border-radius-2);box-shadow:var(--shadow-lg);padding:var(--spacing-1);opacity:0;animation:qr-code_fadeInScale__pfdbE .6s ease forwards;animation-delay:.5s;height:auto}.qr-code_qrContainer__sS3_5 p{font-family:var(--font-fam-2);font-size:var(--font-size-3);color:var(--color-0);text-align:center;font-weight:500;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.1);opacity:0;animation:qr-code_fadeInUp__qzBc7 .6s ease forwards;animation-delay:.7s}.qr-code_linkContainer__GGZ8p{width:100%;max-width:var(--max-width);opacity:0;animation:qr-code_fadeInUp__qzBc7 .6s ease forwards;animation-delay:.9s}.qr-code_linkLabel__rMmJH{font-size:var(--font-size-3);color:var(--color-0);margin-bottom:var(--spacing-2);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.qr-code_linkWrapper__tdkoU{display:flex;gap:var(--spacing-2);align-items:stretch}.qr-code_linkInput__XCBvg{flex:1 1;padding:var(--spacing-2);border:2px solid transparent;border-radius:var(--border-radius-2);font-size:var(--font-size-2);color:var(--color-1);background-color:var(--color-0);font-family:var(--font-fam-2);font-weight:500;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.qr-code_linkInput__XCBvg:focus{outline:none;border-color:var(--color-0);box-shadow:var(--shadow-md);transform:translateY(-1px)}.qr-code_copyButton__W6hf3{white-space:nowrap;flex-shrink:0;min-width:80px}.qr-code_startButton__sBvG_{margin:var(--spacing-3) auto 0;width:100%;max-width:300px;opacity:0;animation:qr-code_fadeInUp__qzBc7 .6s ease forwards;animation-delay:1.1s}.qr-code_createButton__D2Ii5{margin:var(--spacing-4) auto;opacity:0;animation:qr-code_fadeInScale__pfdbE .8s ease forwards;animation-delay:.3s}.qr-code_error__zn_Te{color:#dc3545;font-family:var(--font-fam-2);font-size:var(--font-size-3);text-align:center;padding:var(--spacing-3);background:linear-gradient(135deg,#fff5f5,#fed7d7);border:2px solid #fc8181;border-radius:var(--border-radius-2);box-shadow:var(--shadow-md);margin:var(--spacing-3);animation:qr-code_shake__7t6Ev .5s ease}@keyframes qr-code_slideInUp__kBKZh{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes qr-code_fadeInScale__pfdbE{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes qr-code_fadeInUp__qzBc7{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes qr-code_shake__7t6Ev{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (max-width:480px){.qr-code_qrContainer__sS3_5{gap:var(--spacing-2);padding:var(--spacing-5);border-radius:var(--border-radius-3);margin-bottom:var(--spacing-2)}.qr-code_qrContainer__sS3_5 canvas{padding:var(--spacing-1)}.qr-code_linkLabel__rMmJH,.qr-code_qrContainer__sS3_5 p{font-size:var(--font-size-2)}.qr-code_linkLabel__rMmJH{margin-bottom:var(--spacing-1)}.qr-code_linkInput__XCBvg{padding:var(--spacing-2);font-size:var(--font-size-1)}.qr-code_startButton__sBvG_{margin:var(--spacing-2) auto 0;max-width:280px}.qr-code_createButton__D2Ii5{margin:var(--spacing-3) auto}}@media (max-width:360px){.qr-code_qrContainer__sS3_5{gap:var(--spacing-1);padding:var(--spacing-2) var(--left-right-padding)}.qr-code_qrContainer__sS3_5 canvas{max-width:160px}.qr-code_linkLabel__rMmJH,.qr-code_qrContainer__sS3_5 p{font-size:var(--font-size-1)}.qr-code_linkInput__XCBvg{padding:var(--spacing-1);font-size:var(--font-size-0)}.qr-code_startButton__sBvG_{max-width:260px}}.custom-button{padding:12px 24px;border:none;border-radius:var(--border-radius-2);font-size:var(--font-size-3);font-weight:600;font-family:var(--font-fam-2);text-align:center;cursor:pointer;transition:all var(--transition-normal);min-height:48px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;letter-spacing:.3px}.custom-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.primary{background:linear-gradient(135deg,var(--color-2) 0,#d084ff 100%);color:var(--color-0);box-shadow:var(--shadow-md)}.secondary{background-color:var(--color-0);color:var(--color-1);border:2px solid var(--color-5);box-shadow:var(--shadow-sm)}.outline{background-color:transparent;color:var(--color-2);border:2px solid var(--color-2)}.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--color-0);box-shadow:var(--shadow-md)}.custom-button:active{transform:scale(.96)}.custom-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.full-width{width:100%;max-width:var(--max-width)}@media (hover:hover){.custom-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.primary:hover:not(:disabled){background:linear-gradient(135deg,#d084ff 0,var(--color-2) 100%)}.primary:hover:not(:disabled):before{left:100%}.secondary:hover:not(:disabled){border-color:var(--color-2);color:var(--color-2)}.outline:hover:not(:disabled){background-color:var(--color-2);color:var(--color-0)}}@media (max-width:480px){.custom-button{padding:10px 20px;min-height:44px;font-size:var(--font-size-2);letter-spacing:.2px}}@media (max-width:360px){.custom-button{padding:8px 16px;min-height:40px;font-size:var(--font-size-2);letter-spacing:.1px}}