.theme-customizer{position:fixed;inset:0;z-index:1200;visibility:hidden;pointer-events:none}.theme-customizer.is-open{visibility:visible;pointer-events:auto}.theme-customizer-backdrop{position:absolute;inset:0;background:rgba(7,18,33,.42);backdrop-filter:blur(7px);opacity:0;transition:opacity .3s ease}.theme-customizer.is-open .theme-customizer-backdrop{opacity:1}.theme-customizer-panel{position:absolute;top:0;right:0;height:100%;width:min(460px,100vw);display:flex;flex-direction:column;background:var(--surface);color:var(--text-main);border-left:1px solid var(--border-soft);box-shadow:-28px 0 80px rgba(7,27,55,.18);transform:translateX(104%);transition:transform .42s var(--ease-spring);overflow:hidden}.theme-customizer.is-open .theme-customizer-panel{transform:none}.theme-customizer-header{display:flex;justify-content:space-between;gap:1rem;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--border-soft);background:var(--surface-elevated);flex:0 0 auto}.theme-customizer-header h2{font-size:1.15rem;letter-spacing:-.02em;margin:.15rem 0 .2rem}.theme-customizer-header p{margin:0;color:var(--text-muted);font-size:.75rem;max-width:320px;line-height:1.55}.theme-customizer-body{overflow:auto;padding:1rem 1.25rem 1.5rem;display:grid;gap:1rem}.theme-preview-card{position:relative;min-height:150px;overflow:hidden;padding:1.1rem;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--aaji-blue) 14%,var(--surface)),color-mix(in srgb,var(--aaji-cyan) 10%,var(--surface)));box-shadow:var(--shadow-card)}.theme-preview-orb{position:absolute;width:190px;height:190px;border-radius:50%;right:-70px;top:-70px;background:radial-gradient(circle,var(--aaji-cyan),transparent 68%);opacity:.35;filter:blur(8px);animation:themeOrbFloat 6s ease-in-out infinite}.theme-preview-content{position:relative;display:grid;gap:.55rem;max-width:260px}.theme-preview-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-soft);font-weight:850}.theme-preview-content strong{font-size:1.15rem;line-height:1.1;letter-spacing:-.03em}.theme-preview-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.theme-customizer-section{border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:1rem;background:color-mix(in srgb,var(--surface) 94%,var(--bg-soft));box-shadow:0 8px 25px rgba(11,46,89,.04)}.theme-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.theme-section-heading h3{font-size:.78rem;margin:0 0 .15rem;font-weight:850}.theme-section-heading p{margin:0;color:var(--text-soft);font-size:.67rem}.theme-live-dot{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .5rem;border-radius:999px;background:rgba(34,197,94,.08);color:#16803b;font-size:.61rem;font-weight:800}.theme-live-dot i{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.1)}.theme-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.theme-preset{appearance:none;text-align:left;border:1px solid var(--border-soft);border-radius:.9rem;padding:.72rem;background:var(--surface);color:var(--text-main);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;cursor:pointer}.theme-preset:hover{transform:translateY(-2px);border-color:var(--aaji-blue);box-shadow:0 10px 24px rgba(0,87,184,.1)}.theme-preset.active{border-color:var(--aaji-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--aaji-blue) 11%,transparent)}.theme-preset strong,.theme-preset small{display:block}.theme-preset strong{font-size:.7rem;margin-top:.42rem}.theme-preset small{font-size:.6rem;color:var(--text-soft);margin-top:.1rem}.theme-swatch-row{display:flex;gap:.18rem}.theme-swatch-row i{display:block;width:25px;height:14px;border-radius:999px;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.theme-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.theme-color-control{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.65rem;border:1px solid var(--border-soft);border-radius:.85rem;background:var(--surface);cursor:pointer}.theme-color-control > span:first-child{min-width:0}.theme-color-control strong,.theme-color-control small{display:block}.theme-color-control strong{font-size:.67rem}.theme-color-control small{font-size:.57rem;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-color-input{display:flex;align-items:center;gap:.35rem;flex:0 0 auto}.theme-color-input input{width:30px;height:30px;padding:0;border:0;background:transparent;cursor:pointer}.theme-color-input code{font-size:.56rem;color:var(--text-soft);font-family:ui-monospace,Menlo,monospace}.theme-range-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:1rem;padding:.65rem 0;border-top:1px solid var(--border-soft)}.theme-range-row:first-of-type{border-top:0;padding-top:0}.theme-range-row strong,.theme-range-row small{display:block}.theme-range-row strong{font-size:.67rem}.theme-range-row small{font-size:.58rem;color:var(--text-soft);margin-top:.08rem}.theme-range-control{display:grid;grid-template-columns:1fr 40px;gap:.5rem;align-items:center}.theme-range-control input{accent-color:var(--aaji-blue);width:100%}.theme-range-control output{text-align:right;font-size:.6rem;font-weight:800;color:var(--text-muted)}.theme-accessibility-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .85rem;border-radius:var(--radius-md);background:var(--bg-soft);border:1px dashed var(--border-soft)}.theme-accessibility-card > div{display:flex;align-items:flex-start;gap:.65rem}.theme-accessibility-card > div > i{font-size:1.25rem;color:var(--aaji-blue)}.theme-accessibility-card strong{display:block;font-size:.68rem}.theme-accessibility-card p{margin:.15rem 0 0;color:var(--text-soft);font-size:.59rem;line-height:1.5}.badge-soft{display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .5rem;background:rgba(34,197,94,.08);color:#16803b;font-size:.58rem;font-weight:850;white-space:nowrap}.theme-customizer-footer{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.9rem 1.25rem;border-top:1px solid var(--border-soft);background:var(--surface-elevated);flex:0 0 auto}.theme-footer-actions{display:flex;gap:.45rem}.theme-customizer .aaji-btn{min-height:40px}.nav-link-button{border:0;background:none;font:inherit;cursor:pointer}.theme-customizer-trigger{display:inline-grid!important}.theme-customizer-close{flex:0 0 auto}@keyframes themeOrbFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-9px,10px,0)}}
@media (max-width:575.98px){.theme-customizer-panel{top:auto;bottom:0;left:0;right:0;width:100%;height:min(88dvh,780px);border-left:0;border-top:1px solid var(--border-soft);border-radius:1.2rem 1.2rem 0 0;transform:translateY(104%)}.theme-customizer.is-open .theme-customizer-panel{transform:none}.theme-customizer-header{padding:.95rem 1rem .8rem}.theme-customizer-body{padding:.85rem 1rem 1.25rem}.theme-color-grid{grid-template-columns:1fr}.theme-range-row{grid-template-columns:1fr}.theme-range-control{grid-template-columns:1fr 42px}.theme-customizer-footer{padding:.75rem 1rem;align-items:stretch}.theme-customizer-footer>.aaji-btn,.theme-footer-actions{flex:1}.theme-footer-actions .aaji-btn{flex:1}.theme-preset-grid{grid-template-columns:1fr 1fr}.theme-preset:last-child{grid-column:1 / -1}.theme-footer-actions{flex-wrap:wrap}.theme-footer-actions .aaji-btn{min-width:0}.theme-customizer-panel::-webkit-scrollbar{width:8px}.theme-customizer-body::-webkit-scrollbar{width:8px}.theme-customizer-body::-webkit-scrollbar-thumb{background:rgba(100,116,139,.24);border-radius:999px}}
@media (prefers-reduced-motion:reduce){.theme-customizer-panel,.theme-customizer-backdrop,.theme-preset,.theme-preview-orb{transition:none!important;animation:none!important}}