@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Montserrat:wght@400;700&family=Oswald:wght@400;700&family=Playfair+Display:wght@400;700&family=Bebas+Neue&family=Poppins:wght@400;600;700&family=Inter:wght@400;600;700&family=Raleway:wght@400;700&family=Open+Sans:wght@400;700&display=swap";:root{--primary: #8B5CF6;--primary-hover: #7C3AED;--primary-light: #EDE9FE;--primary-dark: #6D28D9;--background: #FFFFFF;--surface: #F9FAFB;--surface-hover: #F3F4F6;--border: #E5E7EB;--text-primary: #1F2937;--text-secondary: #6B7280;--text-muted: #9CA3AF;--success: #10B981;--error: #EF4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f5f3ff,#fff,#f0fdf4);color:var(--text-primary);line-height:1.6;min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.header{margin-bottom:20px;position:sticky;top:0;z-index:1000}.header-top{display:flex;flex-direction:column;gap:8px;padding:8px 16px;background:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(229,231,235,.5);transition:all .3s ease}.header-top.scrolled{box-shadow:var(--shadow-md);background:#fffffff2}.header-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%}.logo{display:flex;align-items:center;gap:12px;flex-shrink:0}.logo-icon{width:60px;height:auto;object-fit:contain}.desktop-nav{display:flex;flex:1;flex-direction:column;gap:4px}.nav-row{display:flex;justify-content:center;gap:8px}.nav-btn{background:transparent;border:none;padding:6px 12px;border-radius:999px;color:var(--text-secondary);font-weight:500;font-size:.86rem;cursor:pointer;transition:var(--transition);white-space:nowrap}.nav-btn:hover{color:var(--primary);background:var(--surface-hover)}.nav-btn.active{color:var(--primary);background:var(--surface-hover);font-weight:600}.auth-area{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:fit-content;flex-shrink:0}.header-sign-in-btn{flex:0 0 auto;padding:6px 14px;font-size:.8rem}.header-dropdown-group{position:relative}.header-control-btn,.profile-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 12px;border-radius:999px;border:1px solid rgba(229,231,235,.8);background:#fffc;color:var(--text-primary);cursor:pointer;transition:var(--transition)}.header-control-btn svg,.profile-trigger svg{width:16px;height:16px}.profile-trigger{width:38px;padding:0}.header-control-btn:hover,.profile-trigger:hover{border-color:#7c3aed59;background:#7c3aed14}.header-popover{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;display:grid;gap:4px;padding:8px;border-radius:var(--radius-md);background:#fffffffa;border:1px solid rgba(229,231,235,.9);box-shadow:var(--shadow-md)}.popover-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);cursor:pointer;text-align:left}.popover-item small{color:var(--text-secondary);margin-left:auto;font-size:.72rem}.popover-item:hover,.popover-item.active{background:var(--surface-hover);color:var(--primary)}.popover-item.danger:hover{color:var(--error, #dc2626)}.flag-pill{position:relative;width:20px;height:14px;display:inline-flex;border-radius:999px;overflow:hidden;border:1px solid rgba(0,0,0,.08);flex-shrink:0}.flag-svg{display:block;width:100%;height:100%}.mobile-nav-footer{display:grid;gap:4px;padding-top:8px;margin-top:8px;border-top:1px solid rgba(229,231,235,.7)}.tagline{text-align:center;color:var(--text-secondary);font-size:1rem;margin-top:-10px}.burger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;background:transparent;border:none;cursor:pointer;z-index:1001}.burger-line{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease;transform-origin:center}.burger-btn.open .burger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger-btn.open .burger-line:nth-child(2){opacity:0}.burger-btn.open .burger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{display:none;flex-direction:column;gap:4px;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:0 0 var(--radius-lg) var(--radius-lg);border:1px solid rgba(229,231,235,.5);border-top:none;margin-top:-8px}.mobile-nav.open{max-height:520px;padding:12px}.mobile-nav-btn{background:transparent;border:none;padding:12px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:500;font-size:.95rem;cursor:pointer;transition:var(--transition);text-align:left}.mobile-nav-btn:hover{color:var(--primary);background:var(--primary-light)}.mobile-nav-btn.active{color:var(--primary);background:var(--primary-light);font-weight:600}.hidden{display:none!important}.section-container{background:var(--background);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-md);border:1px solid var(--border);width:100%}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-row h2{font-size:1.5rem;color:var(--text-primary)}.pricing-section{display:flex;flex-direction:column;gap:24px}.pricing-hero{max-width:760px}.pricing-eyebrow{display:inline-flex;margin-bottom:10px;color:var(--primary);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pricing-hero h2{color:var(--text-primary);font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin-bottom:12px}.pricing-hero p{color:var(--text-secondary);font-size:1rem}.pricing-payment-placeholder{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:14px 16px;border:1px solid rgba(139,92,246,.22);border-radius:var(--radius-md);background:#8b5cf614;color:var(--text-secondary)}.pricing-payment-placeholder strong{color:var(--primary)}.pricing-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pricing-modal{width:100%;max-width:460px;padding:24px;border-radius:var(--radius-lg, 16px);background:var(--surface, #fff);border:1px solid rgba(139,92,246,.22);box-shadow:0 20px 60px #00000040}.pricing-modal h3{margin:0 0 12px;color:var(--primary)}.pricing-modal p{margin:0 0 20px;color:var(--text-secondary);line-height:1.5}.pricing-modal-actions{display:flex;justify-content:flex-end;gap:12px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.pricing-card{position:relative;display:flex;flex-direction:column;gap:22px;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.pricing-card:hover{transform:translateY(-4px);border-color:#8b5cf647;box-shadow:var(--shadow-md)}.pricing-card.featured{border-color:#8b5cf673;background:linear-gradient(180deg,#ede9fed9,#fff);box-shadow:var(--shadow-lg)}.pricing-badge{position:absolute;top:16px;right:16px;padding:6px 10px;border-radius:999px;background:var(--primary);color:#fff;font-size:.72rem;font-weight:700}.pricing-card-header{display:flex;flex-direction:column;gap:10px}.pricing-card-header h3{padding-right:96px;color:var(--text-primary);font-size:1.35rem}.pricing-card-header p{color:var(--text-secondary);font-size:.92rem}.pricing-price-row{display:flex;align-items:baseline;gap:8px;margin-top:6px}.pricing-price{color:var(--text-primary);font-size:2.3rem;font-weight:800;letter-spacing:-.04em}.pricing-period{color:var(--text-muted);font-size:.9rem}.btn.pricing-cta{flex:0 0 50px;width:100%;max-height:50px;min-height:50px;background:linear-gradient(135deg,var(--primary) 0%,#EC4899 100%);box-shadow:0 10px 22px #8b5cf638}.btn.pricing-cta:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-hover) 0%,#DB2777 100%)}.pricing-features-block{display:flex;flex-direction:column;gap:12px}.pricing-features-block h4{color:var(--text-primary);font-size:.9rem;text-transform:uppercase;letter-spacing:.04em}.pricing-features-block.muted h4{color:var(--text-muted)}.pricing-feature-list{display:flex;flex-direction:column;gap:10px;list-style:none}.pricing-feature-list li{display:flex;gap:10px;color:var(--text-secondary);font-size:.92rem}.pricing-check,.pricing-cross{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;font-size:.82rem;font-weight:800}.pricing-check{background:#10b9811f;color:var(--success)}.pricing-cross{background:#ef44441a;color:var(--error)}.pricing-feature-list li.unavailable{color:var(--text-muted)}.profile-section{display:flex;flex-direction:column;gap:22px}.profile-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;width:min(70%,980px);margin-left:auto;margin-right:auto}.profile-eyebrow,.profile-card-label{display:inline-flex;margin-bottom:8px;color:var(--primary);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.profile-header h2{color:var(--text-primary);font-size:clamp(2rem,4vw,2.75rem);line-height:1.1;margin-bottom:8px}.profile-header p{max-width:720px;color:var(--text-secondary);font-size:1rem}.profile-layout{display:flex;flex-direction:column;gap:20px;width:min(70%,980px);margin:0 auto}.profile-card{width:100%;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.profile-card-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:26px}.profile-card-header h3{margin:0;line-height:1.2}.profile-card-header p{margin:4px 0 0;color:var(--text-secondary);font-size:.9rem;line-height:1.35}.profile-card h3{color:var(--text-primary);font-size:1.25rem}.profile-icon-bubble{width:36px;height:36px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#0096881f;color:var(--primary)}.profile-icon-bubble.danger{background:#ef44441f;color:var(--error)}.profile-icon-svg{width:18px;height:18px;flex:0 0 auto}.profile-form,.profile-field{display:flex;flex-direction:column}.profile-form{gap:16px;margin-top:0}.profile-field{gap:8px}.profile-field span{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.86rem;font-weight:700}.profile-field small{color:var(--text-muted);font-size:.8rem}.profile-readonly-input{color:var(--text-muted);cursor:not-allowed}.profile-form-divider{height:1px;background:var(--border);margin:2px 0 4px}.profile-subsection-title{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary);font-weight:800}.profile-password-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.profile-field-full{grid-column:1 / -1}.profile-alert{padding:12px 14px;border-radius:var(--radius-md);font-size:.88rem}.profile-alert.success{border:1px solid rgba(16,185,129,.25);background:#10b9811a;color:var(--success)}.profile-alert.error{border:1px solid rgba(239,68,68,.25);background:#ef44441a;color:var(--error)}.profile-plan-card{display:flex;flex-direction:column;gap:22px}.profile-plan-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.profile-plan-badge{padding:7px 12px;border-radius:999px;background:#8b5cf61f;color:var(--primary);font-size:.78rem;font-weight:800;text-transform:uppercase}.profile-plan-badge.business{background:#10b9811f;color:var(--success)}.profile-cancel-subscription-btn{width:max-content;background:var(--background)!important}.profile-plan-summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px;border:1px solid rgba(0,150,136,.22);border-radius:var(--radius-md);background:#0096881a}.profile-plan-current{display:inline-flex;align-items:center;gap:14px}.profile-plan-current>.profile-icon-svg{width:28px;height:28px;color:var(--primary)}.profile-plan-current strong,.profile-plan-current span{display:block}.profile-plan-current strong{color:var(--text-primary);font-size:1rem}.profile-plan-current span{color:var(--text-secondary);font-size:.86rem}.profile-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-plan-details-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-detail-item{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background)}.profile-detail-item span{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.84rem;font-weight:700}.profile-detail-item strong{color:var(--text-primary);font-size:1rem}.profile-detail-item strong.urgent,.profile-detail-item strong.expired{color:var(--error)}.profile-detail-item strong.safe,.profile-detail-item small{color:var(--success);font-weight:700}.profile-detail-item small.expired{color:var(--error)}.btn.profile-upgrade-btn{flex:0 0 auto;width:auto;gap:8px}.btn.profile-password-btn{flex:0 0 auto;width:100%}.profile-muted{color:var(--text-muted);font-size:.9rem}.profile-feedback-form{display:grid;gap:16px}.profile-feedback-textarea{min-height:150px;resize:vertical}.btn.profile-feedback-submit{justify-self:start;min-width:220px;gap:8px}.profile-privacy-panel{padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background)}.profile-data-actions .btn{gap:8px}.profile-signout-card{display:flex;align-items:center;justify-content:space-between;gap:18px}.profile-signout-card .profile-card-header{margin-bottom:0}.profile-signout-btn{flex-shrink:0;gap:8px;color:var(--error)}.auth-field-error{margin:6px 0 0;color:var(--error);font-size:.78rem;font-weight:700}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;align-items:stretch}.project-card{position:relative;border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;transition:var(--transition);display:flex;flex-direction:column;gap:12px;min-height:390px;background:var(--background);box-shadow:var(--shadow-sm)}.project-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light)}.project-card.inactive-dynamic{border-color:#ef44443d;background:#f8fafceb}.project-card.inactive-dynamic:hover{border-color:#ef444457}.project-info h3{font-size:1.1rem;margin-bottom:4px;padding-right:82px;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-date{font-size:.85rem;color:var(--text-muted)}.project-type-badge{position:absolute;top:12px;right:12px;z-index:2;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.project-type-badge.dynamic{background:#f973162e;color:#fdba74}.project-type-badge.static{background:#3b82f629;color:#93c5fd}.project-preview-frame{position:relative;height:132px;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}.project-card.inactive-dynamic .project-preview-frame{border-color:#ef444447;background:#94a3b814}.project-card.inactive-dynamic .project-preview-frame img{filter:grayscale(1) saturate(.15);opacity:.36}.project-card.inactive-dynamic .project-preview-frame:after{content:"";position:absolute;inset:0;background:#0f172a2e;pointer-events:none}.project-preview-status-badge{position:absolute;top:8px;left:8px;z-index:3;padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.project-preview-status-badge.inactive{border:1px solid rgba(239,68,68,.42);background:#ef4444eb;color:#fff;box-shadow:var(--shadow-sm)}.project-preview-frame img{width:100%;height:100%;object-fit:contain}.project-preview-frame span{color:var(--text-muted);font-size:1.35rem;font-weight:800;letter-spacing:.08em}.project-preview-frame .project-preview-status-badge.inactive{color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.04em}.project-info{display:flex;flex-direction:column;gap:6px;min-height:132px}.project-content-snippet{color:var(--text-secondary);font-size:.78rem;line-height:1.35;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.project-content-fields{display:flex;flex-direction:column;gap:2px;min-height:2.7em}.project-content-field{margin:0;color:var(--text-secondary);font-size:.78rem;line-height:1.35;word-break:break-word}.project-content-field-label{font-weight:600;color:var(--text-primary)}.project-content-field-value{word-break:break-word}.project-content-field-value.clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-meta-row{display:flex;flex-wrap:wrap;gap:8px;min-height:24px;margin-top:auto}.project-meta-row span{border:1px solid var(--border);border-radius:999px;padding:3px 8px;color:var(--text-secondary);font-size:.74rem;line-height:1.2}.project-meta-row .project-status-pill.inactive{border-color:#ef444452;background:#ef444414;color:var(--error);font-weight:800}.project-actions{display:grid;grid-template-columns:minmax(56px,1fr) repeat(4,34px);gap:6px;margin-top:auto;align-items:stretch}.project-actions .btn{width:100%;min-width:0;min-height:38px;padding:8px 6px;justify-content:center;font-size:.82rem;line-height:1}.project-card.inactive-dynamic .project-actions .btn:disabled{opacity:.36;cursor:not-allowed;filter:grayscale(1)}.bulk-section{display:flex;flex-direction:column;gap:20px;padding:0;border:none;background:transparent;box-shadow:none}.bulk-header-row{align-items:flex-start;gap:16px;margin-bottom:0;padding:0 4px}.bulk-header-row h2{color:var(--text-primary);font-size:1.7rem;line-height:1.2}.bulk-subtitle{color:var(--text-secondary);margin-top:6px;line-height:1.5}.bulk-title-card{margin-bottom:0;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);box-shadow:var(--shadow-md)}.bulk-download-all{flex:0 0 auto;min-width:160px;border-radius:var(--radius-md);border:1px solid var(--border)}.bulk-access-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:18px}.bulk-access-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.bulk-access-card h2{color:var(--text-primary);margin:0}.bulk-access-card p,.bulk-creation-mode-card p{color:var(--text-secondary);margin:0}.bulk-creation-mode-card .bulk-mode-toggle{margin-bottom:12px}.bulk-input-panel{display:flex;flex-direction:column;gap:18px}.bulk-input-panel .section,.bulk-creation-mode-card .qr-mode-toggle{margin-bottom:0}.bulk-creation-mode-card .qr-mode-btn-title{display:inline-flex;align-items:center;gap:6px}.bulk-creation-mode-card .info-tooltip{flex:0 0 auto}.bulk-content-type-section{margin-bottom:0}.content-type-grid.bulk-content-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-type-grid.bulk-content-type-grid .type-btn{min-width:0;padding:14px 8px}.content-type-grid.bulk-content-type-grid .type-btn:disabled,.bulk-creation-mode-card .qr-mode-btn:disabled{cursor:not-allowed;opacity:.65}.bulk-details-section{display:flex;flex-direction:column;gap:14px}.bulk-name-prefix-field{margin-bottom:0}.bulk-dynamic-settings{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(220px,1fr);gap:14px;margin-top:16px}.bulk-dynamic-preflight{position:relative;z-index:1;margin-top:0;margin-bottom:0;padding:12px;border:1px solid rgba(37,99,235,.24);border-radius:var(--radius-md);background:#2563eb0f;box-shadow:var(--shadow-md)}.bulk-dynamic-preflight-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.bulk-dynamic-preflight-header strong{color:var(--text-primary)}.bulk-dynamic-preflight-header span{color:var(--primary);font-size:.82rem;font-weight:700}.bulk-dynamic-preflight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-bottom:10px}.bulk-dynamic-preflight-grid span,.bulk-dynamic-preflight p{color:var(--text-secondary);font-size:.82rem}.bulk-dynamic-preflight p+p{margin-top:6px}.bulk-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);gap:20px;align-items:stretch}.bulk-input-panel,.bulk-progress-panel{min-width:0}.bulk-progress-panel{display:flex;flex-direction:column;gap:18px;position:static;align-self:stretch;max-height:none;overflow:visible}.bulk-preview-sticky-zone{position:sticky;top:20px;z-index:0;margin-bottom:0;pointer-events:none}.bulk-preview-sticky-zone .bulk-preview-card{pointer-events:auto}.bulk-mode-toggle{display:inline-flex;padding:4px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);margin-bottom:16px}.bulk-mode-toggle button{border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:9px 16px;transition:all var(--transition)}.bulk-mode-toggle button.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.bulk-textarea{min-height:220px;resize:vertical;line-height:1.5}.bulk-input-hint{margin-top:8px;color:var(--text-muted);font-size:.82rem}.bulk-input-hint.warning{color:var(--error)}.bulk-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:240px;padding:28px;border:2px dashed var(--border);border-radius:var(--radius-md);background:var(--background);text-align:center}.bulk-dropzone-icon{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);font-weight:800;letter-spacing:-1px}.bulk-dropzone h3{color:var(--text-primary);font-size:1.05rem}.bulk-dropzone p{color:var(--text-muted);max-width:420px;font-size:.9rem}.bulk-performance-card{position:relative;z-index:1;margin-top:0;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);box-shadow:var(--shadow-md)}.bulk-performance-card div{display:flex;flex-direction:column;gap:4px}.bulk-performance-card strong{color:var(--text-primary);text-transform:capitalize}.bulk-performance-card span,.bulk-performance-card p{color:var(--text-muted);font-size:.82rem}.bulk-performance-card p{margin-top:8px}.bulk-performance-card.medium{border-color:#f59e0b59;background:#f59e0b14}.bulk-performance-card.medium strong,.bulk-stat-card.medium strong{color:#d97706}.bulk-performance-card.heavy{border-color:#ef44444d;background:#ef444414}.bulk-performance-card.heavy strong,.bulk-stat-card.heavy strong{color:var(--error)}.bulk-appearance-card{margin-top:16px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.bulk-appearance-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.bulk-appearance-header h3{margin:0;color:var(--text-primary);font-size:1rem}.bulk-appearance-header p{margin:4px 0 0;color:var(--text-muted);font-size:.82rem}.bulk-appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bulk-appearance-group{display:flex;flex-direction:column;gap:8px;min-width:0}.bulk-appearance-group .style-grids,.bulk-appearance-group .effects-grid{grid-template-columns:1fr}.bulk-appearance-group .logo-upload-btn{min-height:42px}.style-warning{margin-top:8px;color:#ff9800;font-size:.75rem;font-style:italic}.premium-effects-block{display:flex;flex-direction:column;gap:8px;padding-top:12px;margin-top:4px;border-top:1px solid var(--border)}.premium-effects-title{display:block;font-weight:600}.bulk-frame-controls{display:grid;grid-template-columns:minmax(0,110px) minmax(0,1fr);align-items:center;gap:10px}.bulk-settings-row{display:grid;grid-template-columns:150px 1fr;align-items:end;gap:16px;margin-top:16px}.bulk-actions-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.bulk-actions-row .btn{min-width:0}.bulk-preview-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);padding:14px;margin-bottom:0;box-shadow:var(--shadow-md)}.bulk-preview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.bulk-preview-header div{display:flex;flex-direction:column;gap:3px}.bulk-preview-header strong{color:var(--text-primary)}.bulk-preview-header span{color:var(--text-muted);font-size:.8rem}.bulk-preview-state{border:1px solid var(--border);border-radius:999px;padding:4px 8px;background:var(--surface);color:var(--text-muted);font-size:.72rem;font-weight:700;text-transform:capitalize}.bulk-preview-state.ready{color:var(--success);background:#10b98114;border-color:#10b98140}.bulk-preview-state.error{color:var(--error);background:#ef444414;border-color:#ef444440}.bulk-preview-frame{min-height:clamp(220px,26vw,320px);border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:14px;color:var(--text-muted);font-weight:700}.bulk-preview-frame img{width:100%;max-width:min(300px,100%);max-height:300px;object-fit:contain}.bulk-preview-card p{margin-top:10px;word-break:break-word}.bulk-stat-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.bulk-stat-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);padding:8px 10px;display:flex;flex-direction:column;gap:4px}.bulk-stat-card strong{color:var(--text-primary);font-size:1.05rem;line-height:1.1}.bulk-stat-card span{color:var(--text-muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.5px}.bulk-stat-card.ready strong{color:var(--success)}.bulk-stat-card.processing strong{color:var(--primary)}.bulk-stat-card.pending strong{color:var(--text-secondary)}.bulk-stat-card.error strong{color:var(--error)}.bulk-stat-card.cancelled strong{color:var(--text-muted)}.bulk-tab-warning{background:#fef3cd;border:1px solid #f5c518;border-radius:8px;padding:10px 16px;margin:10px 0;font-size:14px;color:#856404;text-align:center;animation:bulk-warning-pulse 2s ease-in-out infinite}@keyframes bulk-warning-pulse{0%,to{opacity:1}50%{opacity:.7}}.bulk-progress-track{position:relative;z-index:1;height:10px;overflow:hidden;border-radius:999px;background:var(--background);border:1px solid var(--border)}.bulk-progress-track.small{height:7px;margin-top:10px}.bulk-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#EC4899);transition:width .25s ease}.bulk-progress-caption{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:var(--text-secondary);font-size:.85rem}.bulk-chunk-progress-card{position:relative;z-index:1;padding:14px;border-radius:var(--radius-lg);border:1px solid rgba(124,58,237,.22);background:#7c3aed12;box-shadow:var(--shadow-sm)}.bulk-chunk-progress-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.bulk-chunk-progress-header strong{color:var(--text-primary);font-size:.9rem}.bulk-chunk-progress-header span{color:var(--primary);font-size:.82rem;font-weight:700;white-space:nowrap}.bulk-progress-panel .bulk-settings-row{position:relative;z-index:1;padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:0}.preview-format-selector.bulk-format-selector{max-width:220px;grid-template-columns:repeat(3,minmax(54px,1fr));margin:0 auto}.bulk-progress-panel .bulk-actions-row{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.bulk-progress-panel .bulk-actions-row .btn{width:100%;justify-content:center}.bulk-list-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 4px}.bulk-list-header h3{color:var(--text-primary);font-size:1.1rem;line-height:1.25;margin:0}.bulk-list-header span{color:var(--text-muted);font-size:.9rem;line-height:1.4}.bulk-list{display:flex;flex-direction:column;gap:12px}.bulk-list-window-note{padding:12px 14px;border-radius:var(--radius-md);border:1px dashed rgba(124,58,237,.35);background:#7c3aed0f;color:var(--text-secondary);font-size:.88rem}.bulk-result-table-wrapper{overflow-x:auto;margin-bottom:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.bulk-result-table{width:100%;border-collapse:collapse;min-width:760px}.bulk-result-table th,.bulk-result-table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.82rem;text-align:left;vertical-align:middle;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-result-table th{color:var(--text-muted);background:var(--background);font-size:.74rem;text-transform:uppercase;letter-spacing:.5px}.bulk-result-table tr:last-child td{border-bottom:none}.bulk-result-table a{color:var(--primary);text-decoration:none}.bulk-result-table a:hover{text-decoration:underline}.bulk-result-table .bulk-status-badge{display:inline-flex}.bulk-card{display:grid;grid-template-columns:74px minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);transition:all var(--transition)}.bulk-card:hover{border-color:#8b5cf64d;box-shadow:0 4px 16px #8b5cf614}.bulk-card-preview{width:58px;height:58px;border-radius:12px;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text-muted);font-weight:700}.bulk-card-preview img{width:100%;height:100%;object-fit:contain;background:#fff}.bulk-card-body{min-width:0}.bulk-card-body h3{color:var(--text-primary);font-size:.98rem;font-weight:600;word-break:break-word}.bulk-card-body p{margin-top:4px;font-size:.82rem}.bulk-card-meta{color:var(--text-secondary)}.bulk-card-error{color:var(--error)}.bulk-status-badge{border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:700;white-space:nowrap;border:1px solid var(--border);color:var(--text-secondary);background:var(--surface)}.bulk-status-badge.ready{color:var(--success);background:#10b98114;border-color:#10b98140}.bulk-status-badge.processing{color:var(--primary);background:var(--primary-light);border-color:#8b5cf640}.bulk-status-badge.error{color:var(--error);background:#ef444414;border-color:#ef444440}.bulk-status-badge.cancelled{color:var(--text-muted);background:#9ca3af1a;border-color:#9ca3af40}.bulk-empty-state{min-height:160px;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px}.bulk-empty-state strong{color:var(--text-primary)}@media(max-width:900px){.bulk-layout{grid-template-columns:1fr}.bulk-progress-panel{position:static;max-height:none;overflow:visible}.bulk-preview-sticky-zone,.bulk-progress-panel .bulk-preview-card{position:static}.bulk-preview-sticky-zone{order:5}.bulk-progress-panel .bulk-settings-row{order:6}.bulk-logo-controls,.bulk-frame-controls,.bulk-dynamic-preflight-grid,.bulk-dynamic-settings{grid-template-columns:1fr}.bulk-actions-row{flex-wrap:wrap}.bulk-progress-panel .bulk-actions-row{grid-template-columns:repeat(2,minmax(0,1fr))}.bulk-card{grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto auto;row-gap:8px}.bulk-status-badge,.bulk-card .dqr-action-btn{grid-column:1 / -1;justify-self:flex-start}}.integrations-dashboard{display:flex;flex-direction:column;gap:22px}.integrations-page-shell{display:flex;flex-direction:column;gap:20px;width:min(70%,980px);margin:0 auto}.integrations-header-row{margin-bottom:0;align-items:flex-start;gap:16px}.integrations-subtitle{margin-top:6px;color:var(--text-secondary);max-width:680px;font-size:.95rem}.integrations-two-column{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;align-items:start}.integration-left-column,.integration-right-column{display:flex;flex-direction:column;gap:18px}.integration-summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.integration-summary-card{padding:18px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.integration-summary-card strong{font-size:1.7rem;color:var(--text-primary);line-height:1}.integration-summary-card span{font-size:.82rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.integration-feedback{padding:12px 16px;border-radius:var(--radius-md);font-size:.92rem;border:1px solid transparent}.integration-feedback.success{background:#10b98114;color:#047857;border-color:#10b9812e}.integration-feedback.error{background:#ef444414;color:#b91c1c;border-color:#ef44442e}.integrations-panel,.integration-activity{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);box-shadow:var(--shadow-sm);padding:24px}.integrations-panel-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.integrations-panel-header h3{font-size:1.15rem;color:var(--text-primary)}.integrations-panel-header p{color:var(--text-secondary);font-size:.9rem}.integration-ui-icon,.integration-action-icon{width:18px;height:18px;flex-shrink:0}.integration-analytics-icon{color:var(--primary);background:#8b5cf614;border-color:#8b5cf629}.integration-filter-select-wrap{display:inline-flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:.88rem;font-weight:700;white-space:nowrap}.integration-filter-select{min-width:190px}.integration-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.integration-overview-card{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:16px;background:var(--surface);border:1px solid rgba(229,231,235,.9)}.integration-overview-card span{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.integration-overview-card strong{color:var(--text-primary);font-size:1.8rem;line-height:1}.integration-overview-card.success strong{color:var(--success)}.integration-overview-card.error strong{color:var(--error)}.integration-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.integration-card-grid-single{grid-template-columns:1fr}.integration-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);padding:18px;display:flex;flex-direction:column;gap:14px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.integration-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#8b5cf638}.integration-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.integration-type-inline{display:flex;align-items:center;gap:12px;min-width:0}.integration-type-inline>div{display:flex;flex-direction:column;gap:4px;min-width:0}.integration-type-label{font-size:.9rem;font-weight:700;color:var(--text-primary)}.integration-status-pill{display:inline-flex;width:fit-content;padding:4px 10px;border-radius:999px;font-size:.74rem;font-weight:700;border:1px solid transparent}.integration-status-pill.active{color:#047857;background:#10b98114;border-color:#10b9812e}.integration-status-pill.inactive{color:#4b5563;background:#6b72801a;border-color:#6b728029}.integration-status-pill.paused{color:#92400e;background:#f59e0b1a;border-color:#f59e0b2e}.integration-icon-shell{width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,currentColor 10%,white);border:1px solid color-mix(in srgb,currentColor 14%,white);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.integration-icon-shell svg{width:20px;height:20px}.integration-card-title{font-size:1.08rem;color:var(--text-primary)}.integration-card-summary{color:var(--text-secondary);font-size:.9rem;overflow-wrap:anywhere}.integration-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.integration-meta-item{padding:12px;border-radius:12px;background:var(--surface);border:1px solid rgba(229,231,235,.8);display:flex;flex-direction:column;gap:4px}.integration-meta-item span{font-size:.74rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.integration-meta-item strong{font-size:.88rem;color:var(--text-primary);overflow-wrap:anywhere}.integration-card-error{padding:12px 14px;border-radius:12px;background:#ef444414;border:1px solid rgba(239,68,68,.16);color:#b91c1c;font-size:.86rem}.integration-card-actions{display:flex;gap:10px;flex-wrap:wrap}.integration-card-actions .btn{min-width:0;justify-content:center}.integration-toggle-btn{background:none;border:none;padding:2px;cursor:pointer}.integration-toggle-track{width:46px;height:26px;border-radius:999px;background:#d1d5db;display:inline-flex;align-items:center;padding:3px;transition:background .2s ease}.integration-toggle-thumb{width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.integration-toggle-btn.active .integration-toggle-track{background:var(--primary)}.integration-toggle-btn.active .integration-toggle-thumb{transform:translate(20px)}.integrations-empty-inline{min-height:280px}.integrations-empty-state,.integrations-auth-state{border:1px dashed rgba(139,92,246,.25);border-radius:var(--radius-lg);background:linear-gradient(135deg,#8b5cf60d,#10b9810a);padding:48px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.integrations-empty-state h3,.integrations-auth-state h3{font-size:1.15rem;color:var(--text-primary)}.integrations-empty-state p,.integrations-auth-state p{max-width:520px;color:var(--text-secondary)}.integrations-empty-icon,.integrations-auth-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--primary);background:#ffffffe6;border:1px solid rgba(229,231,235,.9)}.integrations-empty-icon svg,.integrations-auth-icon svg{width:28px;height:28px}.integration-modal-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:2100}.integration-modal{width:min(820px,100%);max-height:min(92vh,920px);overflow-y:auto;border-radius:var(--radius-lg);background:var(--background);box-shadow:0 30px 80px #0f172a40;border:1px solid rgba(229,231,235,.9);padding:28px;display:flex;flex-direction:column;gap:22px}.integration-picker-modal{width:min(760px,100%)}.integration-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.integration-modal-header h3{font-size:1.35rem;color:var(--text-primary)}.integration-modal-header p{margin-top:6px;color:var(--text-secondary);font-size:.92rem}.integration-type-inline .integration-modal-dot,.integration-modal-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.integration-close-btn{width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-secondary);cursor:pointer;flex-shrink:0}.integration-close-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.integration-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.integration-type-card{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:18px;text-align:left;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.integration-type-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#8b5cf638}.integration-type-card strong{font-size:1rem;color:var(--text-primary)}.integration-type-card span:last-child{font-size:.9rem;color:var(--text-secondary)}.integration-section-heading h3{font-size:1.02rem;color:var(--text-primary)}.integration-section-heading p{margin-top:4px;color:var(--text-secondary);font-size:.9rem}.integration-services-stack{display:flex;flex-direction:column;gap:16px}.integration-service-card{border:1px solid var(--border);border-radius:14px;background:var(--background);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.integration-service-card:hover,.integration-service-card.expanded{border-color:#8b5cf633;box-shadow:var(--shadow-md)}.integration-service-summary{width:100%;min-height:126px;padding:28px 24px;border:0;background:transparent;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;color:inherit;text-align:left;cursor:pointer}.integration-service-text{min-width:0;display:flex;flex-direction:column;gap:6px}.integration-service-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.integration-service-title-row strong{color:var(--text-primary);font-size:1rem}.integration-service-text p{color:var(--text-secondary);font-size:.9rem;line-height:1.45}.integration-service-side{display:inline-flex;align-items:center;justify-content:flex-end;gap:14px;color:var(--text-secondary);white-space:nowrap}.integration-last-sync{font-size:.82rem}.integration-service-chevron{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:transform .2s ease}.integration-service-card.expanded .integration-service-chevron{transform:rotate(180deg)}.integration-service-body{border-top:1px solid rgba(229,231,235,.9);padding:0 24px 24px;display:flex;flex-direction:column;gap:18px}.integration-service-instructions{margin-top:20px;padding:16px;border-radius:12px;background:var(--surface);border:1px solid rgba(229,231,235,.9)}.integration-service-instructions strong{display:block;margin-bottom:10px;color:var(--text-primary);font-size:.92rem}.integration-connected-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.integration-connected-details>div{padding:12px 14px;border-radius:12px;background:#10b9810f;border:1px solid rgba(16,185,129,.14);min-width:0}.integration-connected-details span{display:block;margin-bottom:4px;color:var(--text-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.integration-connected-details strong{display:block;color:var(--text-primary);font-size:.88rem;overflow-wrap:anywhere}.integration-catalog-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.integration-catalog-card{border:1px solid var(--border);border-radius:14px;background:var(--background);padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-sm)}.integration-catalog-card-top{display:flex;align-items:flex-start;gap:12px}.integration-catalog-text{display:flex;flex-direction:column;gap:6px}.integration-catalog-text strong{font-size:1rem;color:var(--text-primary)}.integration-catalog-text p{font-size:.9rem;color:var(--text-secondary)}.integration-step-list{display:grid;gap:8px;padding-left:18px;color:var(--text-secondary);font-size:.86rem}.integration-catalog-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.integration-catalog-footer .btn{min-width:0}.integration-catalog-badge{padding:5px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);font-size:.78rem;font-weight:700}.integration-catalog-badge.connected{color:#047857;background:#10b98114;border-color:#10b9812e}.integration-summary-row-compact{grid-template-columns:1fr;margin-bottom:2px}.integration-filter-row{display:flex;flex-wrap:wrap;gap:8px}.integration-filter-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:var(--background);color:var(--text-secondary);cursor:pointer;font-size:.84rem;font-weight:600;transition:all .2s ease}.integration-filter-btn span{min-width:22px;height:22px;border-radius:999px;background:var(--surface);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.integration-filter-btn:hover{border-color:#8b5cf640;color:var(--primary)}.integration-filter-btn.active{background:#8b5cf614;border-color:#8b5cf63d;color:var(--primary)}.integration-filter-btn.active span{background:#8b5cf624;color:var(--primary)}.integrations-empty-filtered{min-height:180px}.integration-modal-footnote{color:var(--text-muted);font-size:.85rem}.integration-form-stack{display:flex;flex-direction:column;gap:18px}.integration-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.integration-subsection{display:flex;flex-direction:column;gap:12px}.integration-subsection-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.integration-subsection-header h4{font-size:.98rem;color:var(--text-primary)}.integration-subsection-header p{margin-top:4px;color:var(--text-secondary);font-size:.88rem}.integration-help-box{padding:14px 16px;border-radius:12px;background:#8b5cf60f;border:1px solid rgba(139,92,246,.16);color:var(--text-primary);font-size:.9rem;display:flex;flex-direction:column;gap:8px}.integration-help-list{padding-left:18px;display:grid;gap:6px;color:var(--text-secondary)}.integration-help-text{margin-top:6px;font-size:.82rem;color:var(--text-muted)}.integration-upgrade-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#8b5cf61f,#ec489914);border:1px solid rgba(139,92,246,.22);color:var(--text-primary);font-size:.9rem}.integration-upgrade-banner strong{display:block;margin-bottom:4px}.integration-upgrade-banner p{color:var(--text-secondary);font-size:.85rem}.integration-upgrade-banner .btn{flex:0 0 auto}.integration-upgrade-banner code{background:#8b5cf624;padding:1px 6px;border-radius:6px;font-size:.8rem}@media(max-width:640px){.integration-upgrade-banner{align-items:stretch;flex-direction:column}}.integration-summary-card-warn strong{color:#dc2626}.integration-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 12px;border-radius:10px;background:#8b5cf60d;border:1px solid rgba(139,92,246,.1);margin-top:8px}.integration-stats-row>div{display:flex;flex-direction:column;gap:2px}.integration-stats-row span{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.integration-stats-row strong{font-size:.95rem;color:var(--text-primary)}.integration-activity{margin-top:24px;display:flex;flex-direction:column;gap:12px}.integration-activity-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto}.integration-activity-row{display:grid;grid-template-columns:10px 1fr;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:#fff9;border:1px solid rgba(139,92,246,.1)}.integration-activity-dot{width:10px;height:10px;border-radius:50%;margin-top:6px;background:var(--text-muted)}.integration-activity-dot.status-success{background:#10b981}.integration-activity-dot.status-error{background:#dc2626}.integration-activity-dot.status-rate_limited{background:#f59e0b}.integration-activity-dot.status-skipped{background:#6b7280}.integration-activity-title{display:flex;align-items:center;gap:10px;justify-content:space-between}.integration-activity-status{text-transform:uppercase;font-size:.68rem;letter-spacing:.05em;padding:2px 8px;border-radius:999px;background:#8b5cf61a;color:var(--text-secondary)}.integration-activity-row.status-success .integration-activity-status{background:#10b98126;color:#047857}.integration-activity-row.status-error .integration-activity-status{background:#dc262626;color:#b91c1c}.integration-activity-row.status-rate_limited .integration-activity-status{background:#f59e0b33;color:#b45309}.integration-activity-row.status-skipped .integration-activity-status{background:#6b72802e;color:#4b5563}.integration-activity-meta{margin-top:3px;font-size:.78rem;color:var(--text-muted)}.integration-activity-error{margin-top:4px;font-size:.78rem;color:#b91c1c;word-break:break-word}.integration-code-block{margin:12px 0 0;padding:14px 16px;max-height:260px;overflow:auto;border-radius:12px;background:#111827eb;color:#e5e7eb;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.55;white-space:pre;border:1px solid rgba(139,92,246,.18)}.integration-chip-row{display:flex;gap:8px;flex-wrap:wrap}.integration-mini-chip{padding:4px 10px;border-radius:999px;background:#ffffffd9;border:1px solid rgba(139,92,246,.14);font-size:.78rem;color:var(--text-secondary)}.integration-header-list{display:flex;flex-direction:column;gap:10px}.integration-header-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px}.integration-icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--background);cursor:pointer;color:var(--text-secondary)}.integration-icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.integration-field-error{margin-top:6px;display:block;font-size:.82rem;color:var(--error)}.integration-checkbox{display:inline-flex;align-items:center;gap:10px;margin-top:12px;color:var(--text-primary);font-size:.88rem}.integration-checkbox input{width:16px;height:16px}.integration-textarea{min-height:110px;resize:vertical}.integration-inline-btn{flex:0 0 auto}.integration-modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding-top:4px}.integration-inline-form-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.integration-inline-form-actions .btn{min-width:0;min-height:36px;padding:9px 16px;border-radius:8px;font-size:.88rem}.integration-inline-form-actions .btn-primary{background:#4338ca}.integration-inline-form-actions .btn-primary:hover:not(:disabled){background:#3730a3}.integration-inline-form-actions .integration-disconnect-btn{color:#dc2626;background:var(--background);border-color:#dc26262e}.integration-inline-form-actions .integration-disconnect-btn:hover:not(:disabled){color:#b91c1c;background:#dc26260f;border-color:#dc262647}.integration-inline-form-actions:has(.integration-disconnect-btn){grid-template-columns:minmax(0,1fr) auto}.integration-inline-form-actions:has(.integration-disconnect-btn) .integration-disconnect-btn{min-width:132px}@media(max-width:900px){.integrations-two-column,.integration-summary-row,.integration-form-grid,.integration-type-grid,.integration-meta-grid,.integration-card-grid,.integration-catalog-stack{grid-template-columns:1fr}.integrations-page-shell{width:min(100%,980px)}.integration-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-service-summary{grid-template-columns:48px minmax(0,1fr);min-height:0}.integration-service-side{grid-column:2;justify-content:space-between;white-space:normal}.integration-connected-details{grid-template-columns:1fr}}@media(max-width:640px){.integration-modal{padding:20px}.integration-header-row{grid-template-columns:1fr}.integration-subsection-header,.integration-modal-actions{flex-direction:column;align-items:stretch}.integration-card-actions .btn,.integration-modal-actions .btn,.integration-inline-btn{width:100%}.integration-catalog-footer{flex-direction:column;align-items:stretch}.integrations-panel-header,.integration-service-summary{align-items:stretch}.integrations-panel-header,.integration-service-summary,.integration-inline-form-actions,.integration-inline-form-actions:has(.integration-disconnect-btn){display:flex;flex-direction:column}.integration-overview-grid{grid-template-columns:1fr}.integration-service-body,.integration-service-summary{padding-left:18px;padding-right:18px}.integration-service-side{grid-column:auto}.integration-inline-form-actions .integration-disconnect-btn{min-width:0}}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.template-category-sections{display:flex;flex-direction:column;gap:28px}.template-category-section{display:flex;flex-direction:column;gap:16px}.template-category-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.template-category-header h3{color:var(--text-primary);font-size:1.1rem}.template-category-header p{margin-top:4px;color:var(--text-secondary);font-size:.88rem}.template-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px}.template-toolbar-control{min-width:0}.template-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;text-align:center;transition:var(--transition);display:flex;flex-direction:column;height:100%}.template-card-actions{display:flex;justify-content:center;margin-top:auto;padding-top:12px}.template-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.template-category-pill,.template-premium-pill,.template-count-pill{display:inline-flex;align-items:center;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}.template-category-pill{padding:5px 10px;background:#8b5cf61f;color:var(--primary)}.template-premium-pill{padding:5px 10px;background:#f59e0b29;color:#b45309}.template-count-pill{padding:6px 12px;background:#0f172a0d;color:var(--text-secondary)}.template-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.template-preview{height:150px;background:var(--surface);border-radius:var(--radius-sm);margin-bottom:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.template-preview-image{width:100%;height:100%;object-fit:contain;display:block;padding:10px}.template-preview.business{background:linear-gradient(135deg,#eee,#ddd)}.template-preview.social{background:linear-gradient(135deg,#f0c,#339)}.template-preview.wifi{background:linear-gradient(135deg,#00b09b,#96c93d)}.template-card.blur{opacity:.7;position:relative;cursor:not-allowed}.lock-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0f172a73;color:#fff;font-size:.82rem;font-weight:800;letter-spacing:.08em}.badge.premium{background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:99px;font-size:.85rem;font-weight:600}@media(max-width:768px){.template-toolbar{grid-template-columns:1fr}.template-category-header{align-items:flex-start}.template-card-meta{flex-wrap:wrap;justify-content:center}}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:var(--surface);padding:20px;border-radius:var(--radius-md);border:1px solid var(--border)}.stat-card h3{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.stat-trend{font-size:.85rem;margin-top:4px}.stat-trend.positive{color:var(--success)}.stat-trend.negative{color:var(--error)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.chart-card{background:var(--surface);padding:24px;border-radius:var(--radius-lg);border:1px solid var(--border)}.chart-placeholder{height:250px;margin-top:20px;background:var(--background);border-radius:var(--radius-md);display:flex;align-items:flex-end;justify-content:space-around;padding:20px}.bar-chart .bar{width:40px;background:var(--primary);border-radius:4px 4px 0 0;opacity:.8}.pie-chart{border-radius:50%;width:200px;height:200px;margin:20px auto;background:conic-gradient(var(--primary) 0% 65%,#E5E7EB 65% 100%)}.chart-legend{display:flex;justify-content:center;gap:20px;margin-top:20px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem}.dot{width:10px;height:10px;border-radius:50%}.dot.mobile{background:var(--primary)}.dot.desktop{background:#e5e7eb}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;flex:1}.settings-panel{display:flex;flex-direction:column;gap:24px}.preview-panel{display:flex;flex-direction:column;gap:24px;position:sticky;top:20px;align-self:flex-start;max-height:none;overflow:visible}.section{background:var(--background);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border)}.section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.content-type-section{width:100%;margin-bottom:24px}.content-type-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:10px}.type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 12px;background:#fdfdff;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:var(--text-secondary);box-shadow:0 1px 3px #00000005}.type-btn svg{width:28px;height:28px;stroke-width:1.5}.type-btn span{font-size:.8rem;font-weight:500;letter-spacing:.01em}.type-btn:hover{background:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px);color:var(--primary)}.type-btn.active{background:#f5f3ff;border-color:var(--primary);color:var(--primary);box-shadow:0 4px 12px #8b5cf61a}.social-network-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px}.social-btn{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.social-btn:before{content:"";position:absolute;inset:0;background:var(--brand-color);opacity:0;transition:opacity .2s ease}.social-btn:hover:before{opacity:.1}.social-btn:hover{border-color:var(--brand-color);transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.social-btn.active{border-color:var(--brand-color);background:var(--brand-color)}.social-btn.active .social-icon-wrapper{color:#fff}.social-icon-wrapper{color:var(--text-secondary);position:relative;z-index:1;transition:color .2s ease}.social-btn:hover .social-icon-wrapper{color:var(--brand-color)}.social-btn.active:hover .social-icon-wrapper{color:#fff}.dynamic-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-input,.form-textarea,.select-input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;color:var(--text-primary);background:var(--background);transition:all var(--transition);font-family:inherit}.form-input:focus,.form-textarea:focus,.select-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px}.char-counter{font-size:.75rem;color:var(--text-muted);text-align:right}.appearance-settings{display:flex;flex-direction:column;gap:20px}.setting-row{display:flex;flex-direction:column;gap:8px}.setting-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.color-picker-wrapper{display:flex;align-items:center;gap:8px}.color-picker{width:48px;height:48px;border:none;border-radius:var(--radius-sm);cursor:pointer;padding:0;overflow:hidden;flex-shrink:0}.color-picker.small{width:36px;height:36px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:2px solid var(--border);border-radius:var(--radius-sm)}.color-text-input{width:90px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:SF Mono,Monaco,monospace;font-size:.875rem;color:var(--text-primary);text-transform:uppercase;background:var(--surface)}.color-text-input:focus{outline:none;border-color:var(--primary)}.eyedropper-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);color:var(--text-secondary)}.eyedropper-btn svg{width:18px;height:18px}.eyedropper-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.gradient-options{display:flex;flex-direction:column;gap:12px}.gradient-colors{display:flex;align-items:center;gap:12px}.gradient-arrow{color:var(--text-muted);font-size:1.2rem}.premium-badge{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:4px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.dot-style-options{display:flex;gap:10px;flex-wrap:wrap}.dot-style-btn,.corner-style-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);color:var(--text-secondary)}.dot-style-btn svg,.corner-style-btn svg{width:24px;height:24px}.dot-style-btn:hover,.corner-style-btn:hover{background:var(--primary-light);color:var(--primary)}.dot-style-btn.active,.corner-style-btn.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.slider-wrapper{display:flex;flex-direction:column;gap:6px}.slider{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:4px;outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--primary);border-radius:50%;cursor:pointer;transition:transform var(--transition)}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider::-moz-range-thumb{width:20px;height:20px;background:var(--primary);border-radius:50%;cursor:pointer;border:none}.slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.effects-options{display:flex;gap:20px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:var(--text-primary)}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all var(--transition);background:var(--background)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--primary);border-color:var(--primary)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.border-options{display:flex;gap:12px;align-items:center}.number-input{width:80px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-primary);background:var(--background)}.number-input:focus{outline:none;border-color:var(--primary)}.qr-container.with-shadow{box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a}.logo-upload{position:relative}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);color:var(--text-muted)}.upload-area svg{width:32px;height:32px}.upload-area p{font-size:.875rem}.upload-area:hover,.upload-area.dragover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.logo-preview{position:relative;display:inline-block}.logo-preview img{max-width:100px;max-height:100px;border-radius:var(--radius-sm);border:2px solid var(--border)}.remove-logo{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--error);color:#fff;border:none;cursor:pointer;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform var(--transition)}.remove-logo:hover{transform:scale(1.1)}.preview-section{flex:1;display:flex;flex-direction:column}.preview-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.qr-preview-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;overflow:hidden}.qr-container{position:relative;display:flex;align-items:center;justify-content:center;background:#fff;padding:16px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:100%;overflow:hidden}.qr-container canvas{display:block;max-width:100%;height:auto}.preview-hint{color:var(--text-muted);font-size:.95rem;margin-top:16px}.action-buttons{display:flex;gap:12px}.btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;font-size:.95rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.btn svg{width:20px;height:20px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.generator-new-qr-btn{flex:0 0 auto;padding:10px 14px;font-size:.85rem;white-space:nowrap}.generator-mobile-new-qr-btn{display:none}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg,var(--primary) 0%,#EC4899 100%);color:#fff;font-size:.65rem}.btn-accent:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.tips-section{background:linear-gradient(135deg,var(--primary-light) 0%,#FEF3C7 100%)}.tips-list{display:flex;flex-direction:column;gap:12px}.tip{font-size:.875rem;color:var(--text-secondary);padding-left:16px;position:relative}.tip:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700}.tip strong{color:var(--text-primary)}.footer{text-align:center;padding:30px 20px;color:var(--text-muted);font-size:.875rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section{animation:fadeIn .3s ease-out}.toast{position:fixed;bottom:24px;right:24px;background:var(--text-primary);color:#fff;padding:14px 24px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;animation:slideIn .3s ease-out}.toast.success{background:var(--success)}.toast.error{background:var(--error)}.toast.app-toast{display:inline-flex;align-items:center;gap:12px;max-width:min(420px,calc(100vw - 32px));border:1px solid rgba(255,255,255,.24);background:linear-gradient(135deg,#7c3aed,#ec4899);box-shadow:0 18px 45px #7c3aed47}.toast.app-toast.error{background:linear-gradient(135deg,#ef4444,#f97316)}.app-toast-icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff3;font-weight:900}.action-dialog-overlay{position:fixed;inset:0;z-index:6000;display:flex;align-items:center;justify-content:center;padding:20px;background:#1118277a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.action-dialog{position:relative;width:min(460px,100%);overflow:hidden;display:grid;gap:18px;padding:28px;border-radius:28px;border:1px solid rgba(255,255,255,.35);background:linear-gradient(145deg,#fff,#f5f3ff 55%,#fdf2f8);box-shadow:0 30px 90px #4c1d9547}.action-dialog-orb{position:absolute;width:180px;height:180px;top:-70px;right:-70px;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,.26),transparent 68%)}.action-dialog-icon{width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;font-size:1.8rem;font-weight:900;box-shadow:0 14px 32px #7c3aed47}.action-dialog-danger .action-dialog-icon{background:linear-gradient(135deg,#ef4444,#f97316)}.action-dialog-warning .action-dialog-icon{background:linear-gradient(135deg,#f59e0b,#ec4899)}.action-dialog-content{position:relative;display:grid;gap:8px}.action-dialog-content h3{margin:0;color:var(--text-primary);font-size:1.35rem}.action-dialog-content p,.action-dialog-content span{margin:0;color:var(--text-secondary);line-height:1.55}.action-dialog-content span{font-size:.88rem;word-break:break-word}.action-dialog-input{margin-top:8px}.action-dialog-actions{position:relative;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.premium-text{color:#f59e0b;font-weight:700;font-size:.7em;margin-left:6px;letter-spacing:.5px}.tips-section{background:linear-gradient(135deg,#eff6ffcc,#fef3c7cc);border-radius:var(--radius-lg);padding:24px;margin-top:40px;border:1px solid rgba(229,231,235,.8);position:relative;overflow:hidden}.tips-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,#F59E0B 100%)}.tips-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.tips-header h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.tips-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000000d}.tips-icon{color:#f59e0b;width:18px;height:18px}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.tip-card{background:#fff9;border-radius:var(--radius-md);padding:16px;border:1px solid rgba(255,255,255,.5);transition:transform .2s ease}.tip-card:hover{transform:translateY(-2px);background:#fff;box-shadow:0 4px 6px -1px #0000000d}.tip-title{font-weight:600;color:var(--text-primary);margin-bottom:6px;display:flex;align-items:center;gap:8px;font-size:.95rem}.tip-check{color:var(--success);width:16px;height:16px}.tip-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5}@media(max-width:768px){.tips-section{padding:20px 16px;margin-top:30px}.tips-grid{grid-template-columns:1fr;gap:12px}}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header-row .section-title{margin-bottom:0}.color-pickers-group{display:flex;gap:12px}.color-picker-item{flex:1}.small-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:4px}.color-wrapper{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.color-input{width:24px;height:24px;border:none;background:none;cursor:pointer;padding:0}.color-hex{font-family:monospace;font-size:.85rem;color:var(--text-primary)}.color-control{position:relative;width:100%}.color-control-trigger{width:100%;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--surface) 0%,rgba(139,92,246,.08) 100%);color:var(--text-primary);cursor:pointer}.color-control-trigger:disabled{opacity:.55;cursor:not-allowed}.color-control-swatch,.color-control-preview{width:28px;height:28px;border-radius:10px;border:2px solid rgba(255,255,255,.8);box-shadow:0 4px 12px #0f172a2e}.color-control-value{font-family:SF Mono,Monaco,monospace;font-size:.84rem;text-align:left}.color-control-chevron{color:var(--primary);font-weight:800}.color-control-popover{position:absolute;top:calc(100% + 10px);left:0;z-index:70;width:min(320px,calc(100vw - 48px));display:grid;gap:12px;padding:14px;border:1px solid rgba(139,92,246,.25);border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--background) 0%,#f5f3ff 100%);box-shadow:0 22px 55px #4c1d9538}.color-control-popover-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-primary);font-weight:800}.color-control-palette-row{display:flex;align-items:center;justify-content:center;gap:18px;color:var(--text-secondary);font-size:.85rem;font-weight:700}.color-control-selected-circle,.color-control-palette-circle{width:92px;height:92px;flex:0 0 92px;border-radius:999px}.color-control-selected-circle{display:inline-flex;align-items:center;justify-content:center;border:4px solid var(--surface);box-shadow:0 10px 26px #0f172a38}.color-control-palette-circle{border:1px solid var(--border);padding:0;background:radial-gradient(circle,#ffffff 0 8%,transparent 9%),conic-gradient(from 90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer;overflow:hidden;box-shadow:0 10px 26px #4c1d9538}.color-control-text{font-family:SF Mono,Monaco,monospace}.color-control-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.color-control-swatches button{min-height:30px;border:2px solid rgba(255,255,255,.9);border-radius:10px;cursor:pointer;box-shadow:0 5px 14px #0f172a29}.color-control-help{margin:0;color:var(--text-secondary);font-size:.78rem;line-height:1.4}.style-grids,.effects-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.logo-upload-area{display:flex;flex-direction:column;gap:12px}.logo-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);color:var(--primary);font-weight:600;font-size:.9rem}.logo-upload-btn:hover{background:var(--primary-light);border-color:var(--primary)}.logo-upload-btn svg{width:20px;height:20px}.logo-controls{display:flex;flex-direction:column;gap:10px;background:var(--surface);padding:12px;border-radius:var(--radius-md);border:1px solid var(--border)}.control-row{display:flex;flex-direction:column;gap:4px}.text-btn{background:none;border:none;color:var(--primary);cursor:pointer;padding:0;text-align:left;text-decoration:underline;font-size:.75rem}.remove-logo-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--surface);border:1px solid var(--error, #ef4444);border-radius:var(--radius-sm, 6px);color:var(--error, #ef4444);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.remove-logo-btn:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.gradient-controls{display:flex;flex-direction:column;gap:8px}@media(max-width:1024px){.pricing-grid{grid-template-columns:1fr}.profile-layout,.profile-header{width:100%}.profile-plan-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-content{display:flex;flex-direction:column;gap:24px}.preview-panel{order:-1;position:static;max-height:none;align-self:center;width:100%;align-items:center}.settings-panel{order:1}.content-type-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:768px){.footer{align-items:stretch;gap:10px}.footer p{width:100%}.footer-links{display:grid;width:100%;max-width:420px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.footer-link{display:inline-flex;min-width:0;min-height:38px;align-items:center;justify-content:center;padding:8px 6px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:.74rem;line-height:1.15;text-align:center}.footer-link-compactable .footer-link-full{display:none}.footer-link-compactable .footer-link-short{display:inline}.profile-password-grid,.profile-plan-details-grid{grid-template-columns:1fr}.profile-plan-summary,.profile-signout-card{align-items:stretch;flex-direction:column}.profile-plan-summary .btn,.profile-signout-card .btn,.profile-cancel-subscription-btn{width:100%}.container{padding:100px 12px 12px;overflow-x:hidden}.header{position:fixed;top:0;left:0;right:0;margin-bottom:0;padding:6px 12px;z-index:1000}.tagline{margin-top:10px;margin-bottom:20px}.header-top{display:flex;flex-direction:column!important;align-items:stretch!important;padding:8px 12px;border-radius:var(--radius-md);background:#fffffffa;box-shadow:var(--shadow-md);position:relative}.header-bar{position:relative;min-height:40px}.logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;z-index:10}.logo-icon{height:32px!important;width:auto!important}.burger-btn{display:flex!important;order:-1;flex:0 0 36px;position:relative;z-index:11}.auth-area{margin-left:auto;gap:8px;flex:0 0 auto;position:relative;z-index:11}.auth-area .btn{flex:0 0 auto}.auth-area.guest{gap:6px}.desktop-email,.desktop-nav{display:none!important}.mobile-nav{display:flex;margin-top:4px;border-radius:var(--radius-md)}.header-control-btn,.profile-trigger,.header-sign-in-btn{min-height:34px}.header-control-btn{gap:6px;padding:0 10px}.header-control-btn span{font-size:.78rem}.auth-area.guest .header-language-btn{padding:0 8px;min-width:40px}.auth-area.guest .header-language-code{display:none}.auth-area.guest .header-sign-in-btn{padding:6px 10px;font-size:.74rem}.header-control-btn svg,.profile-trigger svg{width:14px;height:14px}.profile-trigger{width:34px}.header-popover{max-width:calc(100vw - 40px)}.section-container{padding:22px 16px}.section-container.bulk-section{padding:0}.pricing-card{padding:20px}.pricing-card-header h3{padding-right:0}.pricing-badge{position:static;width:fit-content;order:-1}.profile-header{align-items:center}.bulk-section{gap:18px;padding:22px 12px}.bulk-header-row{flex-direction:column;align-items:stretch;padding:0 4px;gap:8px}.bulk-title-card{padding:20px 16px}.bulk-header-row h2{font-size:1.45rem;line-height:1.2}.bulk-subtitle{font-size:.9rem;line-height:1.45}.bulk-list-header{padding:0 4px;gap:4px}.bulk-list-header h3{line-height:1.2}.bulk-list-header span{line-height:1.35}.bulk-download-all{width:100%;min-width:0}.bulk-layout{gap:16px;width:100%}.bulk-input-panel,.bulk-progress-panel{width:100%;max-width:100%;min-width:0;padding:0}.bulk-input-panel .section,.bulk-progress-panel .bulk-preview-sticky-zone,.bulk-progress-panel .bulk-preview-card,.bulk-progress-panel .bulk-dynamic-preflight,.bulk-progress-panel .bulk-stat-grid,.bulk-progress-panel .bulk-performance-card,.bulk-progress-panel .bulk-settings-row{width:100%;max-width:100%}.bulk-mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.bulk-mode-toggle button{width:100%;padding:10px 12px}.bulk-dropzone{min-height:200px;padding:20px 16px}.bulk-settings-row{gap:12px}.bulk-progress-panel .bulk-settings-row{align-items:center}.preview-format-selector.bulk-format-selector{max-width:220px}.bulk-actions-row{flex-direction:row}.bulk-actions-row .btn{width:100%}.bulk-progress-caption,.bulk-list-header{flex-direction:column;align-items:flex-start}.bulk-card{padding:14px;column-gap:12px}.bulk-card-body h3{font-size:.93rem}.bulk-card .dqr-action-btn{width:100%;justify-content:center}.toast{left:12px;right:12px;bottom:12px}.preview-panel{align-self:center;width:100%;align-items:center}.qr-preview-container{width:100%;align-items:center;justify-content:center}.qr-container{margin:0 auto;max-width:calc(100vw - 40px)}.action-buttons{width:100%;max-width:320px;margin:0 auto;flex-direction:column}.content-type-grid{grid-template-columns:repeat(3,1fr)}.section{padding:20px 16px}.qr-container canvas,.qr-container svg{max-width:100%;height:auto!important}.style-grids,.effects-grid{grid-template-columns:1fr}}@media(max-width:480px){.container{padding-top:90px}.header{padding:6px 8px}.header-top{padding:8px 10px}.header-bar{gap:8px}.auth-area{gap:6px}.header-control-btn{padding:0 8px}.auth-area.guest .header-language-btn{min-width:36px;padding:0 7px}.auth-area.guest .header-sign-in-btn{padding:6px 8px;font-size:.72rem}.logo-icon{width:70px!important}.bulk-stat-grid,.bulk-progress-panel .bulk-actions-row{grid-template-columns:1fr}.pricing-hero h2,.pricing-price{font-size:2rem}.profile-header{flex-direction:column}.profile-details-grid{grid-template-columns:1fr}.content-type-grid{gap:8px}.type-btn{padding:16px 8px}}.dqr-loading{text-align:center;padding:60px 20px;color:var(--text-secondary)}.dqr-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dqr-info-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;background:linear-gradient(135deg,#8b5cf60f,#10b9810f);border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-md);margin-bottom:24px;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.dqr-info-banner svg{flex-shrink:0;margin-top:2px;color:var(--primary)}.dqr-info-banner p{margin:0}.dqr-create-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.dqr-create-form h3{font-size:1.1rem;margin-bottom:16px;color:var(--text-primary)}.dqr-form-grid{display:grid;grid-template-columns:1fr 2fr;gap:16px}.dqr-list{display:flex;flex-direction:column;gap:12px}.dqr-card{display:grid;grid-template-columns:12px 1fr auto auto;gap:16px;align-items:center;padding:20px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s ease}.dqr-card:hover{border-color:#8b5cf64d;box-shadow:0 4px 16px #8b5cf614}.dqr-card.inactive{opacity:.65;background:var(--surface)}.dqr-card.inactive:hover{opacity:.85}.dqr-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dqr-status-dot.active{background:var(--success);box-shadow:0 0 8px #10b98166;animation:pulse-green 2s infinite}.dqr-status-dot.paused{background:var(--text-muted)}@keyframes pulse-green{0%,to{box-shadow:0 0 4px #10b9814d}50%{box-shadow:0 0 12px #10b98199}}.dqr-card-body{min-width:0}.dqr-name{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.dqr-url-row{display:flex;align-items:center;gap:8px;font-size:.85rem;margin-bottom:2px;flex-wrap:wrap}.dqr-label{color:var(--text-muted);font-weight:500;flex-shrink:0}.dqr-target-url{color:var(--primary);text-decoration:none;word-break:break-all}.dqr-target-url:hover{text-decoration:underline}.dqr-short-url{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.8rem;color:var(--text-secondary);background:#8b5cf60f;padding:2px 8px;border-radius:4px;word-break:break-all}.dqr-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--surface);cursor:pointer;color:var(--text-secondary);transition:all .15s ease;flex-shrink:0}.dqr-copy-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.dqr-stats{display:flex;gap:20px;flex-shrink:0}.dqr-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.dqr-stat-value{font-size:1.3rem;font-weight:700;color:var(--primary)}.dqr-stat-date{font-size:.8rem!important;color:var(--text-secondary)!important;font-weight:500!important}.dqr-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.dqr-actions{display:flex;gap:6px;flex-shrink:0}.dqr-action-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;font-size:.78rem;font-weight:500;color:var(--text-secondary);transition:all .15s ease;white-space:nowrap}.dqr-action-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.dqr-action-btn.view:hover{background:#8b5cf614;border-color:var(--primary);color:var(--primary)}.dqr-action-btn.edit:hover,.dqr-action-btn.toggle.on:hover{background:#f59e0b14;border-color:#f59e0b;color:#f59e0b}.dqr-action-btn.toggle.off:hover{background:#10b98114;border-color:var(--success);color:var(--success)}.dqr-action-btn.delete:hover{background:#ef444414;border-color:var(--error);color:var(--error)}.dqr-edit-form{display:flex;flex-direction:column;gap:10px}.dqr-empty{text-align:center;padding:60px 20px;color:var(--text-secondary)}.dqr-error{color:#e53e3e;background:#ef444414;padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:.9rem;border:1px solid rgba(239,68,68,.15)}.dqr-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.dqr-modal{background:var(--background);border-radius:var(--radius-lg);padding:32px;max-width:420px;width:90%;position:relative;box-shadow:0 25px 60px #0003;text-align:center}.dqr-modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--text-muted);padding:4px;transition:color .15s}.dqr-modal-close:hover{color:var(--text-primary)}.dqr-qr-render{display:flex;justify-content:center;padding:20px;background:#fff;border-radius:var(--radius-md);border:1px solid var(--border)}.analytics-dashboard{animation:fadeIn .3s ease-out}.an-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.an-export-group{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto}.an-qr-filter{min-width:250px}.an-qr-filter .select-input{width:100%;max-width:280px}.an-export-actions{display:flex;gap:8px;flex-wrap:nowrap}.an-export-actions .btn{white-space:nowrap}.an-export-locked{font-size:.8rem;color:var(--text-tertiary);align-self:center}.an-period-btns{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px}.an-period-btn{padding:8px 16px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.an-period-btn:hover{color:var(--primary)}.an-period-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #8b5cf640}.an-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.an-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s ease}.an-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.an-stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;flex-shrink:0}.an-stat-value{font-size:1.6rem;font-weight:700;color:var(--text-primary);line-height:1.2}.an-stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.an-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.an-chart-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.an-chart-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.an-chart-subtitle{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-top:20px;margin-bottom:12px;padding-top:16px;border-top:1px solid var(--border)}.an-chart-empty{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:.9rem}.an-bar-chart{display:flex;flex-direction:column;height:220px}.an-bar-chart-bars{flex:1;display:flex;align-items:flex-end;gap:2px;padding-bottom:8px;border-bottom:1px solid var(--border)}.an-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;height:100%}.an-bar{width:100%;max-width:24px;min-height:2px;background:linear-gradient(180deg,var(--primary) 0%,rgba(139,92,246,.5) 100%);border-radius:3px 3px 0 0;transition:height .5s ease;position:relative}.an-bar:hover{background:linear-gradient(180deg,var(--primary-hover) 0%,var(--primary) 100%)}.an-bar-value{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:.65rem;font-weight:600;color:var(--primary);white-space:nowrap}.an-bar-chart-labels{display:flex;justify-content:space-between;padding-top:6px}.an-bar-label{font-size:.7rem;color:var(--text-muted)}.an-device-chart{display:flex;align-items:center;gap:32px}.an-donut-container{flex-shrink:0}.an-donut{width:160px;height:160px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.an-donut-center{width:90px;height:90px;border-radius:50%;background:var(--background);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 2px 8px #0000000d}.an-donut-total{font-size:1.4rem;font-weight:700;color:var(--text-primary);line-height:1}.an-donut-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.an-device-legend{display:flex;flex-direction:column;gap:10px;flex:1}.an-legend-item{display:flex;align-items:center;gap:10px}.an-legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.an-legend-label{font-size:.9rem;color:var(--text-primary);flex:1}.an-legend-value{font-size:.85rem;color:var(--text-secondary);font-weight:500}.an-geo-list{display:flex;flex-direction:column;gap:8px}.an-geo-row{display:grid;grid-template-columns:30px 1fr 120px 40px;align-items:center;gap:10px;padding:6px 0}.an-geo-rank{font-size:.8rem;color:var(--text-muted);font-weight:600}.an-geo-name{font-size:.9rem;color:var(--text-primary);font-weight:500}.an-geo-bar-bg{height:8px;background:var(--surface);border-radius:4px;overflow:hidden}.an-geo-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),rgba(139,92,246,.6));border-radius:4px;transition:width .5s ease}.an-geo-bar-fill.city{background:linear-gradient(90deg,#10b981,#10b98180)}.an-geo-count{font-size:.85rem;font-weight:600;color:var(--text-primary);text-align:right}.an-top-qr-list{display:flex;flex-direction:column;gap:10px}.an-top-qr-item{display:flex;align-items:center;gap:14px;padding:12px;background:var(--surface);border-radius:var(--radius-sm);border:1px solid transparent;transition:all .15s ease}.an-top-qr-item:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.an-top-qr-rank{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#EC4899 100%);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.an-top-qr-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.an-top-qr-name{font-weight:600;font-size:.9rem;color:var(--text-primary)}.an-top-qr-url{font-size:.78rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.an-top-qr-scans{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.an-top-qr-count{font-size:1.2rem;font-weight:700;color:var(--primary)}.an-top-qr-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.an-hourly-chart{display:flex;align-items:flex-end;gap:2px;height:80px;padding-top:8px}.an-hourly-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative}.an-hourly-bar{width:100%;max-width:14px;min-height:2px;background:linear-gradient(180deg,#ec4899,#ec48994d);border-radius:2px 2px 0 0;transition:height .4s ease}.an-hourly-label{font-size:.6rem;color:var(--text-muted);position:absolute;bottom:-16px}@media(max-width:1024px){.an-stats-grid{grid-template-columns:repeat(2,1fr)}.an-charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.an-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.an-stat-card{padding:14px;gap:10px}.an-stat-icon{width:40px;height:40px}.an-stat-value{font-size:1.2rem}.an-controls{flex-direction:column;align-items:stretch}.an-export-group{width:100%;margin-left:0;flex-direction:column;align-items:stretch}.an-qr-filter{width:100%;min-width:0}.an-qr-filter .select-input{max-width:none}.an-export-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.an-export-actions .btn{width:100%;justify-content:center}.an-period-btns{justify-content:center}.an-device-chart{flex-direction:column;gap:20px}.an-donut{width:140px;height:140px;margin:0 auto}.an-donut-center{width:76px;height:76px}.an-geo-row{grid-template-columns:24px 1fr 80px 30px}.dqr-card{grid-template-columns:1fr;gap:12px;position:relative;padding-left:28px}.dqr-status-dot{position:absolute;top:24px;left:12px}.dqr-stats{justify-content:flex-start}.dqr-actions{flex-wrap:wrap}.dqr-form-grid{grid-template-columns:1fr}}@media(max-width:480px){.an-stats-grid{grid-template-columns:1fr}.an-stat-card{flex-direction:row}.dqr-actions{gap:4px}.dqr-action-btn{padding:5px 8px;font-size:.72rem}}.qr-mode-section{width:100%;margin-bottom:24px}.qr-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qr-mode-btn{display:flex;align-items:center;gap:14px;padding:16px 20px;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--background);cursor:pointer;transition:all .2s ease;text-align:left;color:var(--text-secondary)}.qr-mode-btn:hover{border-color:#8b5cf64d;background:#8b5cf608}.qr-mode-btn.active{border-color:var(--primary);background:#8b5cf60f;color:var(--text-primary);box-shadow:0 0 0 1px var(--primary),0 4px 12px #8b5cf61a}.qr-mode-btn.active.dynamic{border-color:#ec4899;background:#ec48990f;box-shadow:0 0 0 1px #ec4899,0 4px 12px #ec48991a}.qr-mode-btn.active.dynamic svg{color:#ec4899}.qr-mode-btn.locked{opacity:.5;cursor:not-allowed}.qr-mode-btn.locked:hover{border-color:var(--border);background:var(--background)}.qr-mode-btn svg{flex-shrink:0;color:var(--text-muted);transition:color .2s}.qr-mode-btn.active svg{color:var(--primary)}.qr-mode-btn-text{display:flex;flex-direction:column;gap:2px}.qr-mode-btn-title{font-weight:600;font-size:.95rem}.qr-mode-btn-desc{font-size:.78rem;color:var(--text-secondary)}.qr-mode-info{margin-top:12px}.qr-mode-info p{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0;padding:10px 16px;background:#8b5cf60a;border-radius:var(--radius-sm);border-left:3px solid var(--primary)}.qr-mode-hint-auth{color:var(--text-muted)!important;background:transparent!important;border-left-color:var(--border)!important;font-style:italic}.dynamic-preview-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:5px;padding:4px 10px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border-radius:6px;z-index:20;box-shadow:0 2px 8px #8b5cf64d;animation:fadeIn .3s ease-out}.dynamic-mode-indicator{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#8b5cf614,#ec489914);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;color:var(--primary)}.dynamic-mode-indicator svg{flex-shrink:0;color:#ec4899}@media(max-width:600px){.qr-mode-toggle{grid-template-columns:1fr;gap:8px}.qr-mode-btn{padding:12px 16px;gap:10px}}.dqr-content-type-badge{display:inline-block;margin-left:8px;padding:2px 8px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);color:#8b5cf6;border-radius:4px;vertical-align:middle}.frame-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.frame-thumb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 6px;background:var(--surface);border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;color:var(--text-secondary);font-size:.72rem;font-weight:500;text-align:center}.frame-thumb:hover{background:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px);color:var(--primary)}.frame-thumb.active{background:#f5f3ff;border-color:var(--primary);color:var(--primary);box-shadow:0 4px 12px #8b5cf61a}.frame-thumb svg{width:48px;height:48px;flex-shrink:0}.frame-settings-group{display:flex;flex-direction:column;gap:12px;margin-top:4px}.frame-color-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.frame-gradient-toggle{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-primary);cursor:pointer}.frame-gradient-toggle input[type=checkbox]{display:none}.frame-gradient-toggle input[type=checkbox]:checked+.checkbox-custom{background:var(--primary);border-color:var(--primary)}.frame-gradient-toggle input[type=checkbox]:checked+.checkbox-custom:after{content:"вњ“";color:#fff;font-size:12px;font-weight:700}.qr-frame-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.qr-frame-wrapper .frame-text{color:#fff;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;letter-spacing:.5px}@media(max-width:600px){.frame-picker-grid{grid-template-columns:repeat(3,1fr);gap:6px}.frame-thumb{padding:8px 4px;font-size:.65rem}.frame-thumb svg{width:36px;height:36px}}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after,.frame-gradient-toggle input[type=checkbox]:checked+.checkbox-custom:after{content:"✓"}.nav-btn,.mobile-nav-btn{display:inline-flex;align-items:center;gap:8px}.nav-btn-icon{width:16px;height:16px;flex:0 0 auto}.generator-layout{align-items:start}.generator-settings-panel .content-type-section{margin-bottom:0}.generator-settings-panel .content-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.info-tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;vertical-align:middle;z-index:50}.info-tooltip-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(16,185,129,.35);color:var(--success);background:#10b98114;font-size:.72rem;font-weight:800;cursor:help}.info-tooltip-content{position:absolute;top:calc(100% + 8px);width:min(340px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:min(60vh,420px);overflow-y:auto;display:none;flex-direction:column;gap:6px;padding:12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--background);color:var(--text-secondary);box-shadow:var(--shadow-lg);font-size:.78rem;line-height:1.45;text-align:left;overflow-wrap:anywhere;word-break:normal;-webkit-hyphens:auto;hyphens:auto;z-index:4000}.info-tooltip-content strong{color:var(--text-primary)}.info-tooltip.align-right .info-tooltip-content{right:0}.info-tooltip:not(.align-left):not(.align-viewport) .info-tooltip-content{right:0}.info-tooltip.align-left .info-tooltip-content{left:0;right:auto}.info-tooltip.align-above .info-tooltip-content{top:auto;bottom:calc(100% + 8px)}.info-tooltip.align-viewport .info-tooltip-content{position:fixed;top:var(--tooltip-top, 80px);left:16px;right:16px;width:auto;max-width:none;max-height:calc(100vh - var(--tooltip-top, 80px) - 16px);z-index:5000}.info-tooltip:hover .info-tooltip-content,.info-tooltip:focus .info-tooltip-content,.info-tooltip:focus-within .info-tooltip-content{display:flex}body:has(.action-dialog-overlay) .info-tooltip{visibility:hidden}.section-title-inline{display:flex;align-items:center;justify-content:space-between;min-height:1px}.generator-appearance-card{margin-top:0;padding:0;border:none;background:transparent}.generator-appearance-card .bulk-appearance-header{margin-bottom:14px}.appearance-accordion{display:flex;flex-direction:column;gap:12px}.appearance-accordion-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background)}.appearance-accordion-trigger{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:none;background:transparent;color:var(--text-primary);cursor:pointer;font:inherit}.appearance-accordion-title{display:inline-flex;align-items:center;gap:10px;font-weight:600}.hp-hero{text-align:center;padding:48px 20px 32px;background:linear-gradient(180deg,var(--primary-light) 0%,var(--background) 100%);border-radius:var(--radius-lg);margin-bottom:24px}.hp-hero-content{max-width:720px;margin:0 auto}.hp-hero-title{font-size:2.4rem;font-weight:800;line-height:1.15;color:var(--text-primary);margin:0 0 16px;letter-spacing:-.02em}.hp-hero-subtitle{font-size:1.15rem;color:var(--text-secondary);margin:0 0 28px;line-height:1.5}.hp-hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hp-hero-btn{flex:0 0 auto;padding:14px 28px;font-size:1rem}.hp-how-it-works{margin-bottom:32px}.hp-steps-row{display:flex;align-items:stretch;justify-content:space-between;gap:8px;flex-wrap:wrap}.hp-step-wrapper{display:flex;align-items:center;flex:1;min-width:0}.hp-step{flex:1;text-align:center;padding:20px 12px}.hp-step-icon{width:48px;height:48px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);border-radius:50%}.hp-step-icon svg{width:24px;height:24px}.hp-step-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.hp-step-text{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.4}.hp-step-arrow{color:var(--text-muted);display:flex;align-items:center;padding:0 4px;flex-shrink:0}.hp-section-badge{display:inline-block;padding:4px 14px;background:var(--primary-light);color:var(--primary-dark);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:20px;margin-bottom:12px}.hp-section-title{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin:0 0 12px;line-height:1.3}.hp-section-text{font-size:1rem;color:var(--text-secondary);margin:0 0 20px;line-height:1.6}.hp-section-btn{flex:0 0 auto;padding:12px 24px;font-size:.95rem}.hp-generator-section{scroll-margin-top:80px}.hp-dynamic-qr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;margin:32px 0}.hp-dqr-content{display:flex;align-items:center;gap:40px}.hp-dqr-text{flex:1}.hp-dqr-diagram{flex:0 0 380px;display:flex;align-items:center;gap:12px}.hp-dqr-qr-block{text-align:center;flex-shrink:0}.hp-dqr-qr-visual{background:#fff;padding:8px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.hp-dqr-qr-label{display:block;font-size:.75rem;color:var(--text-muted);margin-top:6px;font-weight:600}.hp-dqr-arrows{flex-shrink:0}.hp-dqr-urls{display:flex;flex-direction:column;gap:12px;flex:1}.hp-dqr-url{padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--background);position:relative}.hp-dqr-url-old{opacity:.6}.hp-dqr-url-new{border-color:var(--primary);background:var(--primary-light)}.hp-dqr-url-label{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:2px}.hp-dqr-url code{font-size:.8rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.hp-dqr-edit-badge{display:inline-flex;align-items:center;gap:4px;position:absolute;top:-10px;right:6px;background:var(--primary);color:#fff;font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:12px;box-shadow:var(--shadow-sm)}.hp-analytics-mock{margin:32px 0}.hp-am-header{text-align:center;margin-bottom:24px}.hp-am-dashboard{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.hp-am-cta{text-align:center;margin-top:20px}.hp-am-dashboard .an-bar-chart-labels{justify-content:space-between}.hp-features{margin:32px 0}.hp-features-title{text-align:center;margin-bottom:24px}.hp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hp-feature-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);text-align:left;font:inherit;color:inherit}.hp-feature-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.hp-feature-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);border-radius:var(--radius-md)}.hp-feature-icon svg{width:24px;height:24px}.hp-feature-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0}.hp-feature-text{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.5}.hp-final-cta{text-align:center;padding:48px 20px;background:linear-gradient(135deg,var(--primary-light) 0%,#FCE7F3 100%);border-radius:var(--radius-lg);margin:32px 0 24px}.hp-final-cta-content{max-width:560px;margin:0 auto}.hp-final-cta-title{font-size:1.8rem;font-weight:800;color:var(--text-primary);margin:0 0 12px}.hp-final-cta-text{font-size:1rem;color:var(--text-secondary);margin:0 0 24px}.hp-final-cta-btn{display:inline-flex;flex:0 0 auto;padding:14px 32px;font-size:1.05rem}@media(max-width:900px){.hp-hero-title{font-size:1.9rem}.hp-hero-subtitle{font-size:1rem}.hp-features-grid{grid-template-columns:repeat(2,1fr)}.hp-dqr-content{flex-direction:column;gap:24px}.hp-dqr-diagram{flex:0 0 auto;width:100%;max-width:400px}}@media(max-width:640px){.hp-hero{padding:32px 16px 24px}.hp-hero-title{font-size:1.6rem}.hp-hero-cta{flex-direction:column}.hp-hero-btn{width:100%}.hp-steps-row{flex-direction:column;gap:0}.hp-step-wrapper{flex-direction:column}.hp-step-arrow{transform:rotate(90deg);padding:8px 0}.hp-features-grid{grid-template-columns:1fr}.hp-dynamic-qr{padding:24px 16px}.hp-dqr-diagram{flex-direction:column;gap:8px}.hp-dqr-arrows svg{transform:rotate(90deg)}.hp-am-dashboard{padding:16px}.hp-final-cta{padding:32px 16px}.hp-final-cta-title{font-size:1.4rem}.hp-section-title{font-size:1.3rem}}.seo-page{max-width:1200px;margin:0 auto;padding:24px 20px 48px}.seo-hero{text-align:center;padding:40px 20px 32px}.seo-hero-title{font-size:2.2rem;font-weight:800;color:var(--text-primary);margin:0 0 16px;line-height:1.2}.seo-hero-subtitle{font-size:1.15rem;color:var(--text-secondary);margin:0 auto 28px;max-width:640px;line-height:1.5}.seo-hero-cta{display:inline-flex;flex:0 0 auto;padding:14px 32px;font-size:1.05rem}.seo-section{margin:40px 0}.seo-section-title{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin:0 0 16px}.seo-section-text{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0 0 16px}.seo-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.seo-bullets li{position:relative;padding-left:28px;color:var(--text-secondary);line-height:1.5}.seo-bullets li:before{content:"•";position:absolute;left:8px;color:var(--text-muted);font-size:1.2rem;line-height:1.4}.seo-bullets-check li:before{content:"✓";color:var(--primary);font-size:1rem;font-weight:700}.seo-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.seo-feature-card{padding:24px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.seo-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),#EC4899,var(--primary));background-size:200% 100%;opacity:0;transition:opacity .2s ease}.seo-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8b5cf61f;border-color:var(--primary)}.seo-feature-card:hover:before{opacity:1;animation:seo-card-shimmer 2s linear infinite}@media(max-width:768px){.seo-feature-card{border-color:#8b5cf640}.seo-feature-card:before{opacity:.5}.seo-feature-card:active{transform:scale(.98);box-shadow:0 4px 12px #8b5cf626;border-color:var(--primary)}.seo-feature-card:active:before{opacity:1;animation:seo-card-shimmer 2s linear infinite}}@keyframes seo-card-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.seo-feature-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.seo-feature-text{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.5}.seo-generator{text-align:center}.seo-generator-wrapper{margin-top:24px;text-align:left}.seo-faq-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.seo-faq-item{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);padding:0;overflow:hidden;scroll-margin-top:80px}.seo-faq-item:target{border-color:var(--primary);box-shadow:0 0 0 2px #8b5cf626}.seo-faq-question{padding:16px 20px;font-size:1rem;font-weight:600;color:var(--text-primary);cursor:pointer;list-style:none}.seo-faq-question::-webkit-details-marker{display:none}.seo-faq-question:after{content:"+";float:right;color:var(--text-muted);font-size:1.2rem;font-weight:400}.seo-faq-item[open] .seo-faq-question:after{content:"−"}.seo-faq-answer{padding:0 20px 16px;font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0}.seo-faq-answer-wrapper{padding:0}.seo-faq-try-now{display:inline-block;margin:8px 20px 16px;padding:6px 16px;font-size:.85rem;font-weight:600;color:var(--primary);text-decoration:none;border:1px solid var(--primary);border-radius:var(--radius-md);transition:background .15s ease,color .15s ease}.seo-faq-try-now:hover{background:var(--primary);color:#fff}.seo-related-faq{margin-top:24px;padding:20px 24px;background:#8b5cf60f;border-radius:var(--radius-md);border-left:3px solid var(--primary)}.seo-related-faq-label{display:block;font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:10px}.seo-related-faq-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.seo-related-faq-link{font-size:.9rem;color:var(--primary);text-decoration:none;transition:color .15s ease}.seo-related-faq-link:hover{color:#7c3aed;text-decoration:underline}.seo-calculator{background:linear-gradient(180deg,#8b5cf60a,#fff0);border-radius:var(--radius-lg);padding:32px 24px}.qr-calc-input-row{display:flex;flex-direction:column;gap:8px;margin:24px 0;max-width:480px}.qr-calc-label{font-weight:600;color:var(--text-primary);font-size:1rem}.qr-calc-input-group{display:flex;gap:8px}.qr-calc-input{flex:1;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);font:inherit;font-size:1.1rem;background:var(--background);color:var(--text-primary);min-width:0}.qr-calc-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61f}.qr-calc-select{padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);font:inherit;font-size:1rem;background:var(--background);color:var(--text-primary);cursor:pointer;flex-shrink:0}.qr-calc-presets{margin:20px 0}.qr-calc-presets-label{display:block;font-size:.9rem;color:var(--text-muted);margin-bottom:10px}.qr-calc-presets-list{display:flex;flex-wrap:wrap;gap:8px}.qr-calc-preset-btn{padding:8px 16px;border:1px solid var(--border);border-radius:999px;background:var(--background);color:var(--text-secondary);cursor:pointer;font:inherit;font-size:.9rem;transition:all .2s ease}.qr-calc-preset-btn:hover{border-color:var(--primary);color:var(--primary)}.qr-calc-preset-btn.is-active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--background));color:var(--primary);font-weight:600}.qr-calc-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:28px 0}.qr-calc-result-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);gap:4px}.qr-calc-result-rec{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:color-mix(in srgb,var(--primary) 5%,var(--background))}.qr-calc-result-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.qr-calc-result-value{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1.2}.qr-calc-result-rec .qr-calc-result-value{color:var(--primary)}.qr-calc-result-secondary{font-size:1rem;color:var(--text-secondary);font-weight:600}.qr-calc-result-note{font-size:.8rem;color:var(--text-muted);margin-top:4px;line-height:1.4}.qr-scanner-dropzone{position:relative;border:2px dashed var(--border);border-radius:var(--radius-lg);padding:48px 24px;text-align:center;cursor:pointer;transition:border-color var(--transition),background var(--transition);background:var(--surface);min-height:220px;display:flex;align-items:center;justify-content:center}.qr-scanner-dropzone:hover,.qr-scanner-dropzone.is-dragover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.qr-scanner-dropzone.is-scanning{pointer-events:none;border-color:var(--primary);border-style:solid}.qr-scanner-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.qr-scanner-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:10px}.qr-scanner-upload-icon{width:48px;height:48px;color:var(--text-muted)}.qr-scanner-dropzone-title{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.qr-scanner-dropzone-hint{font-size:.85rem;color:var(--text-muted)}.qr-scanner-loading{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--text-secondary);font-weight:500}.qr-scanner-spinner{width:36px;height:36px;border:3px solid color-mix(in srgb,var(--primary) 20%,var(--surface));border-top-color:var(--primary);border-radius:50%;animation:qr-scanner-spin .8s linear infinite}@keyframes qr-scanner-spin{to{transform:rotate(360deg)}}.qr-scanner-error{margin-top:20px;padding:16px 20px;border-radius:var(--radius-md);background:color-mix(in srgb,#ef4444 10%,var(--surface));border:1px solid color-mix(in srgb,#ef4444 40%,var(--border));color:#b91c1c;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.qr-scanner-result{margin-top:20px;padding:20px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary) 5%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border))}.qr-scanner-result-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.qr-scanner-result-type{display:inline-block;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--primary) 15%,var(--surface));color:var(--primary);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.qr-scanner-result-actions{display:flex;gap:8px}.qr-scanner-copy-btn,.qr-scanner-reset-btn{padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color var(--transition),color var(--transition),background var(--transition)}.qr-scanner-copy-btn:hover,.qr-scanner-reset-btn:hover{border-color:var(--primary);color:var(--primary)}.qr-scanner-copy-btn{background:var(--primary);color:#fff;border-color:var(--primary)}.qr-scanner-copy-btn:hover{background:color-mix(in srgb,var(--primary) 85%,#000);color:#fff}.qr-scanner-copy-btn.is-copied{background:#10b981;border-color:#10b981;color:#fff}.qr-scanner-result-fields{margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:0;background:var(--background);border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden}.qr-scanner-result-field{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);align-items:flex-start}.qr-scanner-result-field:last-child{border-bottom:none}.qr-scanner-result-field-label{flex:0 0 140px;font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin:0;padding-top:1px}.qr-scanner-result-field-value{flex:1;margin:0;font-size:.95rem;line-height:1.5;color:var(--text-primary);word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.qr-scanner-raw-toggle{display:inline-block;margin:0 0 12px;padding:4px 12px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:border-color var(--transition),color var(--transition)}.qr-scanner-raw-toggle:hover{border-color:var(--primary);color:var(--primary)}@media(max-width:768px){.qr-scanner-dropzone{padding:32px 16px}.qr-scanner-result-header{flex-direction:column;align-items:flex-start}.qr-scanner-result-field{flex-direction:column;gap:4px}.qr-scanner-result-field-label{flex:none}}.qr-scanner-result-content{margin:0 0 12px;padding:14px 16px;background:var(--background);border-radius:var(--radius-sm);border:1px solid var(--border);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.95rem;line-height:1.5;color:var(--text-primary);white-space:pre-wrap;word-break:break-all;overflow-x:auto;max-height:240px;overflow-y:auto}.qr-scanner-open-link{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-weight:600;text-decoration:none;transition:background var(--transition)}.qr-scanner-open-link:hover{background:color-mix(in srgb,var(--primary) 85%,#000)}.qr-scanner-warning{margin:10px 0 0;padding:10px 14px;border-radius:var(--radius-sm);background:color-mix(in srgb,#f59e0b 12%,var(--surface));border:1px solid color-mix(in srgb,#f59e0b 40%,var(--border));color:#b45309;font-size:.85rem;line-height:1.4}.qr-scanner-safety-note{margin:12px 0 0;font-size:.8rem;color:var(--text-muted);line-height:1.4}.seo-comparison-table-wrapper{overflow-x:auto;margin:20px 0;border-radius:var(--radius-md);border:1px solid var(--border);-webkit-overflow-scrolling:touch;position:relative}.seo-comparison-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:600px;table-layout:fixed}.seo-comparison-table thead th{padding:14px 16px;text-align:left;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--border);background:var(--surface)}.seo-comparison-feature-col{width:28%}.seo-comparison-qoreqr-col,.seo-comparison-competitor-col{width:36%}.seo-comparison-qoreqr-col{color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.seo-comparison-competitor-col{color:var(--text-secondary)}.seo-comparison-table tbody td{padding:12px 16px;border-bottom:1px solid var(--border);line-height:1.5;vertical-align:top;word-break:break-word}.seo-comparison-row-alt{background:color-mix(in srgb,var(--surface) 50%,var(--background))}.seo-comparison-feature-cell{font-weight:600;color:var(--text-primary)}.seo-comparison-qoreqr-cell{color:var(--text-primary);background:color-mix(in srgb,var(--primary) 4%,transparent)}.seo-comparison-competitor-cell{color:var(--text-secondary)}.seo-comparison-table tbody tr:last-child td{border-bottom:none}.seo-comparison-scroll-hint{display:none;text-align:center;font-size:.78rem;color:var(--text-tertiary);margin-top:6px;gap:4px;align-items:center;justify-content:center}.seo-comparison-scroll-hint svg{width:14px;height:14px;flex-shrink:0;opacity:.6}@media(max-width:768px){.seo-comparison-table{font-size:.82rem}.seo-comparison-table thead th,.seo-comparison-table tbody td{padding:10px 12px}.seo-comparison-table-wrapper:has(.seo-comparison-table)+.seo-comparison-scroll-hint{display:flex}}.seo-final-cta{text-align:center;padding:48px 20px;background:linear-gradient(135deg,var(--primary-light) 0%,#FCE7F3 100%);border-radius:var(--radius-lg);margin:40px 0 0}.seo-final-cta-title{font-size:1.8rem;font-weight:800;color:var(--text-primary);margin:0 0 20px}.seo-final-cta-btn{display:inline-flex;flex:0 0 auto;padding:14px 32px;font-size:1.05rem}@media(max-width:768px){.seo-hero-title{font-size:1.7rem}.seo-hero-subtitle{font-size:1rem}.seo-features-grid{grid-template-columns:1fr}.seo-section-title{font-size:1.3rem}.seo-final-cta-title{font-size:1.4rem}}.appearance-accordion-title svg{width:18px;height:18px;color:#009688}.appearance-accordion-chevron{width:18px;height:18px;transition:transform var(--transition)}.appearance-accordion-item.open .appearance-accordion-chevron{transform:rotate(180deg)}.appearance-accordion-content{display:flex;flex-direction:column;gap:14px;padding:0 14px 14px}.visual-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}.visual-option-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-option-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.visual-option-btn,.size-option-btn,.texture-option-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:58px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:var(--transition);font:inherit;font-size:.74rem;text-align:center}.size-option-btn{min-height:38px;flex-direction:row;font-size:.75rem;font-weight:600}.visual-option-btn:hover:not(:disabled),.size-option-btn:hover:not(:disabled),.texture-option-btn:hover:not(:disabled),.visual-option-btn.active,.size-option-btn.active,.texture-option-btn.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.visual-option-btn:disabled,.size-option-btn:disabled,.texture-option-btn:disabled{cursor:not-allowed;opacity:.65}.visual-option-icon{font-size:1rem;font-weight:700}.asset-thumb-img{display:block;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.shape-option-group{display:flex;flex-direction:column;gap:8px}.shape-option-group .visual-option-grid{grid-template-columns:repeat(auto-fill,108px);justify-content:start}.shape-option-group .visual-option-btn{min-height:86px;width:108px}.shape-thumb-preview{width:36px;height:36px;display:block;border-radius:8px;background:linear-gradient(currentColor 0 0) 6px 6px / 8px 8px no-repeat,linear-gradient(currentColor 0 0) 22px 6px / 8px 8px no-repeat,linear-gradient(currentColor 0 0) 6px 22px / 8px 8px no-repeat,linear-gradient(currentColor 0 0) 22px 22px / 8px 8px no-repeat;border:1px solid currentColor}.shape-thumb-preview.asset-thumb-img{width:64px;height:48px;border:none;border-radius:0;background:transparent}.shape-rounded .shape-thumb-preview,.shape-extra-rounded .shape-thumb-preview{background:linear-gradient(currentColor 0 0) 6px 6px / 8px 8px no-repeat,linear-gradient(currentColor 0 0) 22px 6px / 8px 8px no-repeat,linear-gradient(currentColor 0 0) 6px 22px / 8px 8px no-repeat,linear-gradient(currentColor 0 0) 22px 22px / 8px 8px no-repeat}.shape-rounded .shape-thumb-preview{border-radius:10px}.shape-dots .shape-thumb-preview,.shape-dot .shape-thumb-preview{background:radial-gradient(circle,currentColor 0 4px,transparent 4px) 4px 4px / 12px 12px no-repeat,radial-gradient(circle,currentColor 0 4px,transparent 4px) 20px 4px / 12px 12px no-repeat,radial-gradient(circle,currentColor 0 4px,transparent 4px) 4px 20px / 12px 12px no-repeat,radial-gradient(circle,currentColor 0 4px,transparent 4px) 20px 20px / 12px 12px no-repeat}.shape-extra-rounded .shape-thumb-preview{border-radius:14px}.shape-classy .shape-thumb-preview{border-radius:2px 14px}.effect-slider-row{display:flex;flex-direction:column;gap:6px}.effect-slider-row input[type=range],.control-row input[type=range]{width:100%;accent-color:var(--primary)}.texture-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.texture-thumb{width:52px;height:36px;border-radius:8px;border:1px solid var(--border);background:#fff;background-size:cover;background-position:center}.texture-none .texture-thumb{background:linear-gradient(135deg,transparent calc(50% - 1px),rgba(239,68,68,.75) 50%,transparent calc(50% + 1px)),#fff}.visual-frame-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.frame-thumb-preview{position:relative;width:54px;height:44px;display:block;border:2px solid #111827;border-radius:8px;background:#111827;overflow:hidden}.frame-thumb-preview.asset-thumb-img{width:76px;height:58px;border:none;border-radius:0;background:transparent;overflow:visible}.frame-thumb-preview:before{content:"";position:absolute;inset:10px;border-radius:4px;background:#fff;z-index:1}.frame-preview-none{background:transparent;border-style:dashed;opacity:.55}.frame-preview-none:before{display:none}.frame-preview-bottom-banner{height:52px;border-radius:8px}.frame-preview-bottom-banner:before{inset:5px 7px 17px}.frame-preview-bottom-banner:after,.frame-preview-simple-bottom:after,.frame-preview-top-banner:after{content:"";position:absolute;left:10px;right:10px;height:5px;border-radius:999px;background:#fff}.frame-preview-bottom-banner:after,.frame-preview-simple-bottom:after{bottom:6px}.frame-preview-top-banner:after{top:6px}.frame-preview-circle,.frame-preview-blob-circle,.frame-preview-split-circle{border-radius:50%}.frame-preview-circle:before,.frame-preview-blob-circle:before,.frame-preview-split-circle:before{border-radius:8px}.frame-preview-rough-card{clip-path:polygon(4% 2%,16% 0,24% 5%,80% 2%,98% 7%,96% 92%,86% 100%,18% 96%,3% 100%,0 14%)}.frame-preview-blob-circle{border-radius:58% 42% 55% 45%/44% 60% 40% 56%}.frame-preview-split-circle{background:#111827;overflow:hidden}.frame-preview-split-circle:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,transparent 0 52%,#111827 52% 100%);opacity:1;z-index:0}.frame-preview-pennant{clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%)}.frame-preview-simple-bottom{height:52px}.frame-preview-simple-bottom:before{inset:7px 7px 17px}.frame-preview-top-banner{height:52px}.frame-preview-top-banner:before{inset:17px 7px 7px}.generator-appearance-card .frame-color-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preview-format-selector{width:100%;max-width:260px;display:grid;grid-template-columns:repeat(4,1fr);margin:0 auto;gap:4px;padding:4px;border-radius:12px;background:var(--surface-hover)}.preview-format-btn{min-height:32px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.82rem;font-weight:600;padding:0 10px;transition:var(--transition)}.preview-format-btn.active{color:#fff;background:#009688;box-shadow:var(--shadow-sm)}.preview-action-row{width:100%;max-width:420px;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 auto}.preview-action-row .btn{justify-content:center}.preview-meta-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.preview-meta-pill{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 12px;border-radius:999px;background:var(--surface-hover);color:var(--text-secondary);font-size:.78rem;font-weight:600}.preview-save-stack{width:100%;max-width:420px;display:flex;flex-direction:column;gap:12px;margin:0 auto}.preview-editing-note{padding:10px 12px;border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-size:.85rem}.preview-editing-note strong{color:var(--text-primary)}.preview-batch-mode-card{padding:16px;border-radius:var(--radius-lg);border:1px solid rgba(59,130,246,.32);background:linear-gradient(135deg,#3b82f629,#3b82f60a);color:var(--text-secondary)}.preview-batch-mode-kicker{margin-bottom:6px;color:var(--primary);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.preview-batch-mode-card h3{margin:0 0 6px;color:var(--text-primary);font-size:1rem}.preview-batch-mode-card p{margin:0;font-size:.88rem;line-height:1.5}.preview-batch-mode-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.preview-batch-mode-meta span{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#ffffff14;color:var(--text-primary);font-size:.76rem;font-weight:700}.action-dialog-inline-note{margin:10px 0 0;color:var(--text-secondary);font-size:.9rem;font-weight:700}.preview-upgrade-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-radius:var(--radius-lg);border:1px solid rgba(16,185,129,.35);background:linear-gradient(90deg,#10b98129,#10b9810a)}.preview-upgrade-card h3{margin:0 0 4px;font-size:1rem}.preview-upgrade-card p{margin:0;color:var(--text-secondary);font-size:.88rem}.footer{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.footer-links{display:inline-flex;align-items:center;gap:12px}.footer-link{border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font:inherit;font-weight:600;text-decoration:none}.footer-link:hover{color:var(--primary)}.footer-link-short{display:none}.legal-page{max-width:960px;margin:0 auto}.legal-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.9rem}.legal-back-link{padding:0}.markdown-content{display:grid;gap:14px;color:var(--text-secondary);line-height:1.7}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:var(--text-primary);line-height:1.25;margin:0}.markdown-content h1{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em}.markdown-content h2{margin-top:22px;font-size:clamp(1.35rem,2.4vw,2rem)}.markdown-content h3{margin-top:12px;font-size:1.12rem}.markdown-content p,.markdown-content ul{margin:0}.markdown-content ul{padding-left:22px}.markdown-content li+li{margin-top:6px}.markdown-content a{color:var(--primary);font-weight:700}.faq-page-content{display:grid;gap:22px}.faq-page-title{margin:0;color:var(--text-primary);font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em;line-height:1.05}.faq-list{display:grid;gap:16px}.faq-card{padding:22px 24px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,#fffffff5,#f8fafceb);box-shadow:0 18px 40px #0f172a0f;scroll-margin-top:24px}.faq-question-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 12px}.faq-question{margin:0;color:var(--text-primary);font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.3}.faq-answer{display:grid;gap:12px}.faq-short-answer,.faq-detail-line,.faq-cta{margin:0;color:var(--text-secondary);line-height:1.75}.faq-short-answer{font-size:1rem}.faq-expand-button{flex-shrink:0;width:32px;height:32px;min-width:32px;padding:0;border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;font:inherit;font-size:1.2rem;font-weight:400;line-height:1;display:flex;align-items:center;justify-content:center;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.faq-expand-button:hover,.faq-expand-button[aria-expanded=true]{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 32%,var(--border));background:color-mix(in srgb,var(--primary) 8%,white)}.faq-detail{display:grid;gap:12px;padding-top:2px}.faq-additional{display:grid;gap:12px;padding-top:4px}.faq-additional-title{margin:0;color:var(--text-primary);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.faq-related-list{margin:0;padding-left:22px;color:var(--text-secondary)}.faq-related-list li+li{margin-top:6px}.faq-related-list a.faq-related-link,.faq-related-list a.faq-related-link:visited{display:inline;padding:0;border:none;background:transparent;color:var(--primary)!important;cursor:pointer;font:inherit;font-weight:700;text-align:left;text-decoration:underline!important;text-underline-offset:.16em}.faq-related-list a.faq-related-link:hover,.faq-related-list a.faq-related-link:focus-visible{color:color-mix(in srgb,var(--primary) 82%,black)}.faq-cta{padding:14px 16px;border-radius:16px;background:color-mix(in srgb,var(--primary) 10%,white);border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border))}.legal-action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}@media(max-width:1100px){.generator-settings-panel .content-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.faq-card{padding:18px;border-radius:18px}.main-content.generator-layout,.generator-layout .settings-panel,.generator-layout .preview-panel,.generator-settings-panel .section{width:100%;max-width:100%;min-width:0}.main-content.generator-layout{grid-template-columns:1fr;padding-left:0;padding-right:0;width:100%}.generator-layout .settings-panel{order:1;align-items:stretch}.generator-layout .preview-panel{order:2;align-items:stretch}.generator-mobile-new-qr-btn{display:flex;flex:1;padding:12px 20px;font-size:.9rem;margin-bottom:4px}.generator-new-qr-btn{display:none}.generator-settings-panel .content-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.generator-settings-panel .content-type-btn{min-width:0;padding:10px 6px;font-size:.72rem}.generator-settings-panel .content-type-icon{width:22px;height:22px}.generator-appearance-card .frame-color-row,.preview-action-row{grid-template-columns:1fr}.generator-settings-panel .content-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.visual-option-grid.four,.shape-option-group .visual-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shape-option-group .visual-option-btn{width:100%}.info-tooltip-content{left:50%;right:auto;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:min(58vh,360px);transform:translate(-50%);overflow-wrap:anywhere;word-break:normal}.info-tooltip.align-left .info-tooltip-content,.info-tooltip.align-right .info-tooltip-content,.info-tooltip:not(.align-left):not(.align-viewport) .info-tooltip-content{left:50%;right:auto}.info-tooltip.align-viewport .info-tooltip-content{left:12px;right:12px;width:auto;max-width:none;max-height:calc(100vh - var(--tooltip-top, 80px) - 12px);transform:none}.preview-upgrade-card{align-items:stretch;flex-direction:column}}.profile-data-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.profile-danger-btn,.profile-danger-confirm-btn{border-color:#ef444459!important;background:#ef44441a!important;color:var(--error)!important}.profile-danger-btn.profile-cancel-subscription-btn,.profile-signout-btn{background:var(--background)!important;color:var(--error)!important}.profile-privacy-note{display:grid;gap:6px;margin-top:20px;padding:18px 0 0;border-top:1px solid var(--border)}.profile-privacy-note strong{color:var(--text-primary);font-size:.92rem}.profile-privacy-note span{color:var(--text-secondary);font-size:.82rem}.profile-privacy-note .profile-privacy-link{justify-self:start;margin-top:8px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--text-primary);text-decoration:none}.profile-privacy-note .profile-privacy-link:hover{border-color:#0096884d;color:var(--primary)}.profile-delete-modal-overlay{position:fixed;inset:0;z-index:2200;display:flex;align-items:center;justify-content:center;padding:20px;background:#1118278c}.profile-delete-modal{width:min(460px,100%);display:grid;gap:14px;padding:24px;border-radius:var(--radius-lg);background:var(--background);border:1px solid rgba(239,68,68,.24);box-shadow:var(--shadow-lg)}.profile-cancel-modal{width:min(720px,100%);max-height:min(86vh,760px);overflow-y:auto;border-color:#f59e0b4d}.profile-cancel-modal h3{color:var(--error)}.profile-cancellation-reason-field{gap:10px}.profile-cancellation-reasons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-cancellation-reason-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-size:.9rem;font-weight:700;cursor:pointer}.profile-cancellation-reason-option input{accent-color:var(--primary)}.profile-cancellation-reason-option:has(input:checked){border-color:#7c3aed66;background:#7c3aed14;color:var(--text-primary)}.profile-cancel-dynamic-box{display:grid;gap:12px;padding:14px;border:1px solid rgba(245,158,11,.28);border-radius:var(--radius-lg);background:#f59e0b14}.profile-cancel-dynamic-box p{margin:0}.profile-cancel-dynamic-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.profile-cancel-dynamic-header strong{display:block;margin-bottom:4px;color:var(--text-primary)}.profile-cancel-dynamic-header span{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:var(--surface);color:var(--text-primary);font-size:.82rem;font-weight:800}.profile-cancel-dynamic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:260px;overflow-y:auto;padding-right:2px}.profile-cancel-dynamic-option{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);cursor:pointer}.profile-cancel-dynamic-option.selected{border-color:#10b98173;background:#10b98114;color:var(--text-primary)}.profile-cancel-dynamic-option input{margin-top:3px;accent-color:var(--success)}.profile-cancel-dynamic-option span{min-width:0}.profile-cancel-dynamic-option strong,.profile-cancel-dynamic-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-cancel-dynamic-option small{margin-top:3px;font-size:.78rem;color:var(--text-muted)}@media(max-width:640px){.profile-cancellation-reasons,.profile-cancel-dynamic-list{grid-template-columns:1fr}.profile-cancel-dynamic-header{flex-direction:column}}.profile-delete-modal h3{margin:0;color:var(--error)}.profile-delete-modal p{margin:0;color:var(--text-secondary);font-size:.92rem}.profile-delete-modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.project-edit-menu{position:relative;min-width:82px}.project-edit-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.project-edit-caret{font-size:.85rem;line-height:1;transform:translateY(-1px)}.project-edit-dropdown{position:fixed;z-index:1200;width:240px;min-width:220px;max-width:min(280px,calc(100vw - 32px));display:grid;gap:4px;padding:8px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--background);box-shadow:var(--shadow-md);overflow-wrap:anywhere}.project-edit-dropdown button{width:100%;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);cursor:pointer;padding:9px 10px;text-align:left;font-weight:600;line-height:1.25}.project-edit-dropdown button:hover{background:var(--surface-hover);color:var(--primary)}