*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--bg:#0a0a10;--bg-alt:#121218;--surface:#17171f;--ink:#f3f1f8;--ink-soft:#b6b2c4;--ink-faint:#726f82;--line:#27242f;--accent:#ca8a04;--accent-2:#a16207;--accent-glow:rgba(202,138,4,0.45);--on-accent:#1a1400;--ease:cubic-bezier(0.16,1,0.3,1)}:root[data-theme=light]{color-scheme:light;--bg:#ffffff;--bg-alt:#f6f6f6;--surface:#ffffff;--ink:#0f0e13;--ink-soft:#4b4856;--ink-faint:#8d899a;--line:#e5e2ec}body,html{height:100%}body{font-family:Inter,sans-serif;color:var(--ink);background:radial-gradient(ellipse 900px 500px at 100% 0,rgba(168,85,247,.08),transparent 60%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}:root[data-theme=light] body{background:radial-gradient(ellipse 900px 500px at 100% 0,rgba(168,85,247,.05),transparent 60%),var(--bg)}h1,h2,h3{font-family:Sora,sans-serif;letter-spacing:-.01em;color:var(--ink)}button{cursor:pointer}button,input,textarea{font-family:inherit}::selection{background:var(--accent);color:var(--on-accent)}.shell{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:relative;z-index:10}.top-bar .logo{font-family:Sora,sans-serif;font-weight:800;font-size:18px;display:flex;align-items:baseline;gap:8px;min-width:0;flex-shrink:1;overflow:hidden}.logo-word{flex-shrink:0;white-space:nowrap}.logo-bolt{display:inline-block;font-size:.9em;transform:translateY(1px);text-shadow:0 0 12px var(--accent-glow)}.logo-accent,.logo-bolt{color:var(--accent)}.logo-project{font-family:Inter,sans-serif;font-weight:600;font-size:13px;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.logo-project:before{content:"· "}.top-bar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.top-bar .badge{font-size:12px;font-weight:600;color:var(--ink-faint);border:1px solid var(--line);padding:4px 10px;border-radius:999px}.new-project-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--line);border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap;transition:background .15s var(--ease),border-color .15s var(--ease),transform .15s var(--ease)}.new-project-btn:hover:not(:disabled){background:var(--bg-alt);border-color:var(--accent)}.new-project-btn:active:not(:disabled){transform:scale(.96)}.btn-key-accent{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn-key-accent:hover:not(:disabled){background:var(--accent);border-color:var(--accent);opacity:.88}.new-project-btn:disabled{opacity:.35;cursor:not-allowed}.toast{font-size:12.5px;font-weight:600;color:var(--ink);background:var(--bg-alt);border:1px solid var(--line);padding:6px 12px;border-radius:999px;opacity:0;transform:translateY(-4px) scale(.98);transition:opacity .25s var(--ease),transform .25s var(--ease)}.toast.toast-visible{opacity:1;transform:translateY(0) scale(1)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalBackdropIn .2s var(--ease)}.modal-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px;width:100%;max-width:420px;max-height:70vh;overflow-y:auto;box-shadow:0 30px 70px rgba(0,0,0,.5),0 1px 0 0 rgba(255,255,255,.05) inset,0 0 40px -20px var(--accent-glow);animation:modalCardIn .3s var(--ease)}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalCardIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-card h2{font-size:18px;margin-bottom:16px}.modal-card p{margin:0 0 18px;color:var(--ink-soft);font-size:14px;line-height:1.5}.modal-card .btn+.btn,.modal-card .btn+.link-btn{margin-top:10px}.btn.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f1f1f;border:1px solid var(--line);margin-bottom:4px;box-shadow:none}.btn.btn-google:hover{background:#f7f7f7}.auth-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--ink-faint);font-size:12px}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.modal-card-wide{max-width:900px;max-height:85vh}.publish-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin:18px 0;align-items:stretch}.publish-plan-card{display:flex;flex-direction:column;text-align:left;position:relative;background:var(--bg-alt);border:1.5px solid var(--line);border-radius:14px;padding:20px 16px;transition:border-color .15s var(--ease),transform .15s var(--ease)}.publish-plan-card.featured{border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg-alt))}.publish-plan-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;white-space:nowrap}.publish-plan-name{font-weight:700;font-size:15px}.publish-plan-price{font-weight:800;font-size:19px;margin:4px 0 14px}.publish-plan-features{list-style:none;margin:0 0 16px;flex-grow:1;display:flex;flex-direction:column;gap:7px}.publish-plan-features li{font-size:12.5px;color:var(--ink-soft);line-height:1.4;padding-left:16px;position:relative}.publish-plan-features li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}.embedded-checkout-wrap{margin:14px 0;border-radius:12px;overflow:hidden;min-height:300px}@media (max-width:860px){.publish-plan-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.modal-card-wide{padding:20px 16px}.publish-plan-grid{grid-template-columns:1fr}}.project-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.project-item{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;background:var(--bg-alt);border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;text-align:left;transition:border-color .15s var(--ease),transform .15s var(--ease)}.project-item:hover{transform:translateX(2px);border-color:var(--ink-faint)}.project-item.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.project-item-text{display:flex;flex-direction:column;gap:2px}.project-item-name{font-weight:700;font-size:14px}.project-item-date{font-size:12px;color:var(--ink-faint)}.project-item-delete{background:none;border:none;font-size:15px;opacity:.5;flex-shrink:0;transition:opacity .15s var(--ease),transform .15s var(--ease)}.project-item-delete:hover{opacity:1;transform:scale(1.15)}.splash{flex:1 1;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--ink);position:relative;overflow:hidden}.splash:before{content:"";position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow),transparent 70%);filter:blur(10px)}.splash-inner{position:relative;text-align:center}.splash-logo{display:flex;align-items:center;justify-content:center;gap:10px;font-family:Sora,sans-serif;font-weight:800;font-size:56px;opacity:0;animation:splashIn .8s ease forwards}.splash-mark{display:inline-block;font-size:.72em;vertical-align:-.06em;margin:0 2px;color:var(--accent);text-shadow:0 0 20px var(--accent-glow);animation:spin 1.4s ease}.splash-accent{opacity:.8;font-weight:600;color:var(--accent)}.splash-tagline{margin-top:16px;font-size:16px;color:var(--ink-soft);opacity:0;animation:splashIn .8s ease .35s forwards}.splash-btn{margin-top:34px;width:auto;padding:14px 34px;background:var(--accent);color:var(--on-accent);box-shadow:0 0 30px -6px var(--accent-glow);opacity:0;animation:splashIn .8s ease .65s forwards}@keyframes splashIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.onboard-wrap{flex:1 1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.onboard-card{width:100%;max-width:440px;background:var(--surface);border-radius:20px;border:1px solid var(--line);padding:40px 34px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.35),0 1px 0 0 rgba(255,255,255,.05) inset,0 0 60px -30px var(--accent-glow);transition:opacity .4s ease,transform .4s ease}.onboard-card.fading-out{opacity:0;transform:scale(.97)}.onboard-card h1{font-size:26px;margin-bottom:10px}.onboard-card p{color:var(--ink-soft);font-size:14.5px;margin-bottom:26px}.onboard-card input[type=text]{width:100%;padding:13px 16px;border:1.5px solid var(--line);border-radius:10px;font-size:15px;margin-bottom:14px;outline:none;background:var(--bg-alt);color:var(--ink)}.onboard-card input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(168,85,247,.18)}.link-btn{display:block;margin:14px auto 0;background:none;border:none;color:var(--ink-faint);font-size:13px;font-weight:600;transition:color .15s var(--ease)}.link-btn:hover{color:var(--accent)}.link-btn.small{margin:6px 0 0;font-size:12px;text-align:left;cursor:pointer}.image-picker-modal{max-width:480px}.image-picker-tabs{display:flex;gap:8px;margin:14px 0}.image-picker-tabs button{flex:1 1;padding:8px;border-radius:8px;border:1.5px solid var(--line);background:var(--bg-alt);color:var(--ink-soft);font-weight:700;font-size:13px;cursor:pointer}.image-picker-tabs button.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.image-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));grid-gap:8px;gap:8px;max-height:40vh;overflow-y:auto}.image-picker-item{padding:0;border:1.5px solid var(--line);border-radius:8px;overflow:hidden;cursor:pointer;aspect-ratio:1;background:var(--bg-alt)}.image-picker-item img{width:100%;height:100%;object-fit:cover;display:block}.image-picker-item:hover{border-color:var(--accent)}.choice-card{max-width:520px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:6px}.choice-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bg-alt);border:1.5px solid var(--line);border-radius:14px;padding:24px 14px;text-align:center;transition:border-color .15s var(--ease),transform .15s var(--ease),box-shadow .15s var(--ease)}.choice-btn:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px -10px var(--accent-glow)}.choice-btn:active{transform:translateY(-1px) scale(.98)}.choice-emoji{color:var(--accent)}.choice-emoji svg{width:30px;height:30px}.choice-label{font-weight:700;font-size:14.5px}.choice-sub{font-size:12.5px;color:var(--ink-faint)}.field-label{display:block;text-align:left;font-size:12.5px;font-weight:700;color:var(--ink-soft);margin:14px 0 6px}.field-select,.field-textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;font-size:14.5px;outline:none;background:var(--bg-alt);color:var(--ink);resize:vertical}.field-select:focus,.field-textarea:focus{border-color:var(--accent)}.newbiz-card{max-width:480px;text-align:left;padding:28px 24px;overflow:hidden}.newbiz-question-wrap{animation:newbizIn .32s var(--ease)}@keyframes newbizIn{0%{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}.newbiz-progress{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.newbiz-question{font-size:21px;margin:8px 0 20px;line-height:1.35}.newbiz-nav-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.newbiz-nav-row .link-btn{margin:0}.newbiz-cancel{display:block;margin-top:18px;opacity:.6}.newbiz-cancel:hover{opacity:1}.newbiz-input-row{display:flex;gap:8px}.newbiz-input-row input{flex:1 1;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;font-size:14.5px;outline:none;background:var(--bg-alt);color:var(--ink)}.newbiz-input-row input:focus{border-color:var(--accent)}.newbiz-input-row button{background:var(--accent);color:var(--on-accent);border:none;border-radius:10px;padding:0 18px;font-weight:600;font-size:14px}.newbiz-input-row button:disabled{opacity:.4}.newbiz-thumbs{display:flex;gap:8px}.newbiz-thumbs img{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.newbiz-image-actions{display:flex;flex-direction:column;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--on-accent);border:none;border-radius:10px;padding:13px 22px;font-weight:600;font-size:14.5px;width:100%;box-shadow:0 0 24px -8px var(--accent-glow);transition:opacity .15s var(--ease),transform .15s var(--ease),box-shadow .15s var(--ease)}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 32px -6px var(--accent-glow)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface);color:var(--ink);border:1.5px solid var(--line);box-shadow:none;border-radius:10px;padding:10px 18px;font-weight:700;font-size:13.5px;cursor:pointer;white-space:nowrap;transition:border-color .15s var(--ease),background .15s var(--ease),transform .12s var(--ease),box-shadow .15s var(--ease)}.btn-outline:hover:not(:disabled){border-color:var(--accent);background:var(--bg-alt);transform:translateY(-1px);box-shadow:0 6px 16px -8px rgba(0,0,0,.5)}.btn-outline:active:not(:disabled){transform:scale(.975)}.btn-outline:disabled{opacity:.45;cursor:not-allowed}.error-text{color:#f87171;font-size:13.5px;margin-top:10px}.generating-warning{margin-top:16px;font-size:12.5px;color:#fbbf24;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.25);border-radius:8px;padding:10px 12px;display:flex;align-items:flex-start;gap:8px;text-align:left}.generating-warning svg{flex-shrink:0;margin-top:1px}.profile-card{text-align:left}.profile-flag{display:inline-block;font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px;margin-bottom:18px}.profile-flag.found{background:rgba(74,222,128,.12);color:#4ade80;border:1px solid rgba(74,222,128,.3)}.profile-flag.notfound{background:var(--bg-alt);color:var(--ink-faint);border:1px solid var(--line)}.profile-row{padding:10px 0;border-top:1px solid var(--line);font-size:14px}.profile-row:first-of-type{border-top:none}.profile-row b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);margin-bottom:2px}.profile-actions{display:flex;gap:10px;margin-top:22px}.editor{flex:1 1;display:grid;grid-template-columns:232px 1fr 380px;overflow:hidden}.editor-reveal{animation:editorReveal .22s var(--ease) both}@keyframes editorReveal{0%{opacity:0;transform:scale(.98) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.sidebar{width:232px;flex-shrink:0;background:color-mix(in srgb,var(--surface) 88%,transparent);border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;gap:22px;overflow-y:auto}.mobile-nav-backdrop,.mobile-nav-close,.mobile-nav-toggle{display:none}.sidebar-plan-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);margin-bottom:8px}.plan-toggle{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.plan-toggle button{flex:1 1;padding:8px 4px;font-size:12px;font-weight:700;background:var(--bg-alt);border:none;color:var(--ink-faint);border-right:1px solid var(--line);transition:background .15s var(--ease),color .15s var(--ease)}.plan-toggle button:last-child{border-right:none}.plan-toggle button.active{background:var(--accent);color:var(--on-accent)}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-account{margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.account-trigger-wrap{position:relative}.account-trigger{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;background:none;border:none;padding:2px;cursor:pointer;border-radius:10px}.account-trigger:hover{background:var(--bg-alt)}.account-trigger .account-pill{flex:1 1;min-width:0;pointer-events:none}.account-caret{flex-shrink:0;color:var(--ink-faint);transition:transform .18s var(--ease);margin-right:2px}.account-caret.open{transform:rotate(180deg)}.account-menu-backdrop{position:fixed;inset:0;z-index:40}.account-menu{position:absolute;bottom:calc(100% + 10px);left:0;right:0;z-index:41;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 18px 44px rgba(0,0,0,.28);transform-origin:bottom center;animation:accountMenuIn .18s cubic-bezier(.16,1,.3,1) both}@keyframes accountMenuIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.account-menu{animation:none}}.account-menu-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;padding:11px 12px;border-radius:10px;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--ink);transition:background .14s var(--ease)}.account-menu-item:hover{background:var(--bg-alt)}.account-menu-item:active{transform:scale(.985)}.account-menu-item svg{color:var(--accent);flex-shrink:0}.account-menu-sep{height:1px;background:var(--line);margin:5px 8px}.account-menu-switch{margin-left:auto;flex-shrink:0;width:34px;height:19px;border-radius:999px;background:var(--bg-alt);border:1px solid var(--line);position:relative;transition:background .18s var(--ease)}.account-menu-switch:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:var(--ink-faint);transition:transform .18s var(--ease),background .18s var(--ease)}.account-menu-switch.is-light{background:var(--accent);border-color:var(--accent)}.account-menu-switch.is-light:after{transform:translateX(15px);background:var(--on-accent)}.account-page .account-back{display:inline-block;margin-bottom:14px}.account-photo-block{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;max-width:320px;margin:0 auto 28px}.account-avatar-big{width:132px;height:132px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg-alt);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink-faint);cursor:pointer;transition:border-color .15s var(--ease)}.account-avatar-big:hover:not(:disabled){border-color:var(--accent)}.account-avatar-big img{width:100%;height:100%;object-fit:cover}.account-avatar-big svg{width:44px;height:44px}.account-photo-block .profile-name-field{width:100%;text-align:left;margin-top:8px}.onboard-account-corner{position:fixed;left:20px;bottom:18px;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 12px;box-shadow:var(--shadow-md,0 8px 24px rgba(0,0,0,.25))}.onboard-account-corner .link-btn{margin:0}.onboard-account-corner .account-pill{padding:4px 2px}.account-pill{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--ink-soft);padding:8px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-pill svg{flex-shrink:0;color:var(--accent);width:16px;height:16px}.account-pill-avatar{flex-shrink:0;width:18px;height:18px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}.account-pill-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.account-pill-plan{flex-shrink:0;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);background:rgba(230,164,50,.14);border:1px solid rgba(230,164,50,.35);padding:2px 7px;border-radius:999px}.btn-block{width:100%;justify-content:center}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:600;color:var(--ink-soft);background:transparent;border:none;text-align:left;transition:background .15s var(--ease),color .15s var(--ease)}.nav-item:hover{background:var(--bg-alt);color:var(--ink)}.nav-item.active{background:var(--accent);color:var(--on-accent);box-shadow:0 0 20px -8px var(--accent-glow)}.nav-item .lock-badge,.nav-item.locked{color:var(--ink-faint)}.nav-item .lock-badge{margin-left:auto;font-size:10px;font-weight:700;background:var(--bg-alt);padding:2px 7px;border-radius:999px}.nav-item.active .lock-badge{background:rgba(26,20,0,.18);color:var(--on-accent)}.no-project-panel{padding:40px}.no-project-panel,.placeholder-panel{grid-column:2/-1;display:flex;align-items:center;justify-content:center}.placeholder-panel{flex-direction:column;text-align:center;padding:60px;gap:10px;color:var(--ink-soft);background:var(--bg-alt)}.placeholder-icon{color:var(--accent)}.placeholder-icon svg{width:40px;height:40px}.placeholder-panel h2{font-size:20px;color:var(--ink)}.placeholder-panel p{max-width:360px;font-size:14.5px}.placeholder-tag{margin-top:6px;font-size:12.5px;font-weight:700;padding:6px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink-faint)}.placeholder-tag.locked{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.settings-panel{grid-column:2/-1;padding:48px;overflow-y:auto}.settings-panel h2{font-size:22px;margin-bottom:24px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 24px;max-width:560px}.settings-row-text{display:flex;flex-direction:column;gap:4px}.settings-row-label{font-weight:700;font-size:15px}.settings-row-sub{max-width:360px}.settings-note,.settings-row-sub{font-size:13px;color:var(--ink-faint)}.settings-note{margin-top:20px;max-width:560px}.settings-row+.settings-row{margin-top:14px}.credits-row{align-items:flex-start}.credits-row .settings-row-text{width:100%}.credits-bar{margin-top:8px;width:100%;max-width:360px;height:6px;border-radius:999px;background:var(--bg-alt);overflow:hidden}.credits-bar-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .3s var(--ease)}.plans-panel h2{margin-bottom:8px}.plans-intro{font-size:13.5px;color:var(--ink-soft);margin-bottom:20px;max-width:640px}.settings-plan-grid{max-width:920px}.publish-plan-card.current{border-color:var(--accent)}.publish-plan-badge.current-badge{background:var(--surface);color:var(--accent);border:1px solid var(--accent)}.settings-plan-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.settings-subheading{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);margin:26px 0 10px}.settings-subheading:first-of-type{margin-top:22px}.profile-row{align-items:flex-start;max-width:640px;gap:20px}.profile-avatar-col{flex-direction:column;gap:4px}.profile-avatar,.profile-avatar-col{display:flex;align-items:center;flex-shrink:0}.profile-avatar{width:68px;height:68px;border-radius:50%;overflow:hidden;background:var(--bg-alt);border:1.5px solid var(--line);justify-content:center;color:var(--ink-faint);transition:border-color .15s var(--ease)}.profile-avatar:hover:not(:disabled){border-color:var(--accent)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-col .link-btn.small{margin:0}.profile-name-field{display:flex;flex-direction:column;gap:4px;flex:1 1;min-width:200px}.profile-name-row{display:flex;gap:8px;margin-top:8px}.profile-name-row input{flex:1 1;padding:10px 12px;border:1.5px solid var(--line);border-radius:8px;font-size:13.5px;background:var(--bg-alt);color:var(--ink);outline:none;min-width:0}.profile-name-row input:focus{border-color:var(--accent)}.profile-name-row .btn-outline{flex-shrink:0;padding:0 16px}.btn-danger-outline{padding:10px 18px;border-radius:10px;font-size:13px;font-weight:700;white-space:nowrap;background:transparent;border:1.5px solid #ef4444;color:#ef4444;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),transform .12s var(--ease)}.btn-danger-outline:hover{background:#ef4444;color:#fff}.btn-danger-outline:active{transform:scale(.975)}.btn-danger{padding:10px 18px;border-radius:10px;font-size:13px;font-weight:700;white-space:nowrap;background:#ef4444;border:1.5px solid #ef4444;color:#fff;cursor:pointer;transition:filter .15s var(--ease),transform .12s var(--ease),box-shadow .15s var(--ease)}.btn-danger:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 18px -8px rgba(239,68,68,.8)}.btn-danger:active:not(:disabled){transform:scale(.975)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.delete-account-confirm{display:flex;align-items:center;gap:12px;flex-shrink:0}.settings-legal-links{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.settings-legal-links a{font-size:13px;font-weight:600;color:var(--accent);white-space:nowrap}.settings-legal-links a:hover{text-decoration:underline}.content-studio-panel{grid-column:2/-1;padding:40px 48px;overflow-y:auto;display:flex;flex-direction:column;gap:28px}.content-studio-header h2{font-size:22px;margin-bottom:6px}.content-studio-header p{color:var(--ink-faint);font-size:14px;max-width:560px}.content-studio-body{display:grid;grid-template-columns:220px 1fr;grid-gap:24px;gap:24px;align-items:start}.content-studio-upload{display:flex;flex-direction:column;gap:8px}.content-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-alt);border:1.5px dashed var(--line);border-radius:12px;padding:22px 12px;font-size:13px;font-weight:600;color:var(--ink-soft);transition:border-color .15s var(--ease),color .15s var(--ease)}.content-upload-btn:hover{border-color:var(--accent);color:var(--ink)}.content-image-list{display:flex;flex-wrap:wrap;gap:8px}.content-image-thumb{position:relative;width:64px;height:64px}.content-image-thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.content-image-thumb button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--ink-faint);font-size:11px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.content-image-thumb button:hover{color:var(--ink);border-color:var(--accent)}.content-studio-instruction{display:flex;flex-direction:column;gap:4px}.content-studio-instruction .btn{width:auto;align-self:flex-start;margin-top:12px;padding:12px 26px}.content-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.content-chip{background:var(--bg-alt);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:600;color:var(--ink-soft);transition:border-color .15s var(--ease),color .15s var(--ease)}.content-chip:hover{border-color:var(--accent);color:var(--ink)}.content-loading-note{font-size:12.5px;color:var(--ink-faint);margin-top:8px}.content-results h3{font-size:16px;margin-bottom:10px}.content-caption{font-size:13.5px;color:var(--ink-soft);margin-bottom:14px}.content-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:20px;gap:20px}.content-result-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:10px}.content-result-card img{width:100%;border-radius:8px;display:block}.content-result-card .btn{width:100%;padding:9px 14px;font-size:13px}.content-result-remove{position:absolute;top:18px;right:18px;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.55);border:none;color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1}.content-result-remove:hover{background:rgba(0,0,0,.75)}.content-result-more-actions{display:flex;gap:8px}.content-result-more-actions .btn-outline{flex:1 1;padding:8px 10px;font-size:12px}.post-image-buttons{display:flex;gap:8px}.post-image-buttons .btn-outline{flex:1 1;font-size:12px;padding:8px 10px}.post-image-edit{display:flex;gap:8px;margin-top:8px}.post-image-edit input{flex:1 1;padding:9px 10px;border:1.5px solid var(--line);border-radius:8px;background:var(--bg-alt);color:var(--ink);font-size:13px}.post-image-edit .btn-outline{padding:8px 12px;font-size:12px;white-space:nowrap}@media (max-width:720px){.content-studio-body{grid-template-columns:1fr}}.posts-panel{grid-column:2/-1;padding:40px 48px;overflow-y:auto;display:flex;flex-direction:column;gap:28px}.post-form{display:grid;grid-template-columns:220px 1fr;grid-gap:24px;gap:24px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px}.content-photo-preview,.post-form-image{display:flex;flex-direction:column;gap:8px;min-width:0}.content-photo-preview img{width:100%;max-width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid var(--line);display:block}.post-form-fields{display:flex;flex-direction:column;gap:4px}.post-form-row{display:flex;gap:16px;margin-top:10px;flex-wrap:wrap}.post-form-row>div{flex:1 1;min-width:140px;display:flex;flex-direction:column}.post-form-actions{display:flex;align-items:center;gap:14px;margin-top:14px}.post-form-actions .btn{padding:12px 26px}.posts-list{display:flex;flex-direction:column;gap:10px}.post-item{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.post-item-thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.post-item-text{display:flex;flex-direction:column;gap:3px;flex:1 1;min-width:0}.post-item-caption{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-item-meta{font-size:12.5px;color:var(--ink-faint)}.post-item-hashtags{font-size:12.5px;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.post-item-actions .btn-outline{padding:7px 14px;font-size:12.5px}.post-item-actions .btn{padding:7px 16px;font-size:12.5px}.post-status-pill{align-self:flex-start;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:var(--accent);color:var(--on-accent);padding:3px 8px;border-radius:999px;margin-bottom:2px}.post-status-pill.published{background:var(--surface);color:var(--ink-soft);border:1px solid var(--line)}.social-connect-row{display:flex;flex-direction:column;gap:10px}.social-connect-card{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 18px}@media (max-width:640px){.connected-account-row,.social-connect-card{flex-direction:column;align-items:stretch;gap:14px}.connected-account-row .btn-brand-connect,.connected-account-row .btn-disconnect,.social-connect-card .btn-brand-connect,.social-connect-card .btn-disconnect{width:100%;justify-content:center}}.social-connect-status{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-soft)}.social-connect-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0}.btn-brand-connect{display:flex;align-items:center;gap:9px;padding:10px 18px;border-radius:10px;font-size:13.5px;font-weight:700;color:#fff;border:none;cursor:pointer;transition:filter .15s var(--ease),transform .1s var(--ease);flex-shrink:0}.btn-brand-connect:active:not(:disabled){transform:scale(.97)}.btn-brand-connect:hover:not(:disabled){filter:brightness(1.08)}.btn-brand-connect:disabled{opacity:.5;cursor:not-allowed}.btn-brand-connect.facebook{background:#1877F2}.btn-brand-connect.instagram{background:linear-gradient(135deg,#FFDD55,#FF543E 35%,#C837AB 65%,#5851DB)}.btn-disconnect{padding:8px 16px;border-radius:10px;font-size:13px;font-weight:700;white-space:nowrap;background:transparent;border:1.5px solid #e5484d;color:#e5484d;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.btn-disconnect:hover{background:#e5484d;color:#fff}.connected-accounts-list{display:flex;flex-direction:column;gap:10px;max-width:560px}.connected-account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 18px}.connected-account-info{display:flex;align-items:center;gap:10px;font-size:13.5px}.connected-account-info .platform-badge{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.connected-account-info .platform-badge.facebook{background:#1877F2}.connected-account-info .platform-badge.instagram{background:linear-gradient(135deg,#FFDD55,#FF543E 35%,#C837AB 65%,#5851DB)}.connected-account-info .platform-name{font-weight:700;color:var(--ink);display:block}.connected-account-info .platform-detail{color:var(--ink-faint);font-size:12.5px}.gallery-card,.schedule-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;gap:4px}.gallery-card h3,.schedule-card h3{font-size:15px;margin-bottom:10px}.schedule-row{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:14px;flex-wrap:wrap}.number-stepper{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:8px;background:var(--bg-alt);overflow:hidden}.number-stepper button{width:32px;height:34px;flex-shrink:0;background:transparent;border:none;color:var(--ink-soft);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.number-stepper button:hover{color:var(--ink);background:var(--surface)}.schedule-number{width:42px;text-align:center;padding:8px 2px;border:none;border-left:1.5px solid var(--line);border-right:1.5px solid var(--line);background:var(--bg-alt);color:var(--ink);font-size:14px;-moz-appearance:textfield}.schedule-number::-webkit-inner-spin-button,.schedule-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gallery-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.gallery-card-header h3{margin-bottom:0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));grid-gap:8px;gap:8px;margin-top:10px}@media (max-width:720px){.post-form{grid-template-columns:1fr}}.stats-panel{grid-column:2/-1;padding:40px 48px;overflow-y:auto;gap:28px}.stats-empty,.stats-panel{display:flex;flex-direction:column}.stats-empty{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;gap:16px;align-items:flex-start;max-width:480px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:16px;gap:16px}.stats-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:4px}.stats-number{font-size:32px;font-weight:800;font-family:var(--font-display,inherit)}.stats-label{font-size:13px;color:var(--ink-faint)}.stats-change{font-size:12.5px;font-weight:700;margin-top:4px}.stats-change.up{color:#22c55e}.stats-change.down{color:#f87171}.theme-switch{flex-shrink:0;width:56px;height:32px;border-radius:999px;position:relative;background:var(--bg-alt);border:1px solid var(--line);padding:2px;transition:background .2s var(--ease),border-color .2s var(--ease)}.theme-switch.is-light{background:var(--accent);border-color:var(--accent)}.theme-switch-knob{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--surface);font-size:13px;transform:translateX(0);transition:transform .25s var(--ease);box-shadow:0 2px 6px rgba(0,0,0,.3)}.theme-switch.is-light .theme-switch-knob{transform:translateX(24px)}.preview-pane{overflow:hidden;padding:24px;background:var(--bg-alt);display:flex;flex-direction:column;gap:14px}.published-url-banner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:13px;color:var(--ink-soft)}.published-url-banner svg{color:var(--accent);flex-shrink:0}.published-url-banner a{color:var(--accent);font-weight:600;word-break:break-all}.published-url-banner button{margin-left:auto;background:none;border:1px solid var(--line);border-radius:7px;padding:5px 10px;font-size:12px;font-weight:600;color:var(--ink-faint);flex-shrink:0;transition:border-color .15s var(--ease),color .15s var(--ease)}.published-url-banner button:hover{border-color:var(--accent);color:var(--accent)}.preview-device-toggle{display:inline-flex;align-self:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;flex-shrink:0}.preview-device-toggle button{padding:7px 18px;font-size:12.5px;font-weight:700;background:var(--surface);border:none;color:var(--ink-faint);border-right:1px solid var(--line);transition:background .15s var(--ease),color .15s var(--ease)}.preview-device-toggle button:last-child{border-right:none}.preview-device-toggle button.active{background:var(--accent);color:var(--on-accent)}.site-frame-wrap{flex:1 1;min-height:0;background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.35)}.site-frame{width:100%;height:100%;border:none;display:block}.spinner{width:36px;height:36px;margin:0 auto;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.generating-mockup{position:relative;width:100%;max-width:260px;height:176px;margin:0 auto}.mockup-card{position:absolute;inset:0;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px;box-shadow:0 16px 34px -12px rgba(0,0,0,.4);opacity:0;animation:mockupCycle 6s var(--ease) infinite}.mockup-card-1{animation-delay:0s}.mockup-card-2{animation-delay:2s}.mockup-card-3{animation-delay:4s}@keyframes mockupCycle{0%{opacity:0;transform:scale(.92) translateY(16px) rotate(-2deg);z-index:1}6%{opacity:1;transform:scale(1) translateY(0) rotate(0deg);z-index:3}30%{opacity:1;transform:scale(1) translateY(0) rotate(0deg);z-index:3}36%{opacity:.35;transform:scale(.93) translateY(10px) rotate(2deg);z-index:1}to{opacity:.35;transform:scale(.93) translateY(10px) rotate(2deg);z-index:1}}.mockup-topbar{display:flex;gap:5px;margin-bottom:12px}.mockup-topbar span{width:7px;height:7px;border-radius:50%;background:var(--line)}.mockup-block,.mockup-hero,.mockup-line{border-radius:6px;background:linear-gradient(90deg,var(--bg-alt) 25%,var(--line) 50%,var(--bg-alt) 75%);background-size:200% 100%;animation:mockupShimmer 1.6s linear infinite}.mockup-hero{height:46px;margin-bottom:10px}.mockup-line{height:8px;margin-bottom:7px}.mockup-grid{display:flex;gap:6px;margin-top:10px}.mockup-block{flex:1 1;height:34px}@keyframes mockupShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.mockup-card{animation:none;opacity:1}.mockup-card-2,.mockup-card-3{display:none}.mockup-block,.mockup-hero,.mockup-line{animation:none}}.chat-pane{display:flex;flex-direction:column;border-left:1px solid var(--line);background:var(--surface)}.chat-header{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;padding:16px 24px;border-bottom:1px solid var(--line);flex-shrink:0;color:var(--ink)}.chat-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow);flex-shrink:0}.chat-log{flex:1 1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:12px}.msg{max-width:88%;padding:11px 15px;border-radius:14px;font-size:14px;line-height:1.5;animation:msgIn .25s var(--ease)}.msg.user{align-self:flex-end;background:var(--accent);color:var(--on-accent);border-bottom-right-radius:4px}.msg.assistant{align-self:flex-start;background:var(--bg-alt);color:var(--ink);border-bottom-left-radius:4px}.msg.pending{animation:msgIn .25s var(--ease),msgPulse 1.4s var(--ease) infinite}@keyframes msgIn{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes msgPulse{0%,to{opacity:.45}50%{opacity:.9}}.chat-input-row{display:flex;gap:8px;padding:16px;border-top:1px solid var(--line)}.chat-input-row input{flex:1 1;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;font-size:14px;outline:none;background:var(--bg-alt);color:var(--ink)}.chat-input-row input:focus{border-color:var(--accent)}.chat-input-row button{background:var(--accent);color:var(--on-accent);border:none;border-radius:10px;padding:0 18px;font-weight:600;font-size:14px}.chat-input-row button:disabled{opacity:.4}.chat-hint{padding:0 16px 14px;font-size:12.5px;color:var(--ink-faint)}.chat-login-gate{padding:16px;border-top:1px solid var(--line);text-align:center}.chat-login-gate p{font-size:13px;color:var(--ink-faint);margin-bottom:10px}.msg-image{display:block;width:100%;max-width:220px;border-radius:10px;margin-bottom:6px}.attach-btn{flex-shrink:0;padding:0 12px;background:transparent;border:1.5px solid var(--line);border-radius:10px;font-size:12.5px;font-weight:600;color:var(--ink-soft);white-space:nowrap}.attach-btn:hover:not(:disabled){background:var(--bg-alt);border-color:var(--accent)}.attach-btn:disabled{opacity:.4}.attach-btn svg{vertical-align:-3px}.btn-icon svg,.mobile-tabs svg,.newbiz-image-actions svg,.project-item-delete svg,.theme-switch-knob svg{width:15px;height:15px;flex-shrink:0}.nav-item svg{flex-shrink:0}.project-item-delete{display:inline-flex;align-items:center;justify-content:center}.pending-image-row{display:flex;align-items:center;gap:10px;margin:0 16px 10px;padding:8px 10px;background:var(--bg-alt);border:1px solid var(--line);border-radius:10px;font-size:12.5px;color:var(--ink-soft)}.pending-image-row img{width:36px;height:36px;object-fit:cover;border-radius:6px}.pending-image-row span{flex:1 1}.pending-image-row button{background:none;border:none;color:var(--ink-faint);font-size:14px}.mobile-tabs{display:none}@media (max-width:1300px){.top-bar{padding:10px 14px}.top-bar-right{gap:6px}.top-bar .logo{flex-direction:column;align-items:flex-start;gap:0}.logo-project{max-width:40vw;font-size:11.5px}.logo-project:before{content:""}.btn-label{display:none}.new-project-btn{padding:8px 9px}.btn-key{padding:8px 12px;font-size:12px}.badge{display:none}}@media (max-width:980px){.editor{grid-template-columns:1fr;grid-template-rows:auto 1fr}.mobile-nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;width:34px;height:34px;background:none;border:none;padding:8px;cursor:pointer;flex-shrink:0}.mobile-nav-toggle span{width:100%;height:2px;background:var(--ink);border-radius:2px}.mobile-nav-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:60;opacity:0;pointer-events:none;transition:opacity .25s var(--ease)}.mobile-nav-backdrop.visible{opacity:1;pointer-events:auto}.sidebar{display:flex;flex-direction:column;width:82vw;max-width:300px;position:fixed;top:0;left:0;bottom:0;z-index:61;box-shadow:24px 0 50px rgba(0,0,0,.4);transform:translateX(-100%);transition:transform .25s var(--ease)}.sidebar.mobile-open{transform:translateX(0)}.sidebar-nav{flex-direction:column}.mobile-nav-close{display:block;align-self:flex-end;background:none;border:none;color:var(--ink-faint);font-size:16px;padding:6px;cursor:pointer}.nav-item{padding:10px 12px;font-size:14px;white-space:normal}.settings-panel{padding:24px 18px}.settings-row{flex-wrap:wrap}.settings-legal-links{align-items:flex-start}.mobile-tabs{display:flex;grid-row:1;gap:8px;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--line)}.mobile-tabs button{flex:1 1;padding:9px;border-radius:8px;border:1.5px solid var(--line);background:var(--bg-alt);font-weight:700;font-size:13px;color:var(--ink-soft);transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}.mobile-tabs button.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.mobile-tab-chat-wrap{flex:1 1;position:relative;display:flex}.mobile-tabs button.hint-pulse{animation:chatHintPulse 1.4s ease-in-out infinite;border-color:var(--accent)}@keyframes chatHintPulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 6px rgba(168,85,247,0)}}.chat-hint-bubble{position:absolute;bottom:calc(100% + 6px);right:0;white-space:nowrap;background:var(--accent);color:var(--on-accent);font-size:11.5px;font-weight:700;padding:6px 10px;border-radius:8px;animation:hintBubbleIn .3s var(--ease);box-shadow:0 0 20px -6px var(--accent-glow)}.chat-hint-bubble:after{content:"";position:absolute;top:100%;right:14px;border:5px solid transparent;border-top:5px solid var(--accent)}@keyframes hintBubbleIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-pane,.content-studio-panel,.no-project-panel,.placeholder-panel,.posts-panel,.preview-pane,.settings-panel,.stats-panel{grid-row:2;min-height:0;animation:paneIn .12s var(--ease)}.no-project-panel{grid-column:auto;padding:30px 20px}@keyframes paneIn{0%{opacity:0}to{opacity:1}}.preview-pane{padding:12px}.chat-pane{border-left:none;border-top:1px solid var(--line)}.placeholder-panel{grid-column:auto;padding:30px 20px}.settings-panel{grid-column:auto;padding:24px 20px}.content-studio-panel,.posts-panel,.stats-panel{grid-column:auto;padding:20px}.post-form{grid-template-columns:1fr!important}.gallery-card,.schedule-card{padding:18px}.stats-grid{grid-template-columns:1fr 1fr}.mobile-hidden{display:none!important}}@media (max-width:640px){.onboard-wrap{padding:24px 14px}.onboard-card{padding:30px 22px}.splash-logo{font-size:38px}.top-bar{padding:10px 12px;gap:10px}.top-bar-right{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.top-bar-right::-webkit-scrollbar{display:none}.top-bar-right>*{flex-shrink:0}.top-bar .logo{flex-shrink:1}}