.logo-brand{display:flex;align-items:center;gap:.75rem}.logo-brand__mark{display:block;object-fit:contain;flex-shrink:0}.logo-brand__text{display:flex;flex-direction:column;gap:.125rem}.logo-brand__name{font-size:1.125rem;font-weight:600;letter-spacing:-.02em;line-height:1.2}.logo-brand__subtitle{font-size:.75rem;color:var(--text-muted);letter-spacing:.01em}.logo-brand__subtitle--link{text-decoration:none;transition:color .15s}.logo-brand__subtitle--link:hover{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius);color:var(--text-secondary);border:1px solid var(--border);background:var(--bg-tertiary);transition:color .2s,background .2s,border-color .2s}.theme-toggle:hover{color:var(--text-primary);border-color:var(--accent);background:var(--bg-hover)}.theme-toggle.floating{position:fixed;top:1.25rem;right:1.25rem;z-index:10}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg-primary)}.login-visual{position:relative;overflow:hidden;display:flex;align-items:flex-end;background:#050506;border-right:1px solid var(--border);min-height:100vh}.login-visual__scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.login-visual__grid{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 20%,transparent 75%);transform:perspective(900px) rotateX(58deg) translateY(-8%);transform-origin:center top;animation:login-grid-drift 24s linear infinite}.login-visual__orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;will-change:transform}.login-visual__orb--1{width:420px;height:420px;top:-8%;right:-12%;background:#e633128c;animation:login-orb-1 14s ease-in-out infinite}.login-visual__orb--2{width:320px;height:320px;bottom:18%;left:-10%;background:#ff452047;animation:login-orb-2 18s ease-in-out infinite}.login-visual__orb--3{width:200px;height:200px;top:42%;left:38%;background:#fb923c2e;animation:login-orb-3 11s ease-in-out infinite}.login-visual__mockup{position:absolute;top:50%;left:50%;width:min(88%,420px);transform:translate(-50%,-58%);animation:login-mockup-float 7s ease-in-out infinite}.mockup-shell{border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 32px 64px #00000073,0 0 0 1px #ffffff0a inset,0 0 80px #e633121f;overflow:hidden}.mockup-toolbar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);background:#00000040}.mockup-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.mockup-dot--red{background:#ff5f57}.mockup-dot--amber{background:#febc2e}.mockup-dot--green{background:#28c840}.mockup-url{margin-left:.5rem;font-size:.6875rem;color:#ffffff59;font-family:var(--font-mono);letter-spacing:.02em}.mockup-body{padding:1.25rem 1.25rem 1.5rem}.mockup-badge{display:inline-block;padding:.3rem .65rem;border-radius:999px;font-size:.625rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffb4a3;background:#e6331233;border:1px solid rgba(230,51,18,.35);margin-bottom:1rem;animation:login-badge-pulse 3s ease-in-out infinite}.mockup-headline{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.mockup-line{display:block;height:10px;border-radius:6px;background:#ffffffd9}.mockup-line--lg{width:88%}.mockup-line--md{width:62%;opacity:.35}.mockup-actions{display:flex;gap:.5rem;margin-bottom:1.25rem}.mockup-btn{height:28px;border-radius:999px}.mockup-btn--primary{width:88px;background:linear-gradient(135deg,#ff4520,#e63312);box-shadow:0 8px 24px #e6331273}.mockup-btn--ghost{width:64px;border:1px solid rgba(255,255,255,.15);background:#ffffff0a}.mockup-bento{display:grid;grid-template-columns:1.4fr 1fr;gap:.5rem}.mockup-card{padding:.75rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.4rem;min-height:72px}.mockup-card--wide{grid-column:span 2;min-height:56px}.mockup-card--accent{background:#e633121a;border-color:#e6331247;animation:login-card-glow 4s ease-in-out infinite}.mockup-card-bar{display:block;width:36%;height:5px;border-radius:3px;background:#ffffff73}.mockup-card-bar--accent{background:#ff4520;width:28%}.mockup-card-bar--bright{background:#ffb4a3;width:32%}.mockup-card-line{display:block;width:75%;height:4px;border-radius:2px;background:#ffffff26}.mockup-card-line--short{width:50%}.login-visual__shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.04) 50%,transparent 60%);background-size:200% 100%;animation:login-shine 8s ease-in-out infinite;pointer-events:none}.login-visual__content{position:relative;z-index:2;padding:3rem;width:100%;background:linear-gradient(to top,#050506fa,#050506b8 45%,#05050626)}@keyframes login-orb-1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-28px,24px) scale(1.08)}}@keyframes login-orb-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(32px,-20px) scale(1.05)}}@keyframes login-orb-3{0%,to{transform:translate(0);opacity:.7}50%{transform:translate(-16px,16px);opacity:1}}@keyframes login-mockup-float{0%,to{transform:translate(-50%,-58%) translateY(0)}50%{transform:translate(-50%,-58%) translateY(-10px)}}@keyframes login-grid-drift{0%{transform:perspective(900px) rotateX(58deg) translateY(-8%) translate(0)}to{transform:perspective(900px) rotateX(58deg) translateY(-8%) translate(48px)}}@keyframes login-shine{0%,to{background-position:200% 0}50%{background-position:-100% 0}}@keyframes login-badge-pulse{0%,to{box-shadow:0 0 #e6331200}50%{box-shadow:0 0 20px #e6331240}}@keyframes login-card-glow{0%,to{border-color:#e6331247}50%{border-color:#ff45208c}}.login-visual__title{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;letter-spacing:-.03em;color:#fff;margin-top:1.5rem;margin-bottom:.75rem;line-height:1.15}.login-visual__text{font-size:.9375rem;color:#ffffffa6;line-height:1.65;max-width:380px;margin-bottom:1.75rem}.login-visual__features{list-style:none;display:flex;flex-direction:column;gap:.625rem}.login-visual__features li{display:flex;align-items:center;gap:.625rem;font-size:.875rem;color:#fffc}.login-visual__features svg{color:var(--accent);flex-shrink:0}.login-panel{display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;background:var(--gradient-accent),var(--bg-primary)}.login-theme-toggle{position:absolute;top:1.25rem;right:1.25rem}.login-card{width:100%;max-width:420px}.login-header{margin-bottom:1.75rem}.login-header h1{font-size:1.625rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.375rem}.login-header p{font-size:.9375rem;color:var(--text-muted)}.back-link{display:inline-flex;align-items:center;gap:.375rem;margin-bottom:1.25rem;font-size:.8125rem;color:var(--text-secondary);transition:color .2s}.back-link:hover{color:var(--accent)}.login-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group-label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.form-group label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.link-btn{font-size:.8125rem;color:var(--accent);font-weight:500;transition:color .2s}.link-btn:hover{color:var(--accent-hover)}.form-group input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:.8125rem 1rem;font-size:.9375rem;outline:none;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.login-error{padding:.75rem 1rem;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius);color:var(--danger);font-size:.8125rem;line-height:1.5}.login-success{padding:.75rem 1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius);color:var(--success);font-size:.8125rem;line-height:1.5}.login-dev-link{padding:.75rem 1rem;background:var(--bg-secondary);border:1px dashed var(--border);border-radius:var(--radius);font-size:.75rem;color:var(--text-muted);word-break:break-all}.login-dev-link a{color:var(--accent);display:block;margin-top:.375rem}.login-btn{background:linear-gradient(135deg,var(--accent-hover),var(--accent));color:#fff;padding:.875rem;border-radius:var(--radius-pill);font-weight:600;font-size:.9375rem;margin-top:.25rem;transition:transform .2s,box-shadow .2s}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px var(--accent-glow)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-switch{margin-top:1.25rem;text-align:center;font-size:.875rem;color:var(--text-muted)}.terms-check{display:flex;align-items:flex-start;gap:.625rem;font-size:.8125rem;color:var(--text-secondary);line-height:1.5;cursor:pointer}.terms-check input{margin-top:.2rem;flex-shrink:0;accent-color:var(--accent)}.terms-check a{color:var(--accent);text-decoration:none}.terms-check a:hover{text-decoration:underline}.login-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted);text-align:center}.login-footer a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.login-footer a:hover{color:var(--accent)}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-visual{min-height:280px;border-right:none;border-bottom:1px solid var(--border)}.login-visual__mockup{width:min(72%,320px);transform:translate(-50%,-52%);animation:none}.login-visual__orb--1{width:280px;height:280px}.login-visual__content{padding:2rem 1.5rem 1.5rem}.login-visual__title{font-size:1.375rem;margin-top:1rem}.login-visual__text,.login-visual__features{display:none}}@media(prefers-reduced-motion:reduce){.login-visual__orb,.login-visual__mockup,.login-visual__grid,.login-visual__shine,.mockup-badge,.mockup-card--accent{animation:none}}@media(max-width:480px){.login-panel{padding:1.25rem}.login-theme-toggle{top:.75rem;right:.75rem}}.home{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.home-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.home-main{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(163,163,163,.45) transparent;padding:2rem;max-width:960px;margin:0 auto;width:100%}.home-main::-webkit-scrollbar{width:10px}.home-main::-webkit-scrollbar-track{background:transparent}.home-main::-webkit-scrollbar-thumb{background-color:#a3a3a359;border:3px solid transparent;border-radius:999px;background-clip:padding-box}.home-main::-webkit-scrollbar-thumb:hover{background-color:#a3a3a38c}.home-main h2{font-size:1.5rem;margin-bottom:.5rem}.home-main>p{color:var(--text-secondary);margin-bottom:2rem}.home-error{padding:.75rem 1rem;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius);color:var(--danger);font-size:.8125rem;margin-bottom:1.5rem}.new-project{display:flex;gap:.75rem;margin-bottom:2.5rem}.new-project input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;font-size:.9375rem;outline:none;transition:border-color .2s}.new-project input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.import-accordion{position:relative;margin-bottom:2.5rem;border-radius:calc(var(--radius-lg) + 2px);border:1px solid rgba(230,51,18,.22);background:linear-gradient(145deg,rgba(230,51,18,.08) 0%,var(--bg-secondary) 42%);overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}.import-accordion.is-open{border-color:#e6331261;box-shadow:0 18px 48px #e633121f}.import-accordion.is-busy{border-color:#e6331273}.import-accordion__trigger{position:relative;width:100%;padding:0;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;border-radius:calc(var(--radius-lg) + 2px) calc(var(--radius-lg) + 2px) 0 0;overflow:hidden}.import-accordion__glow{position:absolute;top:-40%;right:-8%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(230,51,18,.22) 0%,transparent 70%);pointer-events:none}.import-accordion__trigger-inner{position:relative;display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.375rem}.import-accordion__icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.875rem;flex-shrink:0;color:var(--accent);background:#e6331224;border:1px solid rgba(230,51,18,.28);box-shadow:0 8px 24px #e6331226}.import-accordion__copy{flex:1;min-width:0}.import-accordion__eyebrow{display:inline-block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.35rem}.import-accordion__copy h3{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin-bottom:.35rem;letter-spacing:-.02em}.import-accordion__copy p{font-size:.8125rem;color:var(--text-muted);line-height:1.5;max-width:36rem}.import-accordion__chevron{flex-shrink:0;margin-top:.35rem;color:var(--text-muted);transition:transform .25s ease,color .2s}.import-accordion.is-open .import-accordion__chevron{transform:rotate(180deg);color:var(--accent)}.import-accordion__panel{max-height:0;overflow:hidden;transition:max-height .35s ease,opacity .25s ease;opacity:0}.import-accordion.is-open .import-accordion__panel{max-height:56rem;opacity:1}.import-accordion__panel-inner{opacity:1}.import-accordion__form{display:flex;flex-direction:column;gap:.875rem;padding:1.125rem 1.375rem 1.375rem;border-top:1px solid rgba(230,51,18,.15);margin-top:0}.import-accordion__field{display:flex;flex-direction:column;gap:.375rem}.import-accordion__field>span{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.import-accordion__field input,.import-accordion__field .assign-select{width:100%}.import-accordion__field input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;font-size:.9375rem;outline:none;transition:border-color .2s,box-shadow .2s}.import-accordion__field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.import-accordion__ack{display:flex;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;border-radius:var(--radius);border:1px solid rgba(230,51,18,.18);background:#e633120d;cursor:pointer}.import-accordion__ack input{margin-top:.15rem;accent-color:var(--accent);flex-shrink:0}.import-accordion__ack-icon{display:flex;flex-shrink:0;margin-top:.1rem;color:var(--text-muted);transition:color .2s}.import-accordion__ack:has(input:checked) .import-accordion__ack-icon{color:var(--accent)}.import-accordion__ack span{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.import-accordion__actions{display:flex;flex-wrap:wrap;gap:.625rem;padding-top:.25rem}.import-accordion__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.35rem;border-radius:var(--radius-pill);font-size:.875rem;font-weight:600;white-space:nowrap;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.import-accordion__btn svg{flex-shrink:0}.import-accordion__btn--plain{color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border)}.import-accordion__btn--plain:hover:not(:disabled){border-color:var(--accent);background:var(--bg-hover)}.import-accordion__btn--upgrade{color:#fff;background:linear-gradient(135deg,var(--accent-hover),var(--accent));border:none;box-shadow:0 10px 28px var(--accent-glow)}.import-accordion__btn--upgrade:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 32px var(--accent-glow)}.import-accordion__btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.import-accordion__progress{display:flex;flex-direction:column;gap:.5rem;margin:0 1.375rem 1rem;padding:.875rem 1rem;border-radius:var(--radius);background:var(--bg-primary);border:1px solid rgba(230,51,18,.28);box-shadow:inset 0 1px #ffffff0a}.import-accordion__progress-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.75rem;color:var(--text-muted)}.import-accordion__progress-header span:last-child{font-variant-numeric:tabular-nums;font-weight:600;color:var(--accent)}.import-accordion__progress-track{height:.375rem;border-radius:999px;background:var(--bg-tertiary);overflow:hidden}.import-accordion__progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-hover),var(--accent));transition:width .35s ease}.import-accordion__progress-bar--upgrade{background:linear-gradient(90deg,#7c3aed,var(--accent))}@media(max-width:720px){.import-accordion__actions{flex-direction:column}.import-accordion__btn{width:100%}}.assign-select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;font-size:.875rem;color:var(--text-primary);outline:none;min-width:140px;cursor:pointer;transition:border-color .2s}.assign-select:focus{border-color:var(--accent)}.assign-select--card{flex:1;padding:.375rem .5rem;font-size:.75rem;min-width:0;background:var(--bg-primary)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.project-card{display:flex;flex-direction:column;gap:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.125rem 1.25rem;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative}.project-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 8px 24px #0000001f;transform:translateY(-1px)}.project-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.project-card__title{font-size:1rem;font-weight:600;line-height:1.35;margin:0;padding-right:.25rem}.project-card__delete{flex-shrink:0;opacity:0;color:var(--text-muted);padding:.25rem;border-radius:6px;transition:opacity .2s,color .2s,background .2s}.project-card:hover .project-card__delete{opacity:1}.project-card__delete:hover{color:var(--danger);background:var(--danger-bg)}.project-card__badges{display:flex;flex-wrap:wrap;gap:.375rem}.project-card__badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:var(--radius-pill);font-size:.6875rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.project-card__badge--live{color:#4ade80;background:#22c55e1f;border:1px solid rgba(34,197,94,.25)}.project-card__badge--staging{color:#93c5fd;background:#3b82f61f;border:1px solid rgba(59,130,246,.25)}.project-card__badge--draft{color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border)}.project-card__urls{display:flex;flex-direction:column;gap:.375rem;min-width:0}.project-card__url{display:flex;align-items:center;gap:.5rem;min-width:0;padding:.4375rem .625rem;border-radius:var(--radius);font-size:.75rem;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);text-decoration:none;transition:border-color .15s,color .15s,background .15s}.project-card__url code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:.6875rem;background:none;color:inherit}.project-card__url span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card__url-external{flex-shrink:0;opacity:.5}.project-card__url--live:hover{color:var(--text-primary);border-color:#22c55e66;background:#22c55e14}.project-card__url--staging:hover{color:var(--text-primary);border-color:#3b82f666;background:#3b82f614}.project-card__url--import{cursor:default;color:var(--text-muted);background:transparent;border-style:dashed;padding-left:.5rem;padding-right:.5rem}.project-card__subtitle{font-size:.8125rem;color:var(--text-muted);line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.project-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;padding-top:.25rem;font-size:.75rem;color:var(--text-muted)}.project-card__date,.project-card__owner{display:inline-flex;align-items:center;gap:.35rem;min-width:0}.project-card__owner{flex-shrink:0;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card__assign{display:flex;align-items:center;gap:.5rem;padding-top:.625rem;border-top:1px solid var(--border)}.project-card__assign-label{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-state svg{margin-bottom:1rem;opacity:.4}.user-menu{font-size:.8125rem;color:var(--text-secondary)}.btn-outline{display:inline-flex;align-items:center;padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-pill);font-size:.8125rem;color:var(--text-secondary);transition:border-color .2s,color .2s}.back-btn{display:inline-flex;align-items:center;gap:.375rem;color:var(--text-secondary);font-size:.8125rem;padding:.375rem .5rem;border-radius:var(--radius);transition:color .2s,background .2s}.file-tree{flex:1;overflow-y:auto;padding:.5rem 0}.file-item{display:flex;align-items:center;gap:.5rem;padding:.375rem 1rem;font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:color .2s,background .2s}.file-item:hover{color:var(--text-primary);background:var(--bg-hover)}.file-item.active{color:var(--accent);background:var(--accent-glow)}.file-item svg{flex-shrink:0}.ai-panel{width:320px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;position:relative}.ai-panel--drag-over:after{content:"Drop images, video, audio, or URLs here";position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1.5rem;text-align:center;font-size:.8125rem;font-weight:500;color:var(--accent);background:#6366f114;border:2px dashed var(--accent);pointer-events:none}.ai-panel-header{padding:.75rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.ai-panel-header-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ai-panel-header h3{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--text-primary)}.ai-provider-badge{display:block;margin-top:.25rem;font-size:.6875rem;color:var(--text-muted);font-weight:400}.ai-powered-note{display:block;margin-top:.5rem;font-size:.75rem;color:var(--text-muted)}.ai-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-height:0}.ai-message{padding:.75rem 1rem;border-radius:var(--radius);font-size:.8125rem;line-height:1.5;max-width:95%}.ai-message.user{background:var(--accent-glow);color:var(--text-primary);align-self:flex-end;border:1px solid var(--accent-muted)}.ai-message.assistant{background:var(--bg-tertiary);color:var(--text-secondary);align-self:flex-start;border:1px solid var(--border)}.ai-message.loading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--text-muted);font-style:italic}.ai-loading-duration{flex-shrink:0;font-style:normal;font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent);padding:.15rem .45rem;border-radius:999px;background:var(--accent-glow);border:1px solid var(--accent-muted);animation:aiTimerPulse 1.5s ease-in-out infinite}@keyframes aiTimerPulse{0%,to{opacity:1}50%{opacity:.72}}.ai-message-duration{display:inline-flex;align-items:center;gap:.3rem;margin-top:.5rem;font-size:.625rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--text-muted)}.ai-message.user.queued{opacity:.72;border-style:dashed}.ai-message-queue-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .45rem;border-radius:999px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:#6366f11f;border:1px solid rgba(129,140,248,.25)}.ai-message-queue-meta{display:flex;align-items:center;gap:.375rem;margin-bottom:.375rem}.ai-queue-panel{margin-top:.25rem;padding:.625rem;border-radius:var(--radius);background:var(--bg-tertiary);border:1px dashed var(--border)}.ai-queue-panel-header{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.ai-queue-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .25rem;border-top:1px solid var(--border)}.ai-queue-item.editing{align-items:flex-start}.ai-queue-item-edit{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.ai-queue-item-edit textarea,.ai-queue-inline-edit textarea{width:100%;padding:.45rem .55rem;border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.75rem;line-height:1.45;resize:vertical;font-family:inherit}.ai-queue-item-edit textarea:focus,.ai-queue-inline-edit textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.ai-queue-inline-edit{display:flex;flex-direction:column;gap:.375rem;width:100%}.ai-queue-inline-edit-actions{display:flex;gap:.375rem}.ai-queue-save-btn,.ai-queue-cancel-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:calc(var(--radius) - 2px);font-size:.6875rem;font-weight:600}.ai-queue-save-btn{color:#fff;background:var(--accent);border:1px solid transparent}.ai-queue-save-btn:hover{filter:brightness(1.08)}.ai-queue-cancel-btn{color:var(--text-secondary);background:transparent;border:1px solid var(--border)}.ai-queue-cancel-btn:hover{color:var(--text-primary);border-color:var(--accent-muted)}.ai-queue-action-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;color:var(--text-muted);border:1px solid var(--border)}.ai-queue-action-btn:hover{color:var(--accent);border-color:var(--accent-muted);background:var(--accent-glow)}.ai-queue-item:first-of-type{border-top:none}.ai-queue-item-num{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:999px;font-size:.625rem;font-weight:700;color:var(--accent);background:var(--accent-glow)}.ai-queue-item-text{flex:1;min-width:0;font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-queue-item-remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;color:var(--text-muted);border:1px solid var(--border)}.ai-queue-item-remove:hover{color:var(--danger);border-color:var(--danger-border)}.ai-message-text{white-space:pre-wrap}.ai-message-images{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem}.ai-message-attachments{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.ai-message-image{width:72px;height:72px;object-fit:cover;border-radius:calc(var(--radius) - 2px);border:1px solid var(--border)}.ai-message-video{width:100%;max-width:220px;border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);background:#000}.ai-message-audio{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.ai-message-audio audio{width:100%;max-width:180px;height:28px}.ai-message-link{display:inline-flex;align-items:center;gap:.375rem;color:var(--accent);font-size:.75rem;word-break:break-all}.ai-message-link:hover{text-decoration:underline}.ai-input-area{padding:.75rem 1rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.ai-input-area textarea{width:100%;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:.625rem .75rem;font-size:.8125rem;resize:none;outline:none;min-height:56px;max-height:120px;line-height:1.4;transition:border-color .2s}.ai-input-area textarea:focus{border-color:var(--accent)}.ai-input-area textarea::placeholder{color:var(--text-muted)}.ai-input-actions{display:flex;align-items:center;gap:.5rem}.ai-file-input{display:none}.ai-attach-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);flex-shrink:0;transition:color .2s,border-color .2s,background .2s}.ai-attach-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--accent);background:var(--bg-hover)}.ai-attach-btn:disabled{opacity:.5;cursor:not-allowed}.ai-attach-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.ai-url-input-row{display:flex;gap:.375rem;align-items:center}.ai-url-input-row input{flex:1;min-width:0;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .625rem;font-size:.75rem;outline:none}.ai-url-input-row input:focus{border-color:var(--accent)}.ai-url-add-btn,.ai-url-cancel-btn{font-size:.6875rem;padding:.4rem .625rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary)}.ai-url-add-btn:hover{border-color:var(--accent);color:var(--text-primary)}.ai-pending-media{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.25rem;text-align:center;color:var(--text-secondary);background:var(--bg-primary)}.ai-pending-media span{font-size:.5625rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ai-pending-media--url{color:var(--accent)}.ai-pending-images{display:flex;flex-wrap:wrap;gap:.5rem}.ai-pending-image{position:relative;width:56px;height:56px}.ai-pending-image img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--radius) - 2px);border:1px solid var(--border)}.ai-pending-image-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary)}.ai-pending-image-remove:hover{color:var(--danger);border-color:var(--danger-border)}.ai-send-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;background:var(--accent);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:500;transition:background .2s;flex:1}.ai-send-btn:hover:not(:disabled){background:var(--accent-hover)}.ai-send-btn:disabled{opacity:.5;cursor:not-allowed}.ai-suggestions{display:flex;flex-direction:column;gap:.375rem;padding:0 1rem .75rem;flex-shrink:0}.ai-suggestion{font-size:.75rem;color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border);padding:.5rem .75rem;border-radius:var(--radius);text-align:left;transition:color .2s,border-color .2s}.ai-suggestion:hover{color:var(--text-primary);border-color:var(--accent)}.ai-error{margin:0 1rem .75rem;padding:.625rem .75rem;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius);color:var(--danger);font-size:.75rem;flex-shrink:0}.ai-notice{margin:0 1rem .75rem;padding:.625rem .75rem;background:#6366f11a;border:1px solid rgba(129,140,248,.25);border-radius:var(--radius);color:var(--text-secondary);font-size:.75rem;flex-shrink:0}.templates-panel{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.templates-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.templates-panel-header h3{display:flex;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.templates-panel-body{flex:1;overflow-y:auto;padding:.75rem;min-height:0}.templates-panel-hint{font-size:.75rem;color:var(--text-muted);line-height:1.5;margin-bottom:.75rem}.templates-loading{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-muted);padding:1rem 0}.templates-error{font-size:.8125rem;color:var(--danger);padding:.5rem;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius);margin-bottom:.75rem}.template-list{list-style:none;display:flex;flex-direction:column;gap:.625rem}.template-card{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;text-align:left;padding:0;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-tertiary);color:inherit;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .15s}.template-card:hover:not(:disabled){border-color:var(--accent);box-shadow:0 4px 12px #00000026}.template-card:active:not(:disabled){transform:scale(.99)}.template-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.template-card:disabled{opacity:.85;cursor:wait}.template-thumb-wrap{position:relative;aspect-ratio:16 / 10;background:var(--bg-primary);border-bottom:1px solid var(--border);overflow:hidden}.template-thumb{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .35s ease}.template-card:hover:not(:disabled) .template-thumb{transform:scale(1.04)}.template-thumb-badge{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:var(--accent);color:#fff;box-shadow:0 2px 8px #00000040}.template-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff}.template-card-body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.25rem}.template-card-top{display:flex;align-items:center;gap:.375rem}.template-card-top strong{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.template-description{font-size:.75rem;color:var(--text-muted);line-height:1.4}.template-active-badge{margin-left:auto;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.spin{animation:template-spin .8s linear infinite}@keyframes template-spin{to{transform:rotate(360deg)}}.panel-rail--templates{border-right:1px solid var(--border)}.publish-panel{flex:1;overflow-y:auto;padding:1rem 1.125rem 1.5rem;display:flex;flex-direction:column;gap:1rem;min-height:0;background:var(--gradient-accent),var(--bg-primary)}.publish-hero{display:flex;gap:.875rem;align-items:flex-start;padding:1rem 1.125rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);box-shadow:var(--shadow-lg)}.publish-hero__icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.875rem;flex-shrink:0;color:#fff;background:linear-gradient(135deg,var(--accent-hover),var(--accent));box-shadow:0 10px 24px var(--accent-glow)}.publish-hero__copy h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;letter-spacing:-.02em}.publish-hero__copy p{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.publish-error{padding:.75rem 1rem;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius);color:var(--danger);font-size:.8125rem}.publish-loading{display:flex;flex-direction:column;gap:.75rem}.publish-skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-hover) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:publish-shimmer 1.2s ease-in-out infinite}.publish-skeleton--hero{height:5.5rem}.publish-skeleton--card{height:11rem}@keyframes publish-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.publish-status-strip{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.publish-status-pill{display:flex;flex-direction:column;gap:.125rem;padding:.75rem .875rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-secondary);font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.publish-status-pill strong{font-size:.8125rem;text-transform:none;letter-spacing:0;color:var(--text-secondary);font-weight:600}.publish-status-pill__dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--text-muted);margin-bottom:.25rem}.publish-status-pill--staging{border-color:#818cf847;background:#6366f10f}.publish-status-pill--staging .publish-status-pill__dot{background:#818cf8;box-shadow:0 0 0 3px #818cf833}.publish-status-pill--staging strong{color:#c7d2fe}.publish-status-pill--live{border-color:#22c55e47;background:#22c55e0f}.publish-status-pill--live .publish-status-pill__dot{background:var(--success);box-shadow:0 0 0 3px #22c55e33}.publish-status-pill--live strong{color:#86efac}.publish-flow{display:flex;flex-direction:column;gap:0}.publish-flow__connector{display:flex;flex-direction:column;align-items:center;padding:.25rem 0;color:var(--text-muted)}.publish-flow__line{width:2px;height:.625rem;background:linear-gradient(to bottom,var(--border),transparent);border-radius:1px}.publish-flow__arrow{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary)}.publish-card{display:flex;flex-direction:column;gap:.875rem;padding:1rem 1.125rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-secondary);box-shadow:0 1px #ffffff08 inset}.publish-card--staging{border-color:#818cf838;background:radial-gradient(ellipse 120% 80% at 100% 0%,rgba(99,102,241,.1),transparent 55%),var(--bg-secondary)}.publish-card--live{border-color:#22c55e33;background:radial-gradient(ellipse 120% 80% at 100% 0%,rgba(34,197,94,.08),transparent 55%),var(--bg-secondary)}.publish-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.publish-card__identity{display:flex;align-items:center;gap:.625rem;min-width:0}.publish-card__step{display:none}.publish-card__icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.75rem;flex-shrink:0}.publish-card__icon--staging{color:#c7d2fe;background:#6366f129;border:1px solid rgba(129,140,248,.25)}.publish-card__icon--live{color:#86efac;background:#22c55e24;border:1px solid rgba(34,197,94,.25)}.publish-card__identity h4{font-size:.9375rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.publish-card__identity p{font-size:.75rem;color:var(--text-muted);margin-top:.125rem}.publish-badge{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .55rem;border-radius:999px;flex-shrink:0}.publish-badge.draft{background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border)}.publish-badge.staging{background:#6366f124;color:#c7d2fe;border:1px solid rgba(129,140,248,.3)}.publish-badge.live{background:#22c55e24;color:#86efac;border:1px solid rgba(34,197,94,.3)}.publish-card__path{display:inline-flex;align-items:center;gap:.375rem;align-self:flex-start;padding:.35rem .625rem;border-radius:var(--radius-pill);background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-muted)}.publish-card__path code{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-secondary)}.publish-card__time{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-muted)}.publish-card__hint{font-size:.8125rem;color:var(--text-secondary);line-height:1.55;padding:.75rem .875rem;border-radius:var(--radius);background:var(--bg-tertiary);border:1px dashed var(--border)}.publish-url-field{display:flex;flex-direction:column;gap:.375rem}.publish-url-field label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.publish-url-box{display:flex;align-items:center;gap:.25rem;padding:.3rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius)}.publish-url-input{flex:1;min-width:0;background:transparent;border:none;font-size:.75rem;font-family:var(--font-mono);color:var(--text-secondary);outline:none;padding:.35rem .5rem}.publish-url-action{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:calc(var(--radius) - 2px);color:var(--text-secondary);transition:background .2s,color .2s}.publish-url-action:hover{background:var(--bg-hover);color:var(--text-primary)}.publish-card__actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.125rem}.publish-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.7rem 1rem;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.publish-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.publish-btn--staging{color:#e0e7ff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:1px solid rgba(129,140,248,.45);box-shadow:0 8px 20px #6366f138}.publish-btn--staging:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #6366f147}.publish-btn--live{color:#fff;background:linear-gradient(135deg,var(--accent-hover),var(--accent));border:none;box-shadow:0 8px 20px var(--accent-glow)}.publish-btn--live:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px var(--accent-glow)}.publish-btn--ghost{color:var(--text-muted);background:transparent;border:1px solid var(--border);box-shadow:none;padding:.55rem 1rem;font-size:.75rem;font-weight:500}.publish-btn--ghost:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger);transform:none}.publish-tip{padding:.875rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-secondary)}.publish-tip strong{display:block;font-size:.75rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.publish-tip p{font-size:.75rem;color:var(--text-muted);line-height:1.55}.right-pane-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.preview-header-actions{display:flex;align-items:center;gap:.375rem}.preview-design-toggle{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .65rem;border-radius:var(--radius-pill);font-size:.6875rem;font-weight:600;letter-spacing:.02em;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.preview-design-toggle:hover{color:var(--text-primary);border-color:var(--accent)}.preview-design-toggle.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 16px #6366f159}.preview-fullsize-toggle{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .65rem;border-radius:var(--radius-pill);font-size:.6875rem;font-weight:600;letter-spacing:.02em;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.preview-fullsize-toggle:hover{color:var(--text-primary);border-color:var(--accent)}.preview-fullsize-toggle.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#0ea5e9,#6366f1);box-shadow:0 4px 16px #0ea5e947}.preview-view--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:var(--bg-primary)}.preview-view--fullscreen .preview-stage{flex:1}.preview-stage{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.preview-loading-message{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;margin:0;padding:1rem;text-align:center;color:var(--text-muted, #888);background:#0a0a12b8;pointer-events:none}} .preview-frame--design{cursor:crosshair}.preview-frame--design:focus-within{cursor:auto}.preview-design-hint{position:absolute;top:.5rem;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:var(--radius-pill);font-size:.625rem;font-weight:500;color:#e0e7ff;background:#0f0f14d1;border:1px solid rgba(129,140,248,.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;z-index:2;animation:designHintIn .35s ease;max-width:calc(100% - 1rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes designHintIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.design-panel{position:absolute;left:auto;right:.5rem;bottom:.5rem;width:min(calc(100% - 1rem),15.5rem);z-index:3;padding:.625rem;border-radius:var(--radius);background:#0c0c12e0;border:1px solid rgba(129,140,248,.28);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 0 0 1px #ffffff0a inset,0 12px 32px #0006,0 0 24px #6366f11a;animation:designPanelIn .28s cubic-bezier(.22,1,.36,1);max-height:42%;overflow-y:auto}@keyframes designPanelIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.design-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.375rem;margin-bottom:.5rem}.design-panel-title{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;color:#f8fafc}.design-panel-title>span:not(.design-panel-tag){display:none}.design-panel-tag{padding:.1rem .375rem;border-radius:999px;background:linear-gradient(135deg,#6366f159,#8b5cf659);border:1px solid rgba(167,139,250,.45);color:#ddd6fe;font-size:.5625rem;text-transform:uppercase;letter-spacing:.06em}.design-panel-close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;color:#94a3b8;border:1px solid rgba(148,163,184,.2);background:#ffffff0a}.design-panel-close:hover{color:#fff;border-color:#f8717173}.design-field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.45rem}.design-field-row{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.design-field label{display:inline-flex;align-items:center;gap:.25rem;font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.design-field input[type=text]{width:100%;padding:.3rem .45rem;border-radius:calc(var(--radius) - 2px);border:1px solid rgba(148,163,184,.22);background:#ffffff0d;color:#f8fafc;font-size:.6875rem;outline:none}.design-field input[type=text]:focus{border-color:#818cf8a6;box-shadow:0 0 0 3px #6366f126}.design-field input[type=color]{width:100%;height:26px;padding:.1rem;border-radius:calc(var(--radius) - 2px);border:1px solid rgba(148,163,184,.22);background:#ffffff0d;cursor:pointer}.design-field input[type=range]{width:100%;accent-color:#818cf8}.design-text-row{display:flex;gap:.375rem}.design-text-row input{flex:1}.design-inline-btn{display:flex;align-items:center;justify-content:center;width:28px;flex-shrink:0;border-radius:calc(var(--radius) - 2px);border:1px solid rgba(148,163,184,.22);background:#6366f126;color:#c4b5fd}.design-inline-btn:hover{background:#6366f147;color:#fff}.design-inline-edit-hint{display:inline-flex;align-items:center;gap:.35rem;width:100%;padding:.35rem .5rem;border-radius:calc(var(--radius) - 2px);border:1px dashed rgba(129,140,248,.45);background:#6366f11a;color:#c4b5fd;font-size:.625rem;font-weight:500;text-align:left;cursor:text}.design-inline-edit-hint:hover{background:#6366f12e;color:#e0e7ff;border-color:#a78bfaa6}.design-image-input{display:none}.design-image-preview{width:100%;aspect-ratio:16 / 9;border-radius:calc(var(--radius) - 2px);overflow:hidden;border:1px solid rgba(148,163,184,.22);background:#ffffff0a}.design-image-preview img{width:100%;height:100%;object-fit:cover;display:block}.design-image-upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;width:100%;padding:.4rem .55rem;border-radius:calc(var(--radius) - 2px);border:1px solid rgba(129,140,248,.35);background:#6366f124;color:#ddd6fe;font-size:.6875rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.design-image-upload-btn:hover:not(:disabled){background:#6366f13d;border-color:#a78bfa8c;color:#fff}.design-image-upload-btn:disabled{opacity:.6;cursor:wait}.design-image-path{margin:0;font-size:.625rem;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.design-toolbar-row{display:flex;gap:.25rem;flex-wrap:wrap}.design-chip{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 .35rem;border-radius:calc(var(--radius) - 2px);border:1px solid rgba(148,163,184,.22);background:#ffffff0a;color:#cbd5e1;transition:background .15s,border-color .15s,color .15s}.design-chip:hover{border-color:#818cf873;color:#fff}.design-chip.active{background:linear-gradient(135deg,#6366f173,#8b5cf673);border-color:#a78bfa8c;color:#fff}.design-update-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;width:100%;margin-top:.45rem;padding:.35rem .5rem;border-radius:calc(var(--radius) - 2px);border:1px solid transparent;font-size:.6875rem;font-weight:600;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 3px 12px #6366f147;transition:opacity .15s,box-shadow .15s,transform .15s}.design-update-btn:hover:not(:disabled){box-shadow:0 6px 20px #6366f173;transform:translateY(-1px)}.design-update-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.design-update-notice{position:absolute;top:2.25rem;left:50%;z-index:4;display:flex;align-items:center;gap:.5rem;width:min(calc(100% - 1rem),16.5rem);padding:.45rem .6rem;border-radius:var(--radius);color:#f8fafc;background:linear-gradient(135deg,#6366f138,#8b5cf624),#08080eeb;border:1px solid rgba(167,139,250,.45);box-shadow:0 0 0 1px #ffffff0f inset,0 10px 28px #0006,0 0 28px #6366f138;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;pointer-events:none;transform:translate(-50%) translateY(0) scale(1);animation:designNoticeIn .55s cubic-bezier(.22,1,.36,1)}.design-update-notice--leaving{animation:designNoticeOut .42s cubic-bezier(.4,0,1,1) forwards}.design-update-notice__shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.14) 50%,transparent 62%);transform:translate(-120%);animation:designNoticeShimmer 1.1s ease .15s 1}.design-update-notice__icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:1.625rem;height:1.625rem;flex-shrink:0;border-radius:999px;color:#e0e7ff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 16px #6366f173;animation:designNoticePulse 1.6s ease-in-out infinite}.design-update-notice__copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.design-update-notice__copy strong{font-size:.6875rem;font-weight:700;letter-spacing:.01em;color:#fff;line-height:1.25}.design-update-notice__copy span{font-size:.5625rem;color:#c4b5fd;line-height:1.35}.design-update-notice__badge{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;flex-shrink:0;border-radius:999px;color:#4ade80;background:#4ade801f;border:1px solid rgba(74,222,128,.35);animation:designNoticeCheck .5s cubic-bezier(.22,1,.36,1) .2s both}@keyframes designNoticeIn{0%{opacity:0;transform:translate(-50%) translateY(-14px) scale(.94)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes designNoticeOut{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-10px) scale(.96)}}@keyframes designNoticeShimmer{to{transform:translate(120%)}}@keyframes designNoticePulse{0%,to{box-shadow:0 0 24px #6366f18c;transform:scale(1)}50%{box-shadow:0 0 32px #8b5cf6bf;transform:scale(1.06)}}@keyframes designNoticeCheck{0%{opacity:0;transform:scale(.5) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}.seo-panel{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;min-height:0}.seo-panel--modal{padding:0;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.seo-panel--modal .seo-error,.seo-panel--modal .seo-success{flex-shrink:0;margin:0;border-radius:0;padding-left:1.5rem;padding-right:1.5rem}.seo-panel--modal .seo-panel__loading{padding:1.25rem 1.5rem}.seo-panel--modal .seo-panel__content{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.seo-panel__content{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem;min-height:0}.seo-panel__footer{flex-shrink:0;padding:1rem 1.5rem 1.25rem;border-top:1px solid var(--border);background:var(--bg-secondary)}.seo-footer-note{margin-top:.625rem;font-size:.75rem;color:var(--text-muted);line-height:1.45}.seo-section-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary)}.seo-section-card__header{display:flex;gap:.75rem;align-items:flex-start;padding:1rem 1.125rem;border-bottom:1px solid var(--border);background:var(--bg-tertiary);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.seo-section-card__icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.625rem;flex-shrink:0;color:var(--accent);background:var(--accent-muted);border:1px solid rgba(230,51,18,.2)}.seo-section-card__header h4{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.2rem;letter-spacing:-.01em}.seo-section-card__header p{font-size:.75rem;color:var(--text-muted);line-height:1.45}.seo-section-card__body{padding:1rem 1.125rem;display:flex;flex-direction:column;gap:.875rem}.seo-grid--two{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.seo-metadata-groups{display:flex;flex-direction:column;gap:1rem}.seo-metadata-group{padding:1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-primary)}.seo-metadata-group__title{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;letter-spacing:-.01em}.seo-metadata-group__desc{font-size:.75rem;color:var(--text-muted);line-height:1.45;margin-bottom:.875rem}.seo-field-hint{font-size:.6875rem;color:var(--text-muted);line-height:1.4}.seo-field-hint code{font-family:var(--font-mono);font-size:.625rem;color:var(--text-secondary);word-break:break-all}.seo-field-hint--spaced{display:block;margin-top:.625rem}.seo-sitemap-urls{display:flex;flex-direction:column;gap:.35rem;margin-top:.625rem;padding-top:.625rem;border-top:1px dashed var(--border)}.seo-field--full{grid-column:1 / -1}.seo-toggle-card{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-tertiary);cursor:pointer;transition:border-color .2s,background .2s}.seo-metadata-group .seo-toggle-card{background:var(--bg-secondary)}.seo-toggle-card:has(input:checked){border-color:#e6331238;background:#e633120f}.seo-toggle-card input{margin-top:.2rem;accent-color:var(--accent);flex-shrink:0}.seo-toggle-card strong{display:block;font-size:.8125rem;color:var(--text-primary);margin-bottom:.2rem}.seo-toggle-card span{font-size:.75rem;color:var(--text-muted);line-height:1.45}.seo-toggle-list{display:flex;flex-direction:column;gap:.5rem}.seo-path-preview{display:flex;flex-direction:column;gap:.3rem;padding:.75rem .875rem;border-radius:var(--radius);border:1px dashed var(--border);background:var(--bg-primary)}.seo-path-preview__label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.seo-path-preview code{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);word-break:break-all}.seo-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.seo-files-accordion{display:flex;flex-direction:column;gap:.5rem}.seo-files-accordion__item{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);overflow:hidden}.seo-files-accordion__item.is-open{border-color:#e6331247}.seo-files-accordion__trigger{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer}.seo-files-accordion__trigger:hover{background:var(--bg-secondary)}.seo-files-accordion__trigger-copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}.seo-files-accordion__trigger-copy strong{font-size:.875rem;color:var(--text-primary)}.seo-files-accordion__trigger-copy span{font-size:.75rem;color:var(--text-muted);line-height:1.4}.seo-files-accordion__trigger-copy code{margin-top:.25rem;font-family:var(--font-mono);font-size:.6875rem;color:var(--text-secondary);word-break:break-all}.seo-files-accordion__trigger-meta{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.seo-files-accordion__badge{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .45rem;border-radius:999px;white-space:nowrap}.seo-files-accordion__badge--ready{background:#22c55e1f;color:var(--success)}.seo-files-accordion__badge--pending{background:#eab3081f;color:#ca8a04}.seo-files-accordion__badge--muted{background:var(--bg-secondary);color:var(--text-muted)}.seo-files-accordion__badge--dirty{background:#e633121f;color:var(--accent)}.seo-files-accordion__chevron{color:var(--text-muted);transition:transform .2s ease}.seo-files-accordion__item.is-open .seo-files-accordion__chevron{transform:rotate(180deg)}.seo-files-accordion__panel{padding:0 1rem 1rem;border-top:1px solid var(--border)}.seo-files-accordion__hint{margin:.875rem 0 .625rem;font-size:.75rem;color:var(--text-muted);line-height:1.45}.seo-files-accordion__editor{width:100%;margin-top:.875rem;min-height:10rem;max-height:18rem;padding:.75rem .875rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-mono);font-size:.75rem;line-height:1.5;resize:vertical;overflow:auto}.seo-files-accordion__editor:focus{outline:none;border-color:#e6331273;box-shadow:0 0 0 2px #e633121f}.seo-files-accordion__actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:.625rem}.seo-files-accordion__actions .seo-btn{flex:0 0 auto}.seo-files-accordion__error{font-size:.75rem;color:var(--danger);margin-right:auto}.seo-optimiser-hero{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;padding:1.25rem 1.375rem;border-radius:var(--radius-lg);border:1px solid rgba(230,51,18,.25);background:linear-gradient(135deg,rgba(230,51,18,.12) 0%,var(--bg-secondary) 55%);overflow:hidden}.seo-optimiser-hero__glow{position:absolute;top:-40%;right:-10%;width:14rem;height:14rem;border-radius:50%;background:radial-gradient(circle,rgba(230,51,18,.2),transparent 70%);pointer-events:none}.seo-optimiser-hero__content{position:relative;z-index:1;max-width:28rem}.seo-optimiser-hero__eyebrow{display:inline-flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.5rem}.seo-optimiser-hero h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.375rem}.seo-optimiser-hero p{font-size:.8125rem;color:var(--text-secondary);line-height:1.55}.seo-score--lg{position:relative;z-index:1;flex-shrink:0;padding:.875rem 1.125rem}.seo-score--lg strong{font-size:1.75rem}.seo-optimiser-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.seo-btn--audit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.8rem 1.25rem;border-radius:var(--radius-pill);font-size:.875rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent-hover),var(--accent));border:none;box-shadow:0 10px 28px var(--accent-glow);transition:transform .2s,box-shadow .2s}.seo-btn--audit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 32px var(--accent-glow)}.seo-btn--optimise{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.8rem 1.25rem;border-radius:var(--radius-pill);font-size:.875rem;font-weight:600;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);transition:border-color .2s,background .2s,transform .2s}.seo-btn--optimise:hover:not(:disabled){border-color:#818cf8;background:#6366f11a;transform:translateY(-1px)}.seo-btn--audit:disabled,.seo-btn--optimise:disabled{opacity:.55;cursor:wait;transform:none;box-shadow:none}.seo-optimiser-prompt{text-align:center;font-size:.8125rem;color:var(--text-muted);padding:.25rem .5rem}.seo-optimiser-prompt strong{color:var(--accent)}.seo-optimiser-results{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.125rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-secondary)}.seo-optimiser-results--report{border-color:#22c55e47;background:#22c55e0f}.seo-optimize-report__header{display:flex;align-items:flex-start;gap:.625rem;color:var(--success)}.seo-optimize-report__header strong{display:block;font-size:.875rem;color:var(--text-primary);margin-bottom:.15rem}.seo-optimize-report__header span{font-size:.8125rem;color:var(--text-secondary)}.seo-fix-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.seo-fix-list li{display:flex;align-items:flex-start;gap:.5rem;font-size:.8125rem;color:var(--text-secondary);line-height:1.45}.seo-fix-list li svg{flex-shrink:0;margin-top:.1rem;color:var(--success)}.seo-fix-list li code{display:block;margin-top:.2rem;font-size:.75rem;color:var(--text-muted)}.seo-optimize-report__resolved{padding-top:.5rem;border-top:1px solid rgba(34,197,94,.18)}.seo-optimize-report__resolved strong{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.4rem}.seo-optimize-report__resolved ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.seo-optimize-report__resolved li{font-size:.8125rem;color:var(--text-secondary);padding-left:.75rem;position:relative}.seo-optimize-report__resolved li:before{content:"•";position:absolute;left:0;color:var(--success)}.seo-audit-empty--celebrate{flex-direction:row;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:var(--radius);background:#22c55e14;border:1px solid rgba(34,197,94,.22)}.seo-audit-empty--celebrate strong{display:block;font-size:.875rem;color:var(--success);margin-bottom:.2rem}.seo-audit-empty--celebrate span{font-size:.8125rem;color:var(--text-secondary);line-height:1.45}.seo-note--optimiser{border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem;background:var(--bg-secondary)}.seo-note--optimiser strong{color:var(--text-primary)}@media(max-width:720px){.seo-optimiser-hero{flex-direction:column}.seo-optimiser-actions{grid-template-columns:1fr}}.seo-optimizer__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.seo-optimizer__actions{display:flex;gap:.5rem;flex:1;justify-content:flex-end}@media(max-width:720px){.seo-grid--two,.seo-path-grid{grid-template-columns:1fr}.seo-optimizer__actions{width:100%;flex-direction:column}}.seo-panel-intro{display:flex;gap:.875rem;align-items:flex-start;color:var(--accent)}.seo-panel-intro h3{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.seo-panel-intro p{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.seo-panel-intro code{font-family:var(--font-mono);font-size:.75rem}.seo-error,.seo-success{padding:.75rem 1rem;border-radius:var(--radius);font-size:.8125rem}.seo-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.seo-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:var(--success)}.seo-muted{color:var(--text-muted);font-size:.8125rem}.seo-section{display:flex;flex-direction:column;gap:.75rem}.seo-score{display:inline-flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-primary);flex-shrink:0}.seo-score strong{display:block;font-size:1.25rem;line-height:1;color:var(--text-primary)}.seo-score span{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.seo-score--excellent{border-color:#22c55e59;color:var(--success)}.seo-score--good{border-color:#6366f159;color:#a5b4fc}.seo-score--fair{border-color:#eab30859;color:#facc15}.seo-score--poor{border-color:#ef444459;color:var(--danger)}.seo-score--idle{color:var(--text-muted)}.seo-audit-summary{display:flex;flex-wrap:wrap;gap:.5rem}.seo-audit-stat{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.25rem .5rem;border-radius:999px;background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border)}.seo-audit-stat--error{color:var(--danger);border-color:var(--danger-border);background:var(--danger-bg)}.seo-audit-stat--warning{color:#facc15;border-color:#eab30859;background:#eab30814}.seo-audit-stat--tip{color:#93c5fd;border-color:#3b82f64d;background:#3b82f614}.seo-audit-empty{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--success)}.seo-issue-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;max-height:16rem;overflow-y:auto}.seo-issue{display:flex;gap:.625rem;align-items:flex-start;padding:.625rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-primary)}.seo-issue__copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}.seo-issue__copy strong{font-size:.8125rem;color:var(--text-primary)}.seo-issue__copy span{font-size:.75rem;color:var(--text-muted);line-height:1.45}.seo-issue__meta{display:flex;align-items:center;gap:.5rem;margin-top:.125rem}.seo-issue__meta code{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-secondary)}.seo-issue__fixable{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--success)}.seo-issue-icon--error{color:var(--danger);flex-shrink:0;margin-top:.125rem}.seo-issue-icon--warning{color:#facc15;flex-shrink:0;margin-top:.125rem}.seo-issue-icon--tip{color:#93c5fd;flex-shrink:0;margin-top:.125rem}.seo-section h4{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.seo-section-note{font-size:.75rem;color:var(--text-muted);line-height:1.5}.seo-grid{display:flex;flex-direction:column;gap:.75rem}.seo-field{display:flex;flex-direction:column;gap:.375rem;font-size:.75rem;color:var(--text-secondary)}.seo-field>span:first-child{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.seo-field input,.seo-field textarea,.seo-field select{width:100%;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);font-size:.8125rem;outline:none}.seo-field textarea{resize:vertical;min-height:4.5rem}.seo-field input:focus,.seo-field textarea:focus,.seo-field select:focus{border-color:var(--accent)}.seo-integrations{display:flex;flex-direction:column;gap:.625rem}.seo-integration-card{display:flex;flex-direction:column;gap:.75rem;padding:.875rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s}.seo-integration-card.is-enabled{border-color:#e6331238}.seo-integration-card__header{display:flex;justify-content:space-between;gap:.875rem;align-items:flex-start}.seo-integration-card__copy{min-width:0}.seo-integration-card__header h5{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.seo-integration-card__header p{font-size:.75rem;color:var(--text-muted);line-height:1.45}.seo-integration-card__copy .seo-field-hint code{font-family:var(--font-mono);font-size:.625rem;color:var(--text-secondary)}.seo-integration-card__toggle{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;padding:.3rem .625rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-tertiary);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);cursor:pointer;white-space:nowrap}.seo-integration-card__toggle input{accent-color:var(--accent)}.seo-integration-card.is-enabled .seo-integration-card__toggle{border-color:#e6331247;background:#e633121a;color:var(--accent)}.seo-integration-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.seo-sync-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .5rem;border-radius:999px;background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border)}.seo-sync-badge.synced{background:#22c55e1f;color:var(--success);border-color:#22c55e4d}.seo-docs-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--accent);white-space:nowrap}.seo-docs-link svg{flex-shrink:0}.seo-toggle{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary);cursor:pointer;flex-shrink:0}.seo-toggle--compact{font-size:.75rem}.seo-toggle input{accent-color:var(--accent)}.seo-toggles{display:flex;flex-direction:column;gap:.625rem}.seo-custom-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.875rem}.seo-custom-item{display:grid;grid-template-columns:auto 1fr auto;gap:.625rem;align-items:center;padding:.625rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius)}.seo-custom-item__remove{flex-shrink:0}.seo-custom-item code{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seo-custom-add{display:grid;grid-template-columns:1fr 1fr auto;gap:.75rem;align-items:end}.seo-custom-add .seo-field input{width:100%;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);font-size:.8125rem;outline:none}.seo-custom-add .seo-field input:focus{border-color:var(--accent)}.seo-btn--inline{flex:0 0 auto;align-self:end;min-height:2.375rem}.seo-actions{display:flex;gap:.625rem}.seo-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex:1;white-space:nowrap}.seo-btn svg{flex-shrink:0}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.125rem;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:500;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);transition:border-color .2s,background .2s,transform .2s}.btn-secondary:hover:not(:disabled){border-color:var(--accent);background:var(--bg-hover)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.seo-panel__footer .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.8125rem}.seo-note{display:flex;gap:.5rem;align-items:flex-start;font-size:.75rem;color:var(--text-muted);line-height:1.5;padding-top:.5rem;border-top:1px solid var(--border)}.seo-note svg{flex-shrink:0;margin-top:.125rem;color:var(--success)}.spin{animation:seo-spin .8s linear infinite}@keyframes seo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:720px){.seo-custom-add{grid-template-columns:1fr}.seo-custom-add .seo-btn--inline{width:100%}.seo-actions{flex-direction:column}}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-modal{width:min(1180px,96vw);height:min(92vh,980px);max-height:92vh;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border);border-radius:calc(var(--radius-lg) + 2px);box-shadow:var(--shadow-modal);overflow:hidden}.settings-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-tertiary)}.settings-modal__title{display:flex;gap:.875rem;align-items:flex-start;color:var(--accent)}.settings-modal__title h2{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin-bottom:.2rem}.settings-modal__title p{font-size:.8125rem;color:var(--text-muted)}.settings-modal__body{display:grid;grid-template-columns:14.5rem 1fr;min-height:0;flex:1;overflow:hidden}.settings-modal__nav{display:flex;flex-direction:column;gap:.375rem;padding:1rem;border-right:1px solid var(--border);background:var(--bg-primary)}.settings-modal__nav-btn{display:inline-flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;border-radius:var(--radius);font-size:.8125rem;font-weight:500;color:var(--text-secondary);text-align:left;transition:background .2s,color .2s;line-height:1.3}.settings-modal__nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-modal__nav-btn.active{background:#6366f11f;color:#c7d2fe;border:1px solid rgba(129,140,248,.25)}.settings-modal__content{min-height:0;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-primary)}.settings-modal__content .seo-panel{flex:1;min-height:0;max-height:none;overflow:hidden}@media(max-width:720px){.settings-modal-overlay{padding:.75rem}.settings-modal__body{grid-template-columns:1fr}.settings-modal__nav{flex-direction:row;border-right:none;border-bottom:1px solid var(--border);overflow-x:auto}.settings-modal__nav-btn{width:auto;flex-shrink:0}}.workspace{display:flex;flex-direction:column;height:100vh;overflow:hidden}.workspace-header{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:48px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.workspace-header-left{display:flex;align-items:center;gap:.75rem;min-width:0}.workspace-logo{flex-shrink:0}.workspace-logo .logo-brand__name{font-size:.9375rem}.workspace-header-divider{width:1px;height:24px;background:var(--border);flex-shrink:0}.project-name{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.back-btn{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary);font-size:.8125rem;padding:.375rem .5rem;border-radius:var(--radius);transition:color .2s,background .2s;flex-shrink:0}.back-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.workspace-header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);color:var(--text-secondary);transition:color .2s,background .2s}.btn-icon:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-icon.active{color:var(--accent);background:var(--accent-glow)}.workspace-body{display:flex;flex:1;overflow:hidden}.panel-collapse-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius);color:var(--text-muted);flex-shrink:0;transition:color .2s,background .2s}.panel-collapse-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.panel-rail{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;width:36px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border);color:var(--text-muted);font-size:.625rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:color .2s,background .2s}.panel-rail:hover{color:var(--accent);background:var(--bg-hover)}.panel-rail span{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}.sidebar{width:200px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease}.sidebar--tree-collapsed{width:auto;min-width:140px}.tree-toggle-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius);color:var(--text-muted);flex-shrink:0;transition:color .2s,background .2s,transform .2s}.tree-toggle-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.tree-toggle-btn.open svg{transform:rotate(90deg)}.tree-toggle-btn svg{transition:transform .2s}.sidebar-header span{flex:1;min-width:0}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border)}.editor-area{flex:1 1 0;display:flex;flex-direction:column;overflow:hidden;min-width:280px;min-height:0}.workspace-body--no-editor .preview-pane{flex:1 1 auto}.workspace-body--no-editor:not(.workspace-body--no-ai):not(.workspace-body--no-files) .preview-pane,.workspace-body--no-ai.workspace-body--no-files .preview-pane{flex:1 1 auto}.editor-toolbar{display:flex;align-items:stretch;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;min-height:36px}.editor-tabs{display:flex;flex:1;overflow-x:auto;min-width:0}.editor-collapse-btn{align-self:center;margin:0 .5rem;flex-shrink:0}.editor-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;color:var(--text-secondary);border-right:1px solid var(--border);white-space:nowrap;transition:color .2s,background .2s}.editor-tab.active{color:var(--text-primary);background:var(--bg-primary)}.editor-tab:hover:not(.active){background:var(--bg-hover)}.editor-container{flex:1;overflow:hidden}.preview-pane{flex:1 1 0;min-width:320px;min-height:0;border-left:1px solid var(--border);display:flex;flex-direction:column}.preview-view{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);font-size:.75rem;color:var(--text-muted);flex-shrink:0}.preview-frame{flex:1;min-height:0;background:#fff;border:none;width:100%}.save-indicator{font-size:.75rem;color:var(--text-muted);padding:0 .5rem}.save-indicator.saving{color:var(--accent)}.save-indicator.saved{color:var(--success)}.users-page{min-height:100vh;display:flex;flex-direction:column}.users-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.users-header-left{display:flex;align-items:center;gap:1rem}.users-main{flex:1;padding:2rem;max-width:960px;margin:0 auto;width:100%}.users-main h2{font-size:1.5rem;margin-bottom:.5rem}.users-main>p{color:var(--text-secondary);margin-bottom:2rem}.create-user-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.create-user-form h3{font-size:1rem;margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.users-table-wrap{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.users-table{width:100%;border-collapse:collapse;font-size:.875rem}.users-table th,.users-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.users-table th{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-tertiary)}.users-table tr:last-child td{border-bottom:none}.role-badge{display:inline-block;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:500}.role-badge.admin{background:var(--accent-glow);color:var(--accent-hover);border:1px solid var(--accent-muted)}.role-badge.user{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border)}.table-actions{display:flex;gap:.5rem}.btn-sm{padding:.375rem .75rem;border-radius:var(--radius);font-size:.75rem;transition:background .2s,color .2s}.btn-sm.danger{color:var(--danger)}.btn-sm.danger:hover{background:var(--danger-bg)}.btn-sm.secondary{color:var(--text-secondary)}.btn-sm.secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.select-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;font-size:.9375rem;outline:none;width:100%}.select-input:focus{border-color:var(--accent)}.empty-users{padding:3rem;text-align:center;color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:.75rem}.user-menu{display:flex;align-items:center;gap:.75rem;font-size:.8125rem;color:var(--text-secondary)}.btn-outline{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.8125rem;color:var(--text-secondary);transition:border-color .2s,color .2s}.btn-outline:hover{border-color:var(--accent);color:var(--text-primary)}.form-error{color:var(--danger);font-size:.8125rem;margin-bottom:.75rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #141414;--bg-hover: #1a1a1a;--border: #222222;--text-primary: #ffffff;--text-secondary: #a3a3a3;--text-muted: #737373;--accent: #e63312;--accent-hover: #ff4520;--accent-glow: rgba(230, 51, 18, .22);--accent-muted: rgba(230, 51, 18, .12);--success: #22c55e;--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--danger-border: rgba(239, 68, 68, .3);--overlay: rgba(0, 0, 0, .6);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .5);--shadow-modal: 0 24px 48px rgba(0, 0, 0, .4);--gradient-accent: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(230, 51, 18, .18), transparent);--radius: 8px;--radius-lg: 12px;--radius-pill: 999px;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f7f7f7;--bg-tertiary: #efefef;--bg-hover: #e5e5e5;--border: #d4d4d4;--text-primary: #0a0a0a;--text-secondary: #525252;--text-muted: #737373;--accent: #e63312;--accent-hover: #cc2a0e;--accent-glow: rgba(230, 51, 18, .18);--accent-muted: rgba(230, 51, 18, .1);--danger-bg: rgba(239, 68, 68, .08);--danger-border: rgba(239, 68, 68, .25);--overlay: rgba(0, 0, 0, .35);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .12);--shadow-modal: 0 24px 48px rgba(0, 0, 0, .15);--gradient-accent: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(230, 51, 18, .1), transparent)}html{color-scheme:dark light}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-pill);font-weight:500;font-size:.9375rem;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 8px 24px var(--accent-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}