.Navbar-module__cJzEcG__navbar{z-index:100;background:var(--glass-bg);width:100%;-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:all var(--transition-fast);position:sticky;top:0}.Navbar-module__cJzEcG__container{max-width:var(--container-max-width);padding:0 var(--space-md);justify-content:space-between;align-items:center;height:70px;margin:0 auto;display:flex}.Navbar-module__cJzEcG__brand{align-items:center;gap:var(--space-sm);cursor:pointer;display:flex}.Navbar-module__cJzEcG__logo{background:linear-gradient(135deg, var(--brand-primary), #10b981);width:36px;height:36px;color:var(--text-on-brand);border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex;box-shadow:0 4px 12px #3b82f64d}.Navbar-module__cJzEcG__brandName{font-family:var(--font-outfit), var(--font-sans);letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.Navbar-module__cJzEcG__navLinks{align-items:center;gap:var(--space-md);list-style:none;display:flex}.Navbar-module__cJzEcG__navButton{padding:var(--space-sm) var(--space-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;font-size:.95rem;font-weight:500}.Navbar-module__cJzEcG__navButton:hover{color:var(--text-primary);background-color:var(--bg-surface-hover)}.Navbar-module__cJzEcG__active{color:var(--brand-primary);background-color:#3b82f614;font-weight:600}[data-theme=dark] .Navbar-module__cJzEcG__active{color:#60a5fa;background-color:#3b82f626}.Navbar-module__cJzEcG__actions{align-items:center;gap:var(--space-md);display:flex}.Navbar-module__cJzEcG__themeToggle{background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.Navbar-module__cJzEcG__themeToggle:hover{color:var(--text-primary);border-color:var(--border-strong);transform:scale(1.05)}.Navbar-module__cJzEcG__ctaBtn{background-color:var(--brand-primary);color:var(--text-on-brand);padding:var(--space-sm) var(--space-lg);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;font-size:.9rem;font-weight:600;box-shadow:0 4px 14px #3b82f633}.Navbar-module__cJzEcG__ctaBtn:hover{background-color:var(--brand-primary-hover);transform:translateY(-1px)}@media (max-width:768px){.Navbar-module__cJzEcG__navLinks{display:none}}
.EditorForm-module__y_bkhG__form{gap:var(--space-md);padding:var(--space-lg);flex-direction:column;display:flex}.EditorForm-module__y_bkhG__section{gap:var(--space-sm);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-md);flex-direction:column;display:flex}.EditorForm-module__y_bkhG__section:last-child{border-bottom:none;padding-bottom:0}.EditorForm-module__y_bkhG__sectionTitle{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:.85rem;font-weight:700}.EditorForm-module__y_bkhG__group{gap:var(--space-xs);flex-direction:column;display:flex}.EditorForm-module__y_bkhG__label{color:var(--text-primary);font-size:.85rem;font-weight:600}.EditorForm-module__y_bkhG__input,.EditorForm-module__y_bkhG__select{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);border-radius:6px;font-size:.9rem}.EditorForm-module__y_bkhG__input:focus,.EditorForm-module__y_bkhG__select:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #3b82f626}.EditorForm-module__y_bkhG__colorPickerGroup{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.EditorForm-module__y_bkhG__colorPickerWrapper{align-items:center;gap:var(--space-sm);display:flex}.EditorForm-module__y_bkhG__colorInput{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:50%;width:36px;height:36px}.EditorForm-module__y_bkhG__colorInput::-webkit-color-swatch-wrapper{padding:0}.EditorForm-module__y_bkhG__colorInput::-webkit-color-swatch{border:1px solid var(--border-strong);border-radius:50%}.EditorForm-module__y_bkhG__colorTextInput{padding:var(--space-sm);border:1px solid var(--border-subtle);font-family:var(--font-mono);background:var(--bg-surface);color:var(--text-primary);border-radius:6px;flex:1;font-size:.85rem}.EditorForm-module__y_bkhG__layoutGrid{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.EditorForm-module__y_bkhG__layoutBtn{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--space-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:var(--space-xs);border-radius:8px;flex-direction:column;font-size:.85rem;font-weight:500;display:flex}.EditorForm-module__y_bkhG__layoutBtn:hover{border-color:var(--border-strong);color:var(--text-primary)}.EditorForm-module__y_bkhG__layoutBtnActive{border-color:var(--brand-primary);color:var(--brand-primary);background-color:#3b82f60d;font-weight:600}[data-theme=dark] .EditorForm-module__y_bkhG__layoutBtnActive{color:#60a5fa;background-color:#3b82f626;border-color:#60a5fa}.EditorForm-module__y_bkhG__layoutIcon{border:1px dashed var(--border-strong);border-radius:4px;justify-content:center;align-items:center;width:100%;height:40px;display:flex;position:relative;overflow:hidden}.EditorForm-module__y_bkhG__layoutIconCenter:after{content:"";background:var(--border-strong);border-radius:2px;width:50%;height:8px}.EditorForm-module__y_bkhG__layoutIconLeft{padding-left:var(--space-sm);justify-content:flex-start}.EditorForm-module__y_bkhG__layoutIconLeft:after{content:"";background:var(--border-strong);border-radius:2px;width:40%;height:8px}.EditorForm-module__y_bkhG__layoutIconRight{padding-right:var(--space-sm);justify-content:flex-end}.EditorForm-module__y_bkhG__layoutIconRight:after{content:"";background:var(--border-strong);border-radius:2px;width:40%;height:8px}.EditorForm-module__y_bkhG__dimensionsGroup{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.EditorForm-module__y_bkhG__randomizeBtn{background:linear-gradient(135deg, var(--brand-primary), #10b981);color:var(--text-on-brand);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);border:none;border-radius:8px;font-size:.9rem;font-weight:600;display:flex}.EditorForm-module__y_bkhG__randomizeBtn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}
.PreviewPanel-module__6umryq__panel{gap:var(--space-md);padding:var(--space-lg);flex-direction:column;height:100%;display:flex}.PreviewPanel-module__6umryq__previewTitle{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:1rem;font-weight:700;display:flex}.PreviewPanel-module__6umryq__badge{background-color:var(--brand-success);color:var(--text-on-brand);border-radius:20px;padding:2px 8px;font-size:.75rem;font-weight:600}.PreviewPanel-module__6umryq__imageContainer{aspect-ratio:1200/630;background-color:var(--bg-app);border:1px solid var(--border-subtle);border-radius:10px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d}.PreviewPanel-module__6umryq__previewImage{object-fit:contain;width:100%;height:100%;transition:opacity .3s}.PreviewPanel-module__6umryq__loaderOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;justify-content:center;align-items:center;gap:var(--space-sm);z-index:10;opacity:0;pointer-events:none;background-color:#0000004d;flex-direction:column;transition:opacity .2s;display:flex;position:absolute;inset:0}.PreviewPanel-module__6umryq__loading .PreviewPanel-module__6umryq__loaderOverlay{opacity:1;pointer-events:auto}.PreviewPanel-module__6umryq__spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite PreviewPanel-module__6umryq__spin}@keyframes PreviewPanel-module__6umryq__spin{to{transform:rotate(360deg)}}.PreviewPanel-module__6umryq__errorOverlay{background-color:var(--bg-surface);padding:var(--space-lg);text-align:center;justify-content:center;align-items:center;gap:var(--space-sm);z-index:5;flex-direction:column;display:flex;position:absolute;inset:0}.PreviewPanel-module__6umryq__errorTitle{color:var(--brand-danger);font-size:1.1rem;font-weight:700}.PreviewPanel-module__6umryq__errorMessage{color:var(--text-secondary);max-width:80%;font-size:.9rem}.PreviewPanel-module__6umryq__urlBox{gap:var(--space-xs);margin-top:var(--space-xs);flex-direction:column;display:flex}.PreviewPanel-module__6umryq__urlLabel{color:var(--text-secondary);font-size:.85rem;font-weight:600}.PreviewPanel-module__6umryq__urlInputContainer{gap:var(--space-sm);display:flex}.PreviewPanel-module__6umryq__urlInput{padding:var(--space-sm);border:1px solid var(--border-subtle);background:var(--bg-app);color:var(--text-primary);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;border-radius:6px;flex:1;font-size:.8rem;overflow:hidden}.PreviewPanel-module__6umryq__copyBtn{background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:var(--space-xs);border-radius:6px;font-size:.85rem;font-weight:600;display:flex}.PreviewPanel-module__6umryq__copyBtn:hover{background-color:var(--bg-surface-hover);border-color:var(--border-strong)}.PreviewPanel-module__6umryq__snippetSection{gap:var(--space-xs);margin-top:var(--space-xs);flex-direction:column;display:flex}.PreviewPanel-module__6umryq__tabs{border-bottom:1px solid var(--border-subtle);gap:var(--space-md);display:flex}.PreviewPanel-module__6umryq__tabBtn{padding:var(--space-xs) 0;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:600;position:relative;bottom:-1px}.PreviewPanel-module__6umryq__activeTabBtn{color:var(--brand-primary);border-bottom:2px solid var(--brand-primary)}.PreviewPanel-module__6umryq__snippetBox{background-color:var(--bg-app);border:1px solid var(--border-subtle);padding:var(--space-md);font-family:var(--font-mono);color:var(--text-primary);white-space:pre-wrap;word-break:break-all;border-radius:6px;font-size:.8rem;position:relative}.PreviewPanel-module__6umryq__snippetCopyBtn{background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;color:var(--text-secondary);border-radius:4px;padding:4px 8px;font-size:.75rem;position:absolute;top:8px;right:8px}.PreviewPanel-module__6umryq__snippetCopyBtn:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.PreviewPanel-module__6umryq__apiKeySelector{gap:var(--space-xs);margin-top:var(--space-xs);flex-direction:column;display:flex}.PreviewPanel-module__6umryq__keySelect{padding:var(--space-sm);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);border-radius:6px;font-size:.9rem}
.KeyManager-module__QhlSIW__container{gap:var(--space-md);padding:var(--space-lg);flex-direction:column;display:flex}.KeyManager-module__QhlSIW__header{border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.KeyManager-module__QhlSIW__title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.KeyManager-module__QhlSIW__createForm{gap:var(--space-sm);margin-bottom:var(--space-sm);align-items:center;display:flex}.KeyManager-module__QhlSIW__input{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-sans);border-radius:6px;flex:1}.KeyManager-module__QhlSIW__select{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);border-radius:6px}.KeyManager-module__QhlSIW__createBtn{background-color:var(--brand-primary);color:var(--text-on-brand);padding:var(--space-sm) var(--space-lg);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:6px;font-weight:600}.KeyManager-module__QhlSIW__createBtn:hover{background-color:var(--brand-primary-hover)}.KeyManager-module__QhlSIW__keyList{gap:var(--space-sm);flex-direction:column;display:flex}.KeyManager-module__QhlSIW__keyItem{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--space-md);transition:all var(--transition-fast);border-radius:8px;justify-content:space-between;align-items:center;display:flex}.KeyManager-module__QhlSIW__keyItem:hover{border-color:var(--border-strong)}.KeyManager-module__QhlSIW__keyInfo{flex-direction:column;gap:2px;display:flex}.KeyManager-module__QhlSIW__keyName{color:var(--text-primary);align-items:center;gap:var(--space-sm);font-size:.95rem;font-weight:600;display:flex}.KeyManager-module__QhlSIW__tierBadge{text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:.7rem;font-weight:700}.KeyManager-module__QhlSIW__freeBadge{color:#4b5563;background:#f3f4f6}.KeyManager-module__QhlSIW__proBadge{color:var(--brand-primary);background:#3b82f61a}.KeyManager-module__QhlSIW__enterpriseBadge{color:var(--brand-success);background:#10b9811a}.KeyManager-module__QhlSIW__keyValue{font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:var(--space-sm);font-size:.8rem;display:flex}.KeyManager-module__QhlSIW__keyActions{gap:var(--space-sm);display:flex}.KeyManager-module__QhlSIW__actionBtn{border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600}.KeyManager-module__QhlSIW__actionBtn:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.KeyManager-module__QhlSIW__revokeBtn{color:var(--brand-danger);border-color:#ef444433}.KeyManager-module__QhlSIW__revokeBtn:hover{border-color:var(--brand-danger);background:#ef44440d}
.UsageStats-module__shl1Hq__card{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--space-lg);gap:var(--space-md);border-radius:12px;flex-direction:column;display:flex;box-shadow:0 4px 12px #00000005}.UsageStats-module__shl1Hq__title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.95rem;font-weight:700}.UsageStats-module__shl1Hq__tierInfo{justify-content:space-between;align-items:center;display:flex}.UsageStats-module__shl1Hq__tierName{color:var(--brand-primary);text-transform:capitalize;font-size:1.1rem;font-weight:600}.UsageStats-module__shl1Hq__progressContainer{gap:var(--space-xs);flex-direction:column;display:flex}.UsageStats-module__shl1Hq__progressLabel{color:var(--text-secondary);justify-content:space-between;font-size:.85rem;display:flex}.UsageStats-module__shl1Hq__progressBarOuter{background-color:var(--bg-app);border-radius:4px;width:100%;height:8px;overflow:hidden}.UsageStats-module__shl1Hq__progressBarInner{background:linear-gradient(90deg, var(--brand-primary), #10b981);border-radius:4px;height:100%;transition:width .5s ease-out}.UsageStats-module__shl1Hq__warningBar{background:linear-gradient(90deg, var(--brand-warning), var(--brand-danger))}.UsageStats-module__shl1Hq__limitAlert{color:var(--brand-warning);align-items:center;gap:4px;font-size:.8rem;display:flex}
.BillingPanel-module__VES8CW__container{gap:var(--space-md);padding:var(--space-lg);flex-direction:column;display:flex}.BillingPanel-module__VES8CW__header{text-align:center;border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-lg);gap:var(--space-xs);flex-direction:column;display:flex}.BillingPanel-module__VES8CW__title{color:var(--text-primary);font-size:1.5rem;font-weight:800}.BillingPanel-module__VES8CW__subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:.95rem}.BillingPanel-module__VES8CW__grid{gap:var(--space-lg);margin-top:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.BillingPanel-module__VES8CW__card{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--space-xl);gap:var(--space-md);transition:all var(--transition-fast);border-radius:12px;flex-direction:column;display:flex;position:relative}.BillingPanel-module__VES8CW__card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.BillingPanel-module__VES8CW__proCard{border-color:var(--brand-primary);box-shadow:0 4px 20px #3b82f61a}.BillingPanel-module__VES8CW__proCard:hover{border-color:var(--brand-primary-hover);box-shadow:0 10px 30px #3b82f633}.BillingPanel-module__VES8CW__popularBadge{background:var(--brand-primary);color:var(--text-on-brand);border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.BillingPanel-module__VES8CW__planName{color:var(--text-primary);font-size:1.1rem;font-weight:700}.BillingPanel-module__VES8CW__planPrice{color:var(--text-primary);align-items:baseline;display:flex}.BillingPanel-module__VES8CW__amount{font-size:2.25rem;font-weight:800}.BillingPanel-module__VES8CW__period{color:var(--text-secondary);margin-left:4px;font-size:.9rem}.BillingPanel-module__VES8CW__planDesc{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.BillingPanel-module__VES8CW__features{gap:var(--space-sm);margin-top:var(--space-sm);flex-direction:column;list-style:none;display:flex}.BillingPanel-module__VES8CW__featureItem{align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.85rem;display:flex}.BillingPanel-module__VES8CW__checkIcon{color:var(--brand-success);font-weight:700}.BillingPanel-module__VES8CW__selectBtn{background-color:var(--bg-app);border:1px solid var(--border-subtle);color:var(--text-primary);padding:var(--space-sm) var(--space-md);cursor:pointer;width:100%;transition:all var(--transition-fast);border-radius:8px;margin-top:auto;font-weight:600}.BillingPanel-module__VES8CW__selectBtn:hover{background-color:var(--bg-surface-hover);border-color:var(--border-strong)}.BillingPanel-module__VES8CW__selectBtnPro{background-color:var(--brand-primary);color:var(--text-on-brand);border:none;box-shadow:0 4px 12px #3b82f633}.BillingPanel-module__VES8CW__selectBtnPro:hover{background-color:var(--brand-primary-hover)}@media (max-width:900px){.BillingPanel-module__VES8CW__grid{gap:var(--space-md);grid-template-columns:1fr}}
.page-module___8aEwW__mainContainer{flex-direction:column;min-height:100vh;display:flex}.page-module___8aEwW__contentArea{padding:var(--space-xl) 0;flex-direction:column;flex:1;display:flex}.page-module___8aEwW__gridPlayground{gap:var(--space-xl);grid-template-columns:450px 1fr;align-items:start;display:grid}.page-module___8aEwW__editorCard{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 4px 12px #00000005}.page-module___8aEwW__previewColumn{gap:var(--space-lg);flex-direction:column;display:flex;position:sticky;top:90px}.page-module___8aEwW__previewCard{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 4px 12px #00000005}.page-module___8aEwW__panelCard{background-color:var(--bg-surface);border:1px solid var(--border-subtle);margin-top:var(--space-md);border-radius:12px;box-shadow:0 4px 12px #00000005}.page-module___8aEwW__keysLayout{gap:var(--space-xl);grid-template-columns:1fr 350px;align-items:start;display:grid}@media (max-width:1024px){.page-module___8aEwW__gridPlayground{grid-template-columns:1fr}.page-module___8aEwW__previewColumn{position:static}.page-module___8aEwW__keysLayout{grid-template-columns:1fr}}