#landingPage :not(.brand-name):not(.brand-name-accent){font-family:Satoshi,-apple-system,sans-serif!important}#appShell :not(.brand-name):not(.brand-name-accent){font-family:Satoshi,-apple-system,sans-serif!important}:root{--bg:#121212;--bg-deep:#000000;--glass:#1B1B1B;--glass-strong:#242424;--glass-raised:rgba(255,255,255,.09);--white:#F5F3F0;--white-soft:rgba(245,243,240,.68);--white-faint:rgba(245,243,240,.42);--orange:#E8672E;--orange-soft:#F2905A;--orange-dim:rgba(232,103,46,.16);--orange-solid-dim:#3A2416;--line:rgba(255,255,255,.10);--line-soft:rgba(255,255,255,.06);--sage:#7BC79A;--danger:#E8776A;--gold:#D9B168;--violet:#9B8DE0}*{box-sizing:border-box}body{margin:0;background:var(--bg);background-attachment:fixed;color:var(--white);font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.mono{font-family:SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.03em}.wrap{max-width:1600px;margin:0 auto;padding:0 8px}.shell{display:flex;align-items:flex-start;min-height:100vh}.sidebar{width:220px;flex:none;position:sticky;top:16px;height:calc(100vh - 32px);margin:16px 0 16px 16px;padding:26px 18px;display:flex;flex-direction:column;gap:30px;background:#0a0a0a;border:1px solid rgba(255,255,255,.06);border-radius:18px;box-shadow:0 12px 32px rgba(0,0,0,.35);overflow-y:auto;overflow-x:hidden;transition:width .18s ease}.sidebar-collapse-btn{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:9px;background:rgba(255,255,255,.035);border:1px solid var(--line-soft);color:var(--white-faint);font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s,background .15s}.sidebar-collapse-btn:hover{color:var(--orange-soft);border-color:rgba(232,103,46,.35);background:rgba(232,103,46,.06)}.sidebar-collapse-icon{width:13px;height:13px;flex:none;transition:transform .18s}.sidebar.collapsed .sidebar-team-link{padding:10px 0}.sidebar.collapsed .sidebar-team-link-label{display:none}.sidebar.collapsed .sidebar-collapse-icon{transform:rotate(180deg)}.sidebar.collapsed .sidebar-collapse-btn{padding:10px 0}.sidebar.collapsed{width:72px;padding-left:14px;padding-right:14px}.sidebar.collapsed .account-card-text,.sidebar.collapsed .avatar-fun-fact,.sidebar.collapsed .brand-name,.sidebar.collapsed .side-link-label,.sidebar.collapsed .sidebar-collapse-label{display:none}.sidebar.collapsed .plan-card-mini{display:none!important}.sidebar.collapsed .brand{justify-content:center}.sidebar.collapsed .side-link{justify-content:center;padding:11px}.sidebar.collapsed .side-link.active{box-shadow:none;background:rgba(232,103,46,.16)}.sidebar.collapsed .side-badge{position:absolute;top:4px;right:4px;min-width:9px;width:9px;height:9px;padding:0;font-size:0}.sidebar.collapsed .account-card-static{justify-content:center}.sidebar.collapsed .account-box{display:flex;justify-content:center}.sidebar.collapsed .credits-card{display:flex!important;align-items:center;justify-content:center;background:0 0;border:none;padding:10px 0;min-height:120px}.sidebar.collapsed .credits-bar,.sidebar.collapsed .credits-label,.sidebar.collapsed .credits-reset{display:none}.sidebar.collapsed .side-link-icon{width:20px;height:20px}.sidebar.collapsed .credits-count{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;letter-spacing:.02em;font-size:15px;font-weight:700}.side-nav{display:flex;flex-direction:column;gap:3px}body.studio-editing .side-link:not(.active){opacity:.4;cursor:not-allowed}body.studio-editing .side-link:not(.active):hover{background:0 0;color:var(--white-soft)}body.studio-editing .account-logout-link{opacity:.4;cursor:not-allowed}.side-link{display:flex;align-items:center;gap:10px;background:0 0;border:none;position:relative;color:var(--white-soft);text-align:left;padding:10px 12px;border-radius:9px;font-size:14px;cursor:pointer;transition:.15s;font-family:inherit}.side-link-icon{width:16px;height:16px;flex:none;opacity:.85}.side-link-label{flex:1}.side-badge{margin-left:auto}.side-link:hover{background:rgba(255,255,255,.045);color:var(--white)}.side-link.active{background:rgba(232,103,46,.12);color:var(--orange-soft);font-weight:700;box-shadow:inset 2px 0 0 var(--orange)}.side-badge{background:var(--orange);color:#1a0f08;font-size:10px;font-weight:800;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:flex;align-items:center;justify-content:center}.account-box{padding-top:14px;border-top:1px solid var(--line-soft)}.account-email{font-size:11px;color:var(--white-soft);word-break:break-all}.credits-card{background:var(--glass);border:1px solid var(--line-soft);border-radius:10px;padding:12px 14px;margin-top:14px}.credits-label{font-size:10px;color:var(--white-faint);letter-spacing:.08em;margin-bottom:6px}.credits-count{font-size:20px;font-weight:700;color:var(--orange-soft);font-family:'Plus Jakarta Sans',-apple-system,sans-serif}.credits-of{font-size:11px;color:var(--white-faint);font-weight:400}.credits-bar{height:5px;border-radius:3px;background:var(--line);margin-top:8px;overflow:hidden}.credits-bar-fill{height:100%;background:var(--orange);border-radius:3px}.credits-reset{font-size:10px;color:var(--white-faint);margin-top:6px}.plan-card-mini{background:var(--glass);border:1px solid var(--line-soft);border-radius:10px;padding:12px 14px;margin-top:10px}.plan-label-mini{font-size:10px;color:var(--white-faint);letter-spacing:.08em;margin-bottom:4px}.plan-name-mini{font-size:14px;font-weight:700;color:var(--orange-soft)}.plan-price-mini{font-size:11px;color:var(--white-faint);margin:2px 0 8px}.btn-manage{width:100%;padding:7px 10px;font-size:11.5px}.account-card-static{width:100%;display:flex;align-items:flex-start;gap:10px;background:var(--glass);border:1px solid var(--line-soft);border-radius:10px;padding:10px;text-align:left}.avatar-fun-fact{font-size:10.5px;color:var(--orange-soft);line-height:1.4;margin-top:8px;padding:0 2px}.account-avatar{width:34px;height:34px;border-radius:50%;flex:none;background:var(--orange);display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-weight:700;font-size:14px;color:#1a0f08;cursor:pointer;overflow:hidden;position:relative;transition:box-shadow .18s ease}.account-avatar:hover{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--orange-soft)}.account-avatar img{width:100%;height:100%;object-fit:cover;display:block}.account-card-text{flex:1;min-width:0}.account-name{font-size:13px;font-weight:700;color:var(--white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-email{font-size:10.5px;color:var(--white-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-logout-link{background:0 0;border:none;padding:0;margin-top:5px;font-size:11px;font-weight:600;color:var(--orange-soft);cursor:pointer}.account-logout-link:hover{text-decoration:underline}.login-modal-backdrop{position:fixed;inset:0;background:rgba(8,8,9,.65);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.login-modal{background:rgba(255,255,255,.06);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(232,103,46,.35);border-radius:16px;padding:28px;max-width:360px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 22px 1px rgba(232,103,46,.2)}.login-modal h2{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:20px;font-weight:700;margin:0 0 8px;color:var(--white)}.login-modal p{font-size:12px;color:var(--white-faint);margin:0 0 16px;line-height:1.5}.login-input{width:100%;border:1px solid var(--line);background:var(--glass);color:var(--white);border-radius:8px;padding:10px 12px;font-size:13.5px;margin-bottom:10px;font-family:inherit}.login-input::placeholder{color:var(--white-faint)}.login-modal-actions{display:flex;gap:10px;margin-top:6px}.login-modal-actions button{flex:1}.templates-modal{max-width:640px;max-height:82vh;display:flex;flex-direction:column}.templates-list{overflow-y:auto;flex:1;margin-top:6px;padding-right:4px}.template-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px;margin-bottom:10px}.template-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:10px}.template-card-title{font-size:12.5px;font-weight:700;color:var(--white)}.template-copy-btn{flex:none;background:var(--glass);border:1px solid var(--line);color:var(--white-faint);font-size:11px;padding:5px 12px;border-radius:7px;cursor:pointer;transition:all .15s ease}.template-copy-btn:hover{border-color:rgba(232,103,46,.4);color:var(--orange-soft)}.template-copy-btn.copied{background:var(--orange-dim);border-color:rgba(232,103,46,.35);color:var(--orange-soft)}.template-card-body{font-size:12px;color:var(--white-soft);line-height:1.55;white-space:pre-wrap}.editor-tools-checkbox{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--white-soft);cursor:pointer}.editor-tools-checkbox input{accent-color:var(--orange);cursor:pointer;width:16px;height:16px;flex:none}
.editor-job-status.paid{background:rgba(123,199,138,.1);color:var(--sage);border-color:rgba(123,199,138,.3)}.confirm-modal-backdrop{position:fixed;inset:0;background:rgba(8,8,9,.65);display:flex;align-items:center;justify-content:center;z-index:60;padding:20px}.confirm-modal{background:rgba(255,255,255,.06);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(232,103,46,.4);border-radius:16px;padding:26px;max-width:380px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 22px 2px rgba(232,103,46,.25)}.confirm-modal h2{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:17px;font-weight:700;margin:0 0 10px;color:var(--white)}.confirm-modal p{font-size:12.5px;color:var(--white-faint);margin:0;line-height:1.6}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:18px;margin-top:20px}.confirm-modal-actions button{background:0 0;border:none;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:6px 4px}.confirm-modal-cancel{color:var(--white-faint)}.confirm-modal-cancel:hover{color:var(--white)}.confirm-modal-ok{color:var(--orange)}.confirm-modal-ok:hover{color:var(--orange-soft)}.auth-modal{position:relative;padding-top:20px}.auth-modal-close{position:absolute;top:14px;right:14px;background:0 0;border:none;color:var(--white-faint);font-size:15px;cursor:pointer;padding:4px}.auth-modal-close:hover{color:var(--white)}.auth-panel-text{font-size:12.5px;color:var(--white-faint);line-height:1.5;margin:0 0 14px}.auth-error{font-size:12px;color:var(--danger);background:rgba(232,119,106,.1);border:1px solid rgba(232,119,106,.3);border-radius:8px;padding:8px 10px;margin-top:2px}.auth-forgot-link{display:block;width:100%;text-align:center;background:0 0;border:none;color:var(--white-faint);font-size:11.5px;margin-top:12px;cursor:pointer}.auth-forgot-link:hover{color:var(--orange-soft);text-decoration:underline}.auth-modal-brand{display:flex;align-items:center;gap:10px;margin-bottom:16px}.auth-modal-icon{width:36px;height:36px;border-radius:10px;box-shadow:0 4px 14px rgba(232,103,46,.35)}.auth-modal-name{font-family:Fredoka,-apple-system,sans-serif;font-weight:700;font-size:17px;color:var(--white);letter-spacing:-.01em}.auth-modal-tag{font-size:8px;color:#9599b8;letter-spacing:.04em;margin-top:2px}.auth-modal-badge{display:inline-flex;align-items:center;gap:6px;background:var(--orange-dim);border:1px solid rgba(232,103,46,.3);color:var(--orange-soft);font-size:11px;font-weight:700;padding:6px 12px;border-radius:20px;margin-bottom:18px}.auth-modal-h2{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:19px;font-weight:800;margin:0 0 4px;color:var(--white)}.auth-modal-sub{font-size:12px;color:var(--white-faint);margin:0 0 16px}.auth-field-label{display:block;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--white-faint);margin:0 0 5px}.auth-switch{text-align:center;font-size:12px;color:var(--white-faint);margin-top:16px}.auth-switch-link{background:0 0;border:none;color:var(--orange-soft);font-size:11px;font-weight:600;cursor:pointer;padding:0}.auth-switch-link:hover{text-decoration:underline}.auth-terms-row{display:flex;align-items:flex-start;gap:8px;margin:10px 0 6px;cursor:pointer}.auth-terms-row input[type=checkbox]{margin-top:2px;flex:none;accent-color:var(--orange)}.auth-terms-row span{font-size:11px;color:var(--white-faint);line-height:1.5}.auth-legal-link{background:0 0;border:none;padding:0;color:var(--orange-soft);font-size:11px;text-decoration:underline;cursor:pointer;font-family:inherit}.auth-or-divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--white-faint);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.auth-or-divider::after,.auth-or-divider::before{content:"";flex:1;height:1px;background:var(--line-soft)}.auth-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f1f1f;border:none;border-radius:9px;padding:11px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit}.auth-google-btn:hover{background:#f2f2f2}.top-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 0}.notif-wrap{position:relative}.bell-btn{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:var(--white-soft);width:38px;height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.06);transition:border-color .2s ease,box-shadow .2s ease,color .2s ease,transform .15s ease}.bell-btn:hover{border-color:rgba(232,103,46,.4);color:var(--orange-soft);box-shadow:0 2px 14px rgba(0,0,0,.3),0 0 16px 1px rgba(232,103,46,.18),inset 0 1px 0 rgba(255,255,255,.08);transform:translateY(-1px)}.bell-icon{width:16.5px;height:16.5px}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;padding:0 4px;background:var(--orange);color:#1a0f08;border-radius:999px;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;z-index:30;max-height:400px;overflow-y:auto;padding:0;background:rgba(18,19,21,.92);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 48px rgba(0,0,0,.55)}.notif-dropdown-head{font-size:12.5px;font-weight:700;color:var(--white);padding:14px 16px;border-bottom:1px solid var(--line-soft)}.notif-list{display:flex;flex-direction:column;padding:6px}.notif-item{padding:11px 12px;border-radius:10px;margin-bottom:2px;background:rgba(255,255,255,.03)}.notif-item.clickable{cursor:pointer}.notif-item.clickable:hover{background:var(--glass-strong)}.notif-item.unread{background:rgba(232,103,46,.13);border:1px solid rgba(232,103,46,.25)}.notif-message{font-size:13px;color:var(--white);line-height:1.45;font-weight:500}.notif-time{font-size:10.5px;color:var(--white-faint);margin-top:4px}.notif-empty{padding:24px 16px;font-size:12.5px;color:var(--white-faint);text-align:center}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--white-faint);padding:10px 12px;border-bottom:1px solid var(--line)}.admin-table td{padding:12px;border-bottom:1px solid var(--line-soft);color:var(--white-soft)}.admin-table tr:last-child td{border-bottom:none}.admin-mask-toggle{background:0 0;border:none;cursor:pointer;padding:3px;margin-left:2px;opacity:.5;transition:opacity .15s,color .15s;vertical-align:middle;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;color:var(--white-faint)}.admin-mask-toggle svg{width:14px;height:14px}.admin-mask-toggle:hover{opacity:.9}.admin-mask-toggle.active{opacity:1;color:var(--orange-soft)}.admin-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}.admin-badge.active{background:rgba(123,199,138,.18);color:var(--sage)}.admin-badge.trial{background:rgba(232,144,90,.18);color:var(--orange-soft)}.admin-badge.canceled,.admin-badge.past_due{background:rgba(232,119,106,.18);color:var(--danger)}.admin-you-badge{display:inline-block;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:700;background:var(--orange-dim);color:var(--orange-soft);letter-spacing:.05em;vertical-align:middle}.admin-delete-btn{background:0 0;border:1px solid rgba(232,119,106,.35);color:var(--danger);font-size:11px;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.admin-delete-btn:hover{background:rgba(232,119,106,.12);border-color:var(--danger)}.admin-delete-btn:disabled{opacity:.5;cursor:default}.admin-clear-flag-btn{background:0 0;border:1px solid rgba(232,103,46,.35);color:var(--orange-soft);font-size:11px;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.admin-clear-flag-btn:hover{background:rgba(232,103,46,.12);border-color:var(--orange)}.admin-clear-flag-btn:disabled{opacity:.5;cursor:default}.admin-gift-btn{background:0 0;border:1px solid rgba(120,200,150,.35);color:#7bc896;font-size:11px;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.admin-gift-btn:hover{background:rgba(120,200,150,.12);border-color:#7bc896}.admin-gift-btn:disabled{opacity:.5;cursor:default}.admin-message-btn{background:0 0;border:1px solid rgba(120,150,220,.35);color:#8fa8e8;font-size:11px;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.admin-message-btn:hover{background:rgba(120,150,220,.12);border-color:#8fa8e8}.admin-message-btn:disabled{opacity:.5;cursor:default}.admin-cancel-sub-btn{background:0 0;border:1px solid rgba(232,119,106,.35);color:var(--danger);font-size:11px;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.admin-cancel-sub-btn:hover{background:rgba(232,119,106,.12);border-color:var(--danger)}.admin-cancel-sub-btn:disabled{opacity:.5;cursor:default}.admin-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px}.support-new-ticket{background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:28px}.support-form-label{font-size:10px;color:var(--white-faint);letter-spacing:.08em;margin-bottom:10px}.support-tickets-head{font-size:19px;font-weight:700;color:var(--white);margin-bottom:14px}.support-split{display:block}.support-split.split-layout{display:grid;grid-template-columns:280px minmax(0,640px);gap:18px;align-items:start;max-width:960px;margin:0 auto}.support-split.split-layout.admin-3col{grid-template-columns:190px 300px minmax(0,460px) minmax(240px,1fr);gap:14px;max-width:1240px;margin:0}.support-actions-row{display:flex;justify-content:flex-end;gap:8px;margin-bottom:10px;max-width:960px}.support-actions-row.admin-actions{max-width:1240px;margin-left:0;margin-right:0}.support-sidebar-col{display:none;flex-direction:column;gap:4px;height:620px;overflow-y:auto;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px;position:sticky;top:0}.support-sidebar-btn{display:flex;align-items:center;justify-content:space-between;gap:6px;background:0 0;border:none;color:var(--white-faint);text-align:left;font-size:12px;padding:9px 10px;border-radius:8px;cursor:pointer;transition:all .15s ease}.support-sidebar-btn:hover{background:rgba(255,255,255,.05);color:var(--white-soft)}.support-sidebar-btn.active{background:linear-gradient(155deg,var(--orange),var(--orange-soft));color:#1a0f08;font-weight:700}.support-sidebar-btn svg{width:15px;height:15px;flex:none}.support-sidebar-count{font-size:10px;color:var(--white-faint);background:rgba(255,255,255,.06);padding:1px 7px;border-radius:999px;flex:none}.support-sidebar-btn.active .support-sidebar-count{background:rgba(26,15,8,.25);color:#1a0f08}.support-list-wrap{display:flex;flex-direction:column;gap:8px;min-width:0;height:620px}.btn-primary.ticket-send-btn{width:38px;height:38px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box}.ticket-send-btn svg{width:16px;height:16px}.support-search-input{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:9px;color:var(--white);font-size:12px;padding:9px 12px 9px 34px;width:100%;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23A8A6A0' stroke-width='1.6'%3E%3Ccircle cx='9' cy='9' r='6'/%3E%3Cline x1='13.5' y1='13.5' x2='17.5' y2='17.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:11px center;background-size:14px}.support-search-input::placeholder{color:var(--white-faint)}.support-search-input:focus{outline:0;border-color:rgba(232,103,46,.35)}.client-panel-avatar{width:52px;height:52px;border-radius:50%;flex:none;overflow:hidden;background:var(--orange);color:#1a0f08;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-weight:700;font-size:19px;box-shadow:0 2px 8px rgba(232,103,46,.25);margin:0 auto 10px}.client-panel-avatar img{width:100%;height:100%;object-fit:cover;display:block}.client-panel-stat{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:12px}.client-panel-stat:last-child{border-bottom:none}.client-panel-stat-label{color:var(--white-faint)}.client-panel-stat-value{color:var(--white);font-weight:600}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--white-faint);flex:none}.online-dot.online{background:var(--sage);box-shadow:0 0 6px 1px rgba(123,199,138,.5)}.support-list-col{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.support-thread-col{background:rgba(255,255,255,.035);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:16px;height:620px;overflow-y:auto;position:sticky;top:0;box-shadow:0 0 0 1px rgba(232,103,46,.05),0 0 26px 0 rgba(232,103,46,.06),0 10px 30px rgba(0,0,0,.3)}.support-thread-empty{color:var(--white-faint);font-size:13px;text-align:center;padding:60px 20px}.ticket-card.selected{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.05);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 4px 18px rgba(0,0,0,.25)}.ticket-card.selected .ticket-summary{background:rgba(255,255,255,.03)}.ticket-card{background:rgba(255,255,255,.03);backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%);border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:10px;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .12s ease}.ticket-card:hover{border-color:rgba(255,255,255,.16);transform:translateY(-1px)}.ticket-summary{padding:11px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.ticket-summary:hover{background:rgba(255,255,255,.03)}.ticket-summary-text{flex:1;min-width:0}.ticket-client-avatar{width:26px;height:26px;border-radius:50%;flex:none;overflow:hidden;background:var(--orange);color:#1a0f08;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-weight:700;font-size:11px;box-shadow:0 2px 8px rgba(232,103,46,.25)}.ticket-client-avatar img{width:100%;height:100%;object-fit:cover;display:block}.ticket-subject{font-size:13px;font-weight:700;color:var(--white)}.ticket-unread-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:2px;box-shadow:0 0 6px 1px rgba(232,103,46,.6)}.ticket-meta{font-size:11px;color:var(--white-faint);margin-top:2px}.ticket-status-badge{font-size:10px;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;flex:none}.ticket-status-badge.open{background:rgba(123,199,138,.18);color:var(--sage)}.ticket-status-badge.closed{background:rgba(255,255,255,.08);color:var(--white-faint)}.ticket-thread{display:none;border-top:1px solid var(--line-soft);padding:16px}.ticket-thread.open{display:block}.ticket-msg{margin-bottom:4px;max-width:70%}.ticket-msg.self{margin-left:auto}.ticket-msg-bubble{display:inline-block;padding:5px 9px;border-radius:11px;font-size:12px;line-height:1.35;box-shadow:0 2px 10px rgba(0,0,0,.15);border-bottom-left-radius:3px;white-space:pre-wrap;word-break:break-word}.ticket-msg.self .ticket-msg-bubble{border-bottom-left-radius:12px;border-bottom-right-radius:3px}.ticket-msg.client .ticket-msg-bubble{background:rgba(255,255,255,.06);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);color:var(--white-soft);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 10px rgba(0,0,0,.15)}.ticket-msg.admin .ticket-msg-bubble{background:linear-gradient(155deg,rgba(232,103,46,.22),rgba(232,103,46,.1));color:var(--orange-soft);border:1px solid rgba(232,103,46,.25)}.ticket-msg-time{font-size:9px;color:var(--white-faint);margin-top:1px}.ticket-msg-bubble img{display:block;max-width:220px;max-height:220px;width:100%;height:auto;border-radius:8px;margin-top:6px;cursor:pointer}.ticket-msg-expired-photo{font-size:11px;color:var(--white-faint);font-style:italic;margin-top:6px}.ticket-msg-bubble a{color:inherit;text-decoration:underline}.ticket-reply-row{position:relative}.ticket-attach-btn{flex:none;align-self:flex-end;width:36px;height:36px;border-radius:8px;background:var(--glass);border:1px solid var(--line);color:var(--white-faint);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,color .15s ease}.ticket-attach-btn:hover{border-color:rgba(232,103,46,.4);color:var(--orange-soft)}.ticket-attach-menu{position:absolute;bottom:calc(100% + 8px);left:0;z-index:10;min-width:170px;background:rgba(255,255,255,.06);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.35);display:none}.ticket-attach-menu.open{display:block}.ticket-attach-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:7px;background:0 0;border:none;color:var(--white-soft);font-size:12.5px;font-family:inherit;cursor:pointer;text-align:left}.ticket-attach-option:hover{background:rgba(255,255,255,.06)}.ticket-attach-link-row{display:flex;gap:6px;padding:6px}.ticket-attach-link-row input{flex:1;font-size:12px;border:1px solid var(--line);background:var(--glass);color:var(--white);border-radius:6px;padding:6px 8px;font-family:inherit}.ticket-attach-link-row button{flex:none;font-size:11px;padding:0 10px}.support-attach-row{display:flex;align-items:center;gap:10px;margin-top:8px}.support-attach-btn{background:0 0;border:1px solid var(--line);color:var(--white-faint);font-size:12px;font-family:inherit;padding:6px 12px;border-radius:7px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.support-attach-btn:hover{border-color:rgba(232,103,46,.4);color:var(--orange-soft)}.support-attach-remove{background:0 0;border:none;color:var(--white-faint);font-size:12px;cursor:pointer;padding:2px 4px}.support-attach-remove:hover{color:var(--danger)}.support-tickets-head-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.support-tickets-head-row .support-tickets-head{margin-bottom:0}.support-bulk-bar{display:flex;align-items:center;justify-content:space-between;background:rgba(232,103,46,.08);border:1px solid rgba(232,103,46,.25);border-radius:9px;padding:9px 14px;margin-bottom:12px;font-size:12.5px;color:var(--orange-soft)}.ticket-select-checkbox{width:17px;height:17px;flex:none;accent-color:var(--orange);cursor:pointer;margin-right:2px}.group-member-list{max-height:220px;overflow-y:auto;border:1px solid var(--line);border-radius:8px;margin-top:10px;padding:6px}.group-member-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:pointer;font-size:12.5px;color:var(--white-soft)}.group-member-row:hover{background:rgba(255,255,255,.04)}.group-member-row input{accent-color:var(--orange);cursor:pointer}.group-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--orange-soft);background:rgba(232,103,46,.14);border:1px solid rgba(232,103,46,.3);border-radius:999px;padding:2px 8px;margin-right:6px;vertical-align:1px}.ticket-reply-row{display:flex;gap:8px;margin-top:14px}.ticket-reply-row textarea{flex:1;min-height:44px;resize:vertical}.ticket-reply-row button{flex:none;align-self:flex-end}.ticket-close-row{margin-top:10px;display:flex;justify-content:flex-end;gap:8px}.ticket-close-row button{font-size:11px;padding:6px 12px}.ticket-delete-btn{background:0 0;border:1px solid rgba(232,119,106,.35);color:var(--danger);font-size:11px;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.ticket-delete-btn:hover{background:rgba(232,119,106,.12);border-color:var(--danger)}.ticket-delete-btn:disabled{opacity:.5;cursor:default}.admin-stat{background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.admin-stat-label{font-size:10px;color:var(--white-faint);letter-spacing:.08em;margin-bottom:6px}.admin-stat-value{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:26px;font-weight:700;color:var(--orange-soft)}.admin-wrap{background:var(--glass);border:1px solid var(--line);border-radius:14px;overflow:hidden}.locked-panel{background:var(--glass);border:1px solid var(--line);border-radius:16px;padding:48px 30px;text-align:center;max-width:420px;margin:20px auto 60px}.locked-panel h2{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:22px;font-weight:700;margin:0 0 10px;color:var(--white)}.locked-panel p{font-size:13.5px;color:var(--white-soft);margin:0 0 18px}.content{flex:1;min-width:0;padding:0 28px}.brand{display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:5;flex:none}.brand-text-col{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0}.brand-full-lockup{width:100%;max-width:184px;height:auto;display:block}
#appShell .sidebar .brand-mark-r{display:none}
#appShell .sidebar.collapsed .brand-mark-r{display:block}
#appShell .sidebar.collapsed .brand-full-lockup{display:none}
.auth-modal-lockup{width:230px;max-width:100%;height:auto;display:block}.brand-nav-lockup{height:44px;width:auto;display:block}.brand-mark-r{width:40px;height:40px;border-radius:11px;flex:none;object-fit:cover;display:block;box-shadow:0 4px 14px rgba(232,103,46,.35)}.brand-name{font-family:Fredoka,-apple-system,"Helvetica Neue",Arial,sans-serif;font-size:23px;font-weight:700;letter-spacing:-.02em;color:var(--white);line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.35)}.brand-name .brand-name-accent{background:linear-gradient(135deg,#f2905a 0,var(--orange) 55%,#b84a1e 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.brand-tag{font-family:Manrope,-apple-system,"Helvetica Neue",Arial,sans-serif;font-size:4px;color:#9599b8;text-transform:uppercase;letter-spacing:0;line-height:1.5;font-weight:600;white-space:nowrap}nav .right{font-size:12px;color:var(--white-faint)}header.hero{padding:44px 0}h1{font-family:Satoshi,-apple-system,sans-serif;font-weight:900;font-size:46px;letter-spacing:-.02em;line-height:1.06;margin:0 0 16px;max-width:660px;color:var(--white)}h1 em{font-style:normal;color:var(--orange-soft)}.sub{font-size:16px;color:var(--white-soft);max-width:520px;margin:0 0 32px}.presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.chip.active{border-color:var(--orange);color:var(--orange-soft);background:var(--orange-solid-dim);font-weight:600}.sky-global-panel{background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.sky-global-hint{font-size:11px;color:var(--white-faint)}.ai-studio-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.ai-studio-chip.selected{border-color:var(--orange);color:var(--orange-soft);background:var(--orange-solid-dim);font-weight:600}.tool-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:12px}.tool-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:14px 4px;cursor:pointer;transition:.15s;min-width:0}.tool-tile:hover{border-color:var(--orange-soft)}.tool-tile.selected{border-color:var(--orange);background:var(--orange-solid-dim);box-shadow:0 0 0 1px var(--orange) inset}.tool-icon{font-size:20px;line-height:1}.tool-label{font-size:11px;font-weight:600;color:var(--white-soft);text-align:center;line-height:1.3}.tool-tile.selected .tool-label{color:var(--orange-soft)}.ai-studio-hint{font-size:11px;color:var(--white-faint);margin-bottom:20px}@media (max-width:700px){.tool-grid{grid-template-columns:repeat(4,1fr)}}.ai-generate-row{background:var(--glass);border:1px solid var(--line);border-radius:10px;padding:12px;margin-top:4px}#dropzone{border:1.5px dashed var(--line);border-radius:16px;background:var(--glass);padding:22px;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;margin-bottom:40px;position:relative;overflow:hidden}#dropzone.drag{border-color:var(--orange);background:var(--orange-dim);transform:scale(1.01);box-shadow:0 0 0 4px rgba(232,103,46,.15),0 20px 50px rgba(232,103,46,.2)}#dropzoneEmpty{padding:32px 20px;text-align:center;cursor:pointer;position:relative;z-index:1}.dz-bg-photo{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;opacity:.06;filter:grayscale(.3);pointer-events:none}#dropzoneEmpty .dz-title{font-size:15px;font-weight:600;margin-bottom:4px;color:var(--white)}#dropzoneEmpty .dz-sub{font-size:13px;color:var(--white-faint)}.dz-trust{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;font-size:11.5px;color:var(--white-faint)}.dz-trust-sep{color:var(--line)}#fileInput{display:none}.dz-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;font-size:14px;margin-bottom:10px}.tool-pill-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:16px 0 12px}.tool-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;background:var(--glass-strong);border:1px solid var(--line);color:var(--white-soft);font-size:12.5px;font-weight:600;cursor:pointer;transition:.15s}.tool-pill .tool-icon{font-size:14px}.tool-pill:hover{border-color:var(--orange-soft)}.tool-pill.selected{border-color:var(--orange);background:var(--orange-solid-dim);color:var(--orange-soft)}.card-tool-pill-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px}.card-section-label{font-size:10px;color:var(--orange-soft);letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.card-section-divider{border:none;border-top:1px solid var(--line-soft);margin:14px 0}.adjust-panel{background:rgba(0,0,0,.2);border:1px solid var(--line-soft);border-radius:10px;padding:12px 14px 8px;margin-bottom:10px}.adjust-panel.collapsed{padding-bottom:12px}.adjust-panel-head{font-size:10px;color:var(--orange-soft);letter-spacing:.08em;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none}.adjust-panel.collapsed .adjust-panel-head{margin-bottom:0}.adjust-panel-chevron{transition:transform .18s ease;color:var(--white-faint)}.adjust-panel.collapsed .adjust-panel-chevron{transform:rotate(-90deg)}.adjust-panel-body{overflow:hidden}.adjust-panel.collapsed .adjust-panel-body{display:none}.adjust-row{margin-bottom:9px}.adjust-row-label{display:flex;justify-content:space-between;font-size:12px;color:var(--white-soft);margin-bottom:3px}.adjust-row-value{color:var(--white-faint);min-width:28px;text-align:right}.adjust-slider{-webkit-appearance:none;appearance:none;width:100%;height:2px;border-radius:2px;background:var(--line);outline:0;cursor:pointer}.adjust-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:var(--orange);border:1.5px solid var(--white);cursor:pointer}.adjust-slider::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--orange);border:1.5px solid var(--white);cursor:pointer}.adjust-reset-btn{width:100%;font-size:11px;padding:5px;margin-top:2px;margin-bottom:2px}.crop-aspect-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.crop-aspect-btn{background:#222;border:1px solid #333;border-radius:7px;padding:9px 8px;font-size:11.5px;color:var(--white-soft);text-align:center;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.crop-aspect-btn:hover{background:#282828;border-color:#3d3d3d}.crop-aspect-btn.selected{background:rgba(232,103,46,.14);border-color:var(--orange);color:var(--orange-soft);font-weight:700}.crop-btn-row{display:flex;gap:8px}.crop-btn-row button{flex:1}.build-on-current-row{display:flex;align-items:flex-start;gap:8px;margin-top:8px;padding:8px 10px;background:rgba(0,0,0,.18);border:1px solid var(--line-soft);border-radius:8px;font-size:11px;color:var(--white-faint);cursor:pointer;line-height:1.4}.build-on-current-row input{margin-top:2px;flex:none;accent-color:var(--orange);cursor:pointer}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;gap:12px;flex-wrap:wrap}.count{font-size:13px;color:var(--white-faint)}.cost-estimate{font-size:11px;color:var(--orange-soft);margin-top:3px}.toolbar-disclaimer{font-size:11px;color:var(--white-faint);line-height:1.5;max-width:420px;text-align:center}button{font-family:inherit;cursor:pointer}.btn-primary{background:var(--orange);color:#1a0f08;border:none;padding:11px 22px;border-radius:9px;font-size:14px;font-weight:700;letter-spacing:.01em;box-shadow:0 8px 22px rgba(232,103,46,.3);transition:.15s}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 10px 26px rgba(232,103,46,.42)}.btn-primary:disabled{background:rgba(255,255,255,.1);color:var(--white-faint);box-shadow:none;cursor:not-allowed}.btn-ghost{background:var(--glass);border:1px solid var(--line);color:var(--white);padding:10px 16px;border-radius:9px;font-size:13px;transition:.15s}.btn-ghost:hover{border-color:var(--orange-soft);color:var(--orange-soft)}#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}body.on-studio-tab .content{padding:0 12px}body.on-studio-tab .wrap{max-width:none;padding:0;margin:0}.editor-layout{display:flex;gap:0;align-items:stretch}.lr-topbar{display:flex;align-items:center;justify-content:space-between;background:#181818;border:1px solid #2a2a2a;border-bottom:none;border-radius:0;padding:10px 16px}body.studio-editing #photoEditor{outline:2px solid rgba(232,103,46,.55);outline-offset:0;border-radius:0}.lr-topbar-title{font-size:15px;font-weight:700;letter-spacing:.12em;color:var(--orange-soft)}.lr-add-btn{background:#2a2a2a;border:1px solid #3a3a3a;color:var(--white-soft);font-size:11.5px;font-weight:600;padding:6px 13px;border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s}.lr-add-btn:hover{background:#333;border-color:var(--orange-soft);color:var(--white)}.lr-add-btn:disabled{opacity:.4;cursor:not-allowed}.lr-add-btn:disabled:hover{background:#2a2a2a;border-color:#3a3a3a;color:var(--white-soft)}.lr-layout{border:1px solid #2a2a2a;border-top:none;background:#141414}.lr-adjust-host{width:220px;flex:none;background:#0a0a0a;border-right:1px solid #2a2a2a;padding:14px;overflow-y:auto;align-self:stretch}.lr-adjust-host:empty{display:none}.lr-adjust-host .adjust-panel{margin-bottom:0;background:0 0;border:none;padding:0}.lr-panel-label{font-size:10px;letter-spacing:.1em;color:var(--white-faint);text-transform:uppercase;padding:4px 8px 10px}.lr-tool-btn{display:flex;align-items:center;gap:6px;width:100%;text-align:left;background:#222;border:1px solid #333;color:var(--white-soft);font-size:11.5px;font-family:inherit;padding:9px 8px;border-radius:7px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.25);margin-bottom:2px;transition:background .15s,border-color .15s,transform .1s}.lr-tool-btn:hover{background:#282828;border-color:#3d3d3d;transform:translateY(-1px)}.lr-tool-btn:active{transform:translateY(0)}.lr-tool-btn.selected{background:rgba(232,103,46,.14);border-color:var(--orange);color:var(--orange-soft);font-weight:600}.lr-tool-icon{font-size:13px;flex:none}.lr-tool-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lr-tool-cost{font-size:9px;color:var(--white-faint);flex:none}.lr-tool-btn.selected .lr-tool-cost{color:var(--orange-soft)}.lr-upload-placeholder{width:100%;min-height:62vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#141414;text-align:center;padding:24px}.lr-upload-placeholder .dz-sub{color:var(--white-faint);font-size:13px}.lr-upload-placeholder .dz-trust{color:var(--white-faint);font-size:11.5px;margin-top:4px}#editorFilmstrip:empty{display:none}.lr-toolbar{margin:0;padding:14px 16px;background:#181818;border:1px solid #2a2a2a;border-top:none;border-radius:0}.lr-filmstrip{border-radius:0}.lr-filmstrip{display:flex;flex-direction:column;width:96px;flex:none;max-height:none;overflow-y:auto;overflow-x:hidden;align-self:stretch;background:#141414;border-right:1px solid #2a2a2a;border-radius:0;padding:14px 10px;gap:10px;align-items:center}.filmstrip-thumb{width:100%;aspect-ratio:1/1;border-radius:9px;overflow:hidden;cursor:pointer;border:2px solid transparent;position:relative;flex:none;background:var(--bg-deep);transition:border-color .15s,transform .15s}.filmstrip-thumb img{width:100%;height:100%;object-fit:cover;display:block}.filmstrip-thumb:hover{transform:scale(1.04)}.filmstrip-thumb.active{border-color:var(--orange)}.filmstrip-thumb-badge{position:absolute;bottom:4px;right:4px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px}.filmstrip-thumb-badge.done{background:var(--sage)}.filmstrip-thumb-badge.working{background:var(--orange)}.filmstrip-thumb-badge.err{background:var(--danger)}.filmstrip-thumb-delete{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.2);color:var(--white-soft);opacity:0;transition:opacity .15s,background .15s,border-color .15s,color .15s;cursor:pointer;padding:0}.filmstrip-thumb-delete svg{width:11px;height:11px}.filmstrip-thumb:hover .filmstrip-thumb-delete{opacity:1}.filmstrip-thumb-delete:hover{background:var(--danger);border-color:var(--danger);color:#fff}.filmstrip-thumb-ghost{width:100%;aspect-ratio:1/1;border-radius:9px;flex:none;cursor:pointer;background:rgba(255,255,255,.03);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1.5px dashed rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.22);transition:border-color .15s,background .15s,color .15s}.filmstrip-thumb-ghost svg{width:18px;height:18px}.filmstrip-thumb-ghost:hover{border-color:rgba(232,103,46,.5);background:rgba(232,103,46,.06);color:var(--orange-soft)}.editor-main{flex:1;min-width:0}.editor-main .card{cursor:default}.editor-main .card:hover{transform:none}.editor-main .card.big-editor-card{flex-direction:row;align-items:center;border-radius:0;border:none;box-shadow:none}.editor-main .card.big-editor-card:hover{transform:none;box-shadow:none}.editor-main .card.big-editor-card.working{animation:none;border-color:transparent;box-shadow:none}.editor-main .card.big-editor-card .compare{flex:0 1 auto;width:auto;height:70vh;max-width:100%;border-radius:0;background:#141414;display:flex;align-items:center;justify-content:center;margin:0 auto;overflow:hidden}.editor-main .card.big-editor-card .compare canvas,.editor-main .card.big-editor-card .compare img{object-fit:contain;width:100%;height:100%}.editor-main .card.big-editor-card .card-body{flex:1;min-width:300px;max-width:500px;overflow-y:auto;align-self:stretch;border-left:1px solid #2a2a2a;background:#0a0a0a}@media (max-width:900px){.lr-layout{flex-direction:column}.editor-main .card.big-editor-card{flex-direction:column}.editor-main .card.big-editor-card .compare{width:auto;height:50vh}.editor-main .card.big-editor-card .card-body{max-width:none;min-width:0;border-left:none;border-top:1px solid var(--line-soft)}}.card{background:var(--glass);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.35);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.16);box-shadow:0 18px 40px rgba(0,0,0,.45)}.card.working{border-color:rgba(232,103,46,.45);animation:cardPulse 1.8s ease-in-out infinite}@keyframes cardPulse{0%,100%{box-shadow:0 12px 32px rgba(0,0,0,.35),0 0 0 0 rgba(232,103,46,.25)}50%{box-shadow:0 12px 32px rgba(0,0,0,.35),0 0 0 5px rgba(232,103,46,.08)}}.compare{position:relative;width:100%;aspect-ratio:4/3;background:var(--bg-deep);overflow:hidden}.compare canvas,.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.compare.processing canvas,.compare.processing img{animation:processingBlur 1.6s ease-in-out infinite}.compare.processing::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:rgba(232,103,46,.16);animation:processingPulse 1.4s ease-in-out infinite}@keyframes processingBlur{0%,100%{filter:blur(0px);opacity:1}50%{filter:blur(7px);opacity:.6}}@keyframes processingPulse{0%,100%{opacity:.3}50%{opacity:.75}}.progress-ring-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none}.progress-ring-svg{width:88px;height:88px;transform:rotate(-90deg);filter:drop-shadow(0 2px 10px rgba(0,0,0,.5))}.progress-ring-track{fill:none;stroke:rgba(255,255,255,.18);stroke-width:7}.progress-ring-fill{fill:none;stroke:var(--orange);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset .12s linear}.progress-ring-text{position:absolute;font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-weight:700;font-size:18px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);letter-spacing:-.02em}.after-layer{clip-path:inset(0 0 0 50%)}.slider-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--white);box-shadow:0 0 0 1px rgba(0,0,0,.35);pointer-events:none}.slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:var(--white);border:2px solid var(--orange);pointer-events:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.35)}.slider-handle::before{content:"◂ ▸";font-size:10px;color:var(--orange);letter-spacing:1px}input[type=range].compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.tag{position:absolute;top:10px;font-size:10.5px;padding:3px 9px;border-radius:5px;background:rgba(16,17,19,.75);color:#fff;letter-spacing:.07em;text-transform:uppercase}.tag.before{left:10px}.tag.after{right:10px;background:rgba(232,103,46,.88);color:#1a0f08;font-weight:700}.card-body{padding:15px 16px 16px;display:flex;flex-direction:column;gap:10px}.filename{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--white)}.photo-counter{font-size:10.5px;color:var(--white-faint);letter-spacing:.04em;margin-top:-4px}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;width:fit-content;letter-spacing:.02em;background:rgba(255,255,255,.06);color:var(--white-faint);border:1px solid var(--line-soft)}.status-badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.status-badge.done{background:rgba(123,199,138,.12);color:var(--sage);border-color:rgba(123,199,138,.3)}.status-badge.err{background:rgba(232,119,106,.12);color:var(--danger);border-color:rgba(232,119,106,.3)}.status-badge.working{background:var(--orange-dim);color:var(--orange-soft);border-color:rgba(232,103,46,.35)}.status-badge.working .dot{animation:dotPulse 1s ease-in-out infinite}.upgrade-prompt{background:var(--orange-dim);border:1px solid rgba(232,103,46,.35);border-radius:10px;padding:12px 14px;margin-bottom:10px}.upgrade-prompt-title{font-size:13px;font-weight:700;color:var(--white);margin-bottom:3px}.upgrade-prompt-desc{font-size:11.5px;color:var(--white-soft);line-height:1.5}@keyframes dotPulse{0%,100%{opacity:1}50%{opacity:.3}}.exif{font-size:10.5px;color:var(--white-soft);display:flex;flex-wrap:wrap;gap:6px 12px;padding:9px 10px;background:rgba(0,0,0,.2);border-radius:7px;border:1px solid var(--line-soft)}.exif span b{color:var(--orange-soft)}.override{width:100%;font-size:12.5px;border:1px solid var(--line);border-radius:7px;padding:8px 10px;resize:vertical;min-height:90px;font-family:inherit;color:var(--white);background:var(--glass)}.override::placeholder{color:var(--white-faint)}.scene-analyzing{font-size:11.5px;color:var(--white-faint);display:flex;align-items:center;gap:6px}.scene-box{background:rgba(232,103,46,.06);border:1px solid rgba(232,103,46,.2);border-radius:9px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.scene-text{font-size:11.5px;color:var(--white-soft);line-height:1.5}.scene-text b{color:var(--orange-soft)}.scene-chip-row{display:flex;flex-wrap:wrap;gap:6px}.scene-chip{font-size:11px;font-weight:600;padding:5px 10px;border-radius:20px;cursor:pointer;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--white-soft);transition:background .15s,border-color .15s,color .15s}.scene-chip:hover{border-color:rgba(232,103,46,.4)}.scene-chip.active{background:var(--orange-dim);border-color:rgba(232,103,46,.4);color:var(--orange-soft)}.card-actions{display:flex;gap:8px}.card-actions button{flex:1;padding:8px 10px;border-radius:7px;font-size:12.5px}.sky-details{font-size:12.5px}.sky-details summary{cursor:pointer;color:var(--orange-soft);font-weight:600;list-style:none;padding:2px 0}.sky-details summary::-webkit-details-marker{display:none}.sky-details summary::before{content:"☁ "}.sky-panel{padding:10px 0 2px;display:flex;flex-direction:column;gap:10px}.sky-presets{display:flex;gap:8px;flex-wrap:wrap}.sky-thumb{width:52px;height:34px;border-radius:7px;border:2px solid var(--line);background-size:cover;background-position:center;padding:0;overflow:hidden}.sky-thumb:hover{border-color:var(--white-soft)}.sky-thumb.selected{border-color:var(--orange)}.sky-upload-row button{width:auto;padding:7px 12px;font-size:12px}.ai-mode-row{display:flex;gap:6px;flex-wrap:wrap}.ai-mode-btn{border:1px solid var(--line);background:var(--glass);color:var(--white-soft);font-size:11.5px;padding:6px 10px;border-radius:8px;cursor:pointer;transition:.15s}.ai-mode-btn:hover{border-color:var(--orange-soft)}.ai-mode-btn.selected{border-color:var(--orange);color:var(--orange-soft);background:var(--orange-solid-dim);font-weight:600}.sky-note{color:var(--sage)}.spinner{width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--orange);border-radius:50%;display:inline-block;animation:spin .7s linear infinite;vertical-align:-3px;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}footer{border-top:1px solid var(--line-soft);padding:28px 0 50px;font-size:12px;color:var(--white-faint)}footer.pricing-footer{border-top:1px solid var(--line-soft);padding:20px 0 4px;margin-top:8px;font-size:12.5px;color:var(--white-soft);line-height:1.6}footer.view-footer{padding:20px 0 40px;margin-top:24px;font-size:12.5px;color:var(--white-soft);line-height:1.6}.admin-legal-toggle{background:0 0;border:1px dashed var(--line-soft);color:var(--white-faint);width:26px;height:26px;border-radius:50%;font-size:14px;line-height:1;cursor:pointer;opacity:.5;transition:opacity .15s,color .15s,border-color .15s;margin-top:-24px}.admin-legal-toggle:hover{opacity:1;color:var(--orange-soft);border-color:var(--orange-soft)}.hero-compact{padding:36px 0 24px}.hero-compact h1{font-size:30px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding-bottom:60px}.recent-uploads-section{margin:32px auto 0;padding-bottom:4px;max-width:720px;text-align:left}.recent-uploads-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:14px;font-weight:700;color:var(--white)}.recent-uploads-viewall{background:0 0;border:none;color:var(--orange-soft);font-size:11px;font-weight:600;cursor:pointer}.recent-uploads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.recent-upload-card{background:var(--glass);border:1px solid var(--line);border-radius:12px;overflow:hidden}.recent-upload-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.recent-upload-meta{padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:6px}.recent-upload-name{font-size:11.5px;font-weight:600;color:var(--white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-upload-status{font-size:10px;font-weight:600;flex:none}.recent-upload-status.enhanced{color:var(--sage)}.gallery-card{background:var(--glass);border:1px solid var(--line);border-radius:12px;overflow:hidden}.gallery-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.gc-body{padding:10px 12px}.gc-name{font-size:11px;font-weight:600;color:var(--white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-meta{font-size:10px;color:var(--white-faint);margin-top:3px}.gallery-empty{color:var(--white-faint);font-size:13px;padding:50px 10px;text-align:center;grid-column:1/-1}.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:8px}@media (max-width:820px){.svc-grid{grid-template-columns:1fr}}.svc-card{position:relative;background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:15px;display:flex;flex-direction:column;gap:8px;transition:border-color .18s,transform .18s}.svc-card:hover{border-color:rgba(232,103,46,.35);transform:translateY(-2px)}.svc-card-cost{position:absolute;top:14px;right:14px;font-size:8.5px;font-weight:700;letter-spacing:.04em;padding:3px 7px;border-radius:20px;color:var(--white-faint);background:rgba(255,255,255,.06);border:1px solid var(--line-soft)}.svc-card-cost.gen{color:var(--orange-soft);background:var(--orange-dim);border-color:rgba(232,103,46,.3)}.svc-card-title{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:16px;font-weight:700;color:var(--white);padding-right:62px}.svc-card-desc{font-size:13px;color:var(--white-faint);line-height:1.5;min-height:44px}.svc-card-media{border-radius:12px;overflow:hidden;aspect-ratio:16/11;margin-top:2px;background:#000}.svc-card-media img{width:100%;height:100%;object-fit:cover;display:block}.ba-slider{position:relative;aspect-ratio:16/11;overflow:hidden;border-radius:12px;margin-top:2px;background:#000;cursor:ew-resize;user-select:none;touch-action:pan-y}.ba-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.ba-img-before{z-index:2;clip-path:inset(0 calc(100% - var(--ba-pos,50%)) 0 0)}.ba-img-after{z-index:1}.ba-handle{position:absolute;top:0;bottom:0;left:var(--ba-pos,50%);width:2px;background:rgba(255,255,255,.9);z-index:3;pointer-events:none;transform:translateX(-1px);box-shadow:0 0 6px rgba(0,0,0,.4)}.ba-handle::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.4)}.ba-handle::before{content:'\2194';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;color:#181818;z-index:4;font-weight:700}.ba-label{position:absolute;top:8px;font-size:9.5px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;background:rgba(0,0,0,.6);color:#fff;z-index:3;pointer-events:none;font-family:'JetBrains Mono',monospace}.ba-label-before{left:8px}.ba-label-after{right:8px}.svc-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--orange-dim)}.svc-card-placeholder svg{width:32px;height:32px;color:var(--orange-soft);opacity:.55}.svc-card-cta{align-items:center;justify-content:center;text-align:center;gap:14px;min-height:220px}.svc-card-cta .svc-card-title{padding-right:0}#landingPage .svc-card{background:rgba(255,255,255,.05);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(232,103,46,.18);box-shadow:0 8px 30px rgba(0,0,0,.3)}#landingPage .svc-card:hover{border-color:rgba(232,103,46,.5);box-shadow:0 8px 30px rgba(0,0,0,.3),0 0 24px 1px rgba(232,103,46,.18)}.svc-card-cta p{font-size:12.5px;color:var(--white-faint);margin:0}.toolkit-eyebrow{font-size:11px;color:var(--orange-soft);letter-spacing:.14em;margin:38px 0 10px;font-weight:700}.toolkit-eyebrow:first-of-type{margin-top:6px}.toolkit-section-desc{font-size:12.5px;color:var(--white-faint);margin:-4px 0 18px;max-width:520px}#enhanceEmptyExtras{padding-bottom:64px}.enhance-extras-section{margin-top:44px;padding-top:36px;border-top:1px solid var(--line-soft)}.enhance-extras-section:first-child{margin-top:44px}.enhance-tips-list{margin:14px 0 0 20px;padding:0;font-size:13px;color:var(--white-soft);line-height:1.8}.usage-snapshot{display:flex;align-items:center;gap:24px;background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-bottom:20px}.usage-snapshot-item{text-align:center}.usage-snapshot-num{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:26px;font-weight:800;color:var(--white)}.usage-snapshot-label{font-size:10px;color:var(--white-faint);letter-spacing:.05em;text-transform:uppercase;margin-top:3px}.usage-snapshot-divider{width:1px;align-self:stretch;background:var(--line-soft)}.usage-snapshot button{margin-left:auto;flex:none}.usage-snapshot-guest{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:14px 20px;margin-bottom:20px;font-size:13px;color:var(--white-soft)}.toolkit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:8px}.toolkit-item{position:relative;background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:20px 20px 18px;transition:border-color .18s,transform .18s,background .18s}.toolkit-item:hover{border-color:rgba(232,103,46,.4);transform:translateY(-2px);background:var(--glass-strong)}.toolkit-icon-badge{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:19px;background:rgba(232,103,46,.12);border:1px solid rgba(232,103,46,.22);margin-bottom:14px}.toolkit-cost-pill{position:absolute;top:18px;right:18px;font-size:9.5px;font-weight:700;letter-spacing:.04em;padding:4px 8px;border-radius:20px;color:var(--white-faint);background:rgba(255,255,255,.06);border:1px solid var(--line-soft)}.toolkit-cost-pill.gen{color:var(--orange-soft);background:var(--orange-dim);border-color:rgba(232,103,46,.3)}.toolkit-title{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:15.5px;font-weight:700;color:var(--white);margin-bottom:5px}.toolkit-desc{font-size:12.5px;color:var(--white-faint);line-height:1.55}.toolkit-features-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:36px 0 8px}.toolkit-feature{display:flex;gap:12px;align-items:flex-start;background:rgba(0,0,0,.18);border:1px solid var(--line-soft);border-radius:12px;padding:16px 18px}.toolkit-feature-icon{font-size:17px;line-height:1;margin-top:1px}.toolkit-feature-title{font-size:13px;font-weight:700;color:var(--white);margin-bottom:3px}.toolkit-feature-desc{font-size:12px;color:var(--white-faint);line-height:1.5}.plans-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:18px}.plan-card{background:rgba(255,255,255,.035);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 0 0 1px rgba(232,103,46,.05),0 0 22px 0 rgba(232,103,46,.07),0 8px 26px rgba(0,0,0,.3);transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}.plan-card:hover{border-color:rgba(232,103,46,.3);box-shadow:0 0 0 1px rgba(232,103,46,.12),0 0 28px 1px rgba(232,103,46,.13),0 10px 30px rgba(0,0,0,.35);transform:translateY(-3px)}.plan-card.featured{border-color:var(--orange);box-shadow:0 0 0 1px rgba(232,103,46,.28),0 0 40px 4px rgba(232,103,46,.22),0 14px 34px rgba(0,0,0,.4);transform:scale(1.035);z-index:2}.plan-card.featured:hover{transform:scale(1.035) translateY(-3px)}@media (max-width:900px){.plan-card.featured{transform:none}.plan-card.featured:hover{transform:translateY(-3px)}}.plan-name{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--white-faint)}.plan-price{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:32px;color:var(--white)}.plan-price span{font-size:13px;color:var(--white-faint);font-family:inherit}.plan-feats{list-style:none;padding:12px 0 0;margin:0;border-top:1px solid var(--line-soft);display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--white-soft)}.plan-feats li::before{content:"— ";color:var(--orange-soft)}.plan-note{font-size:11.5px;color:var(--white-faint);padding-top:16px;border-top:1px solid var(--line-soft)}.plan-toast{position:fixed;top:22px;left:50%;transform:translateX(-50%) translateY(-14px);max-width:440px;width:calc(100% - 40px);background:rgba(30,26,22,.55);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border:1px solid rgba(255,255,255,.14);border-left:3px solid var(--orange);border-radius:14px;padding:14px 18px;box-shadow:0 16px 44px rgba(0,0,0,.5),0 0 0 1px rgba(232,103,46,.08);color:var(--white-soft);font-size:13px;line-height:1.55;z-index:9999;opacity:0;pointer-events:none;transition:opacity .28s ease,transform .28s ease}.plan-toast.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}@media (max-width:520px){.plan-toast{top:14px;width:calc(100% - 24px)}}.plan-cta{width:100%;margin-top:4px}.pricing-eyebrow{font-size:11px;color:var(--orange-soft);letter-spacing:.1em;margin-bottom:10px}.pricing-h1{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-weight:700;font-size:36px;line-height:1.15;letter-spacing:-.01em;margin:0 0 12px;color:var(--white)}.pricing-h1 em{font-style:normal;color:var(--orange-soft)}.pricing-sub{margin-bottom:32px}.pricing-grid-3{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:14px}.plan-card{position:relative}.plan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--orange);color:#1a0f08;font-size:10px;font-weight:700;letter-spacing:.07em;padding:4px 12px;border-radius:999px;white-space:nowrap}.plan-icon{font-size:26px}.plan-name-big{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:19px;font-weight:700;color:var(--white)}.plan-desc{font-size:12.5px;color:var(--white-faint);margin-top:-6px}.plan-price-big{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:34px;color:var(--white);margin:4px 0 2px}.plan-price-big span{font-size:13px;color:var(--white-faint);font-family:inherit}.plan-credits-line{background:rgba(0,0,0,.2);border:1px solid var(--line-soft);border-radius:8px;padding:9px 12px;margin:2px 0}.plan-credits-label{font-size:9.5px;color:var(--white-faint);letter-spacing:.08em;margin-bottom:3px}.plan-credits-value{font-size:13px;font-weight:600;color:var(--white)}.plan-trial-note{font-size:10.5px;color:var(--white-faint);display:flex;align-items:flex-start;gap:6px;line-height:1.45;padding-top:2px}.plan-bonus-note{font-size:11px;color:var(--orange-soft);font-weight:600;display:flex;align-items:center;gap:6px;line-height:1.4}.plan-rollover-note{font-size:11px;color:var(--sage);font-weight:600;display:flex;align-items:center;gap:6px;line-height:1.4}.pricing-toggle{display:flex;gap:4px;background:rgba(0,0,0,.28);border:1px solid var(--line-soft);border-radius:11px;padding:4px;width:fit-content;margin:0 auto 28px;box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}.pricing-toggle-btn{border:none;background:0 0;color:var(--white-faint);font-size:13px;font-weight:600;padding:9px 22px;border-radius:8px;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.pricing-toggle-btn.active{background:var(--orange);color:#1a0f08;box-shadow:0 2px 10px rgba(232,103,46,.35)}.pack-per-credit{font-size:11px;color:var(--white-faint);margin:-2px 0 4px}.pack-cross-sell{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;background:rgba(0,0,0,.2);border:1px solid var(--line-soft);border-radius:10px;padding:16px 20px;margin:20px 0;font-size:13px;color:var(--white-soft);text-align:center}.pack-cross-sell b{color:var(--white)}.pack-cross-sell button{background:0 0;border:1px solid var(--orange-soft);color:var(--orange-soft);font-size:12.5px;font-weight:600;padding:8px 16px;border-radius:7px;cursor:pointer;white-space:nowrap}.pricing-signup-banner{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:var(--orange-dim);border:1px solid rgba(232,103,46,.3);border-radius:10px;padding:14px 20px;margin:0 0 22px;font-size:13px;color:var(--white-soft);text-align:center}.pricing-signup-banner b{color:var(--white)}.pricing-signup-icon{font-size:16px;line-height:1}.docs-toc{background:0 0;border:none;padding:0;margin:28px 0 12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.docs-toc-group{display:flex;flex-direction:column;gap:4px;background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:16px 16px 14px;transition:border-color .2s ease,transform .2s ease}.docs-toc-group:hover{border-color:rgba(232,103,46,.3);transform:translateY(-2px)}.docs-toc-label{display:flex;align-items:center;gap:9px;font-size:10.5px;letter-spacing:.08em;color:var(--orange-soft);text-transform:uppercase;margin-bottom:8px;font-weight:700}.docs-toc-label svg{width:14px;height:14px;flex-shrink:0}.docs-toc-icon-chip{width:26px;height:26px;border-radius:50%;background:var(--orange-dim);border:1px solid rgba(232,103,46,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.docs-toc a{font-size:12.5px;color:var(--white-soft);text-decoration:none;padding:5px 9px;margin:0 -9px;border-radius:6px;transition:background .15s ease,color .15s ease}.docs-toc a:hover{color:var(--orange-soft);background:rgba(232,103,46,.09)}.docs-section{margin:36px 0;scroll-margin-top:20px;max-width:680px}.docs-body-columns{display:block}.docs-section h2{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:19px;color:var(--white);margin-bottom:12px;padding-left:14px;border-left:3px solid var(--orange);display:flex;align-items:center;gap:9px}.docs-section h2 svg{width:18px;height:18px;flex:none;color:var(--orange-soft)}.legal-body{max-width:680px}.legal-body p{font-size:13.5px;color:var(--white-soft);line-height:1.75;margin-bottom:14px}.legal-body h2{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:16px;color:var(--white);margin:28px 0 8px}.legal-body em{color:var(--white-faint)}.legal-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 32px;padding-bottom:16px;border-bottom:1px solid var(--line-soft)}.legal-tabs a{font-size:12.5px;font-weight:600;color:var(--orange-soft);text-decoration:none;background:var(--glass);border:1px solid var(--line);border-radius:20px;padding:8px 16px}.legal-tabs a:hover{border-color:var(--orange);color:var(--orange)}.legal-section{scroll-margin-top:20px}.legal-body h2.legal-section-h2{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:24px;font-weight:800;color:var(--orange-soft);margin-bottom:2px}.legal-updated{font-size:11px;color:var(--white-faint);margin-bottom:20px}.docs-section p{font-size:13.5px;color:var(--white-soft);line-height:1.6;margin-bottom:10px}.docs-section ol,.docs-section ul{margin:0 0 10px 20px;padding:0;font-size:13.5px;color:var(--white-soft);line-height:1.7}.docs-table{width:100%;border-collapse:collapse;font-size:13px;margin:10px 0 14px}.docs-table th{text-align:left;padding:9px 12px;background:rgba(0,0,0,.25);color:var(--orange-soft);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line-soft)}.docs-table td{padding:9px 12px;border-bottom:1px solid var(--line-soft);color:var(--white-soft)}.docs-table tr:last-child td{border-bottom:none}.docs-table tr:hover td{background:rgba(255,255,255,.025)}.docs-divider{border:none;border-top:1px solid var(--line-soft);margin:32px 0}.referral-card{max-width:560px;margin:32px auto;text-align:center;background:var(--glass);border:1px solid rgba(232,103,46,.25);border-radius:16px;padding:32px 30px 28px}.referral-icon{width:48px;height:48px;border-radius:50%;background:var(--orange-dim);border:1px solid rgba(232,103,46,.3);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 16px}.referral-title{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:22px;color:var(--white);margin-bottom:10px;line-height:1.3}.referral-title span{color:var(--orange-soft)}.referral-sub{font-size:13px;color:var(--white-faint);line-height:1.6;max-width:420px;margin:0 auto 18px}.referral-link-row{display:flex;gap:8px;max-width:420px;margin:0 auto}.referral-link-input{flex:1;background:rgba(0,0,0,.3);border:1px solid var(--line-soft);border-radius:8px;padding:10px 12px;color:var(--white-soft);font-size:12px;min-width:0}.referral-stats{font-size:11px;color:var(--white-faint);margin-top:14px}.current-sub-card{max-width:560px;margin:0 auto 28px;text-align:left;background:var(--glass);border:1px solid var(--line-soft);border-radius:16px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.current-sub-label{font-size:10.5px;color:var(--white-faint);letter-spacing:.08em;margin-bottom:4px}.current-sub-plan{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:18px;font-weight:700;color:var(--white)}.current-sub-meta{font-size:12px;color:var(--white-faint);margin-top:4px}.current-sub-card.pending-cancel{border-color:rgba(232,119,106,.3)}.current-sub-card.pending-cancel .current-sub-meta{color:var(--danger)}.btn-cancel-sub{background:0 0;border:1px solid var(--line-soft);color:var(--white-faint);border-radius:8px;padding:9px 16px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}.btn-cancel-sub:hover{border-color:rgba(232,119,106,.4);color:var(--danger)}.payments-paused-card{max-width:600px;margin:0 auto 28px;text-align:center;background:var(--glass);border:1px solid rgba(232,103,46,.3);border-radius:16px;padding:32px 30px 28px}.payments-paused-icon{width:48px;height:48px;border-radius:50%;background:var(--orange-dim);border:1px solid rgba(232,103,46,.3);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 16px}.payments-paused-title{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:24px;font-weight:700;color:var(--white);margin-bottom:10px}.payments-paused-sub{font-size:14px;color:var(--white-faint);line-height:1.6;max-width:440px;margin:0 auto}.payments-paused-sub b{color:var(--orange-soft)}.about-eyebrow{font-size:11px;color:var(--orange-soft);letter-spacing:.14em;margin-bottom:10px;font-weight:700}.about-hero-h1,.hero-compact .about-hero-h1{font-size:32px;font-weight:800;line-height:1.15;letter-spacing:-.02em}.about-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:stretch;margin-bottom:8px}.about-left{min-width:0}.about-body{max-width:600px;margin-top:20px}.about-left .hero{padding-top:0;padding-bottom:24px}.about-body p{font-size:14.5px;color:var(--white-soft);line-height:1.8;margin-bottom:16px}.about-facts{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 36px}.about-fact{background:rgba(0,0,0,.2);border:1px solid var(--line-soft);border-radius:20px;padding:7px 16px;font-size:11.5px;color:var(--white-faint)}.about-fact b{color:var(--orange-soft)}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0 10px;padding:0;border-top:none;border-bottom:none}.about-stat{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:14px 12px}.about-stat-icon{width:40px;height:40px;border-radius:50%;background:var(--orange-dim);border:1px solid rgba(232,103,46,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.about-stat-icon svg{width:18px;height:18px;color:var(--orange-soft)}.about-stat-num{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:22px;font-weight:700;color:var(--white);line-height:1}.about-stat-label{font-size:10.5px;color:var(--white-faint);letter-spacing:.06em;text-transform:uppercase;margin-top:6px}.about-stats-caption{font-size:11.5px;color:var(--white-faint);margin:12px 0 30px;font-style:italic}.founder-card{position:relative;background:var(--glass);border:1px solid var(--line);border-radius:16px;padding:30px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 0 0 1px rgba(232,103,46,.1),0 0 26px 1px rgba(232,103,46,.1)}.founder-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;border-radius:16px 0 0 16px;background:linear-gradient(180deg,var(--orange),transparent 85%)}.founder-avatar{width:64px;height:64px;border-radius:50%;margin-bottom:16px;flex-shrink:0;background:var(--orange);color:#1a0f08;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:18px;font-weight:700;overflow:hidden;border:2px solid var(--orange-dim)}.founder-avatar img{width:100%;height:100%;object-fit:cover;display:block}.founder-name{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:17px;font-weight:700;color:var(--white)}.founder-title{font-size:13.5px;color:var(--white-faint);font-style:italic;margin-bottom:14px}.founder-quote-mark{font-size:26px;color:var(--orange-soft);line-height:1;margin-bottom:2px;font-family:'Plus Jakarta Sans',-apple-system,sans-serif}.founder-message p{font-size:14.5px;color:var(--white-soft);line-height:1.7;margin-bottom:12px;font-style:italic}.founder-signoff{font-size:14px;color:var(--white);margin-top:14px}.founder-signoff span{display:block;font-size:12.5px;color:var(--white-faint);font-style:normal;margin-top:2px}@media (max-width:900px){.about-grid{grid-template-columns:1fr}.founder-card{margin-top:32px}.about-stats{grid-template-columns:repeat(2,1fr)}}.landing{position:relative;overflow:hidden;background:0 0;min-height:100vh}.landing::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(232,103,46,.16) 1px,transparent 1px),radial-gradient(rgba(80,110,180,.11) 1px,transparent 1px);background-size:34px 34px,34px 34px;background-position:0 0,17px 17px;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 0%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 90% 80% at 50% 0%,#000 40%,transparent 100%)}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:13px 24px;position:fixed;top:16px;left:50%;transform:translateX(-50%);width:min(92vw,1180px);z-index:50;background:rgba(16,15,14,.92);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.06) inset,0 0 0 1px rgba(232,103,46,.05);transition:top .2s,box-shadow .2s}.landing-nav .brand{background:0 0;border:none;box-shadow:none;padding:0;border-radius:0}.landing-nav-links{display:flex;align-items:center;gap:30px}.landing-nav-links a{color:var(--white-soft);text-decoration:none;font-size:13px;letter-spacing:.02em;transition:color .15s}.landing-nav-links a:hover{color:var(--white)}.landing-nav-divider{width:1px;height:22px;background:rgba(255,255,255,.09);margin:0 4px}.landing-nav-ctas{display:flex;align-items:center;gap:10px}.landing-btn-ghost{background:0 0;border:1px solid var(--line);color:var(--white-soft);font-size:13px;font-weight:600;padding:9px 19px;border-radius:8px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.landing-btn-ghost:hover{border-color:rgba(255,255,255,.28);color:var(--white);background:rgba(255,255,255,.03)}.landing-btn-primary{background:var(--orange);border:none;color:#1a0f08;font-size:13px;font-weight:700;padding:9px 21px;border-radius:8px;cursor:pointer;box-shadow:0 4px 14px rgba(232,103,46,.28);transition:transform .15s,box-shadow .15s,filter .15s}.landing-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(232,103,46,.38);filter:brightness(1.04)}.landing-hero{padding:130px 24px 50px}.landing-hero-inner{max-width:760px;margin:0 auto;text-align:center}.landing-hero-inner-wide{max-width:1180px}.landing-hero-grid{display:grid;grid-template-columns:0.92fr 1.12fr;gap:48px;align-items:center;text-align:left}.landing-hero-col-text{max-width:520px}.landing-hero-col-text{max-width:520px}.landing-h1-left{margin:0 0 18px;text-align:left}.landing-sub-left{margin:0 0 26px;text-align:left;max-width:none}.landing-cta-row.landing-cta-row-left{justify-content:flex-start}.landing-trust-bar.landing-trust-bar-left{justify-content:flex-start}@media (max-width:900px){.landing-hero-grid{grid-template-columns:1fr;gap:32px;text-align:center}.landing-hero-col-text{max-width:none;margin:0 auto}.landing-h1-left,.landing-sub-left{text-align:center}.landing-cta-row-left,.landing-trust-bar-left{justify-content:center}}.showcase-card{background:var(--glass);border:1px solid var(--line-soft);border-radius:18px;padding:24px 24px 22px;max-width:100%}.showcase-card-head{display:flex;align-items:baseline;gap:10px;margin-bottom:18px;flex-wrap:wrap}.showcase-card-eyebrow{color:var(--white-faint);font-weight:600;font-size:16px}.showcase-card-dash{color:var(--white-faint)}.showcase-card-title{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-weight:800;font-size:18px;color:var(--white)}.showcase-property-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.showcase-property-tab{background:0 0;border:1px solid var(--line-soft);color:var(--white-faint);font-size:12px;font-weight:600;padding:7px 14px;border-radius:20px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.showcase-property-tab.active{background:var(--orange-dim);border-color:rgba(232,103,46,.4);color:var(--orange-soft)}.showcase-image-wrap{position:relative;border-radius:14px;overflow:hidden;background:#141414;margin-bottom:16px}.showcase-image-wrap img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover}.showcase-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#141414}.showcase-placeholder-logo{width:44px;height:44px;opacity:.5;animation:showcasePulse 1.8s ease-in-out infinite}.showcase-placeholder-text{font-size:13px;color:var(--white-faint);font-weight:600}@keyframes showcasePulse{0%,100%{opacity:.35}50%{opacity:.7}}.showcase-style-buttons{display:flex;gap:8px;flex-wrap:wrap}.showcase-style-btn{flex:1;min-width:100px;background:0 0;border:1px solid var(--line-soft);color:var(--white-faint);font-size:12.5px;font-weight:600;padding:10px 14px;border-radius:10px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.showcase-style-btn:hover{border-color:rgba(232,103,46,.35);color:var(--white)}.showcase-style-btn.active{background:var(--orange-dim);border-color:rgba(232,103,46,.45);color:var(--orange-soft)}.demo-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;background:var(--glass);border:1px solid var(--line-soft);border-radius:100px;padding:6px;max-width:fit-content;margin:0 auto 24px}.demo-tab{background:0 0;border:none;color:var(--white-faint);font-size:13px;font-weight:600;padding:10px 18px;border-radius:100px;cursor:pointer;transition:background .15s,color .15s}.demo-tab:hover{color:var(--white)}.demo-tab.active{background:var(--orange);color:#1a0f08}.demo-frame{max-width:1000px;margin:0 auto;border-radius:14px;overflow:hidden;border:1px solid var(--line-soft);box-shadow:0 20px 50px rgba(0,0,0,.4);aspect-ratio:1.87/1}.demo-frame img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}@media (max-width:640px){.demo-tabs{max-width:100%;border-radius:16px}.demo-tab{padding:9px 12px;font-size:12px}}.landing-watch-demo-link{display:flex;align-items:center;gap:7px;background:0 0;border:none;color:var(--white-faint);font-size:14px;font-weight:600;cursor:pointer;padding:13px 6px;transition:color .15s}.landing-watch-demo-link:hover{color:var(--white)}.landing-watch-demo-icon{width:22px;height:22px;flex:none;display:flex;color:var(--orange-soft)}.landing-watch-demo-icon svg{width:22px;height:22px}.demo-video-close{position:absolute;top:10px;right:10px;z-index:2;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.15);color:var(--white);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.demo-video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#0a0a0a}.demo-video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px}.demo-video-placeholder-icon{font-size:32px}.demo-video-placeholder-title{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:16px;font-weight:700;color:var(--white)}.demo-video-placeholder-sub{font-size:13px;color:var(--white-faint)}.landing-eyebrow{display:inline-flex;align-items:center;gap:7px;background:var(--orange-dim);border:1px solid rgba(232,103,46,.3);color:var(--orange-soft);font-size:11.5px;font-weight:700;padding:7px 14px;border-radius:20px;margin-bottom:22px;letter-spacing:.03em}.landing-h1{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-weight:800;font-size:54px;line-height:1.1;letter-spacing:-.01em;color:var(--white);margin:0 auto 18px;max-width:none}.landing-h1 em{font-style:normal;color:var(--orange-soft)}.landing-sub{font-size:19px;color:var(--white-soft);line-height:1.6;max-width:580px;margin:0 auto 30px}.landing-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}.landing-cta-note{font-size:12px;color:var(--white-faint)}.landing-trust-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line-soft)}.landing-trust-item{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--white-faint);white-space:nowrap}.landing-trust-item svg{width:15px;height:15px;color:var(--orange-soft);flex:none}.landing-trust-divider{width:1px;height:14px;background:var(--line-soft)}@media (max-width:640px){.landing-trust-divider{display:none}.landing-trust-bar{gap:10px 18px}}.landing-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;max-width:820px;margin:50px auto 0;padding:26px 10px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.landing-stat{text-align:center}.landing-stat-icon{width:44px;height:44px;border-radius:50%;background:var(--orange-dim);border:1px solid rgba(232,103,46,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:var(--orange-soft)}.landing-stat-icon .stat-icon{width:22px;height:22px}.landing-stat-num{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:33px;font-weight:700;color:var(--white)}.landing-stat-label{font-size:10.5px;color:var(--white-faint);letter-spacing:.06em;text-transform:uppercase;margin-top:5px}.landing-turnaround-compare{max-width:520px;margin:30px auto 0;padding:24px 20px;text-align:center;background:rgba(255,255,255,.04);border:1px solid var(--line-soft);border-radius:14px}.landing-turnaround-eyebrow{font-size:10.5px;color:var(--white-faint);letter-spacing:.08em;margin-bottom:16px}.landing-turnaround-row{display:flex;align-items:center;justify-content:center;gap:20px}.landing-turnaround-caption{text-align:center;font-size:12.5px;color:var(--white-faint);margin-top:18px;max-width:360px;margin-left:auto;margin-right:auto;line-height:1.5}.landing-turnaround-side{flex:1;max-width:160px}.landing-turnaround-num{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:28px;font-weight:700;color:var(--white)}.landing-turnaround-num.dim{color:var(--white-faint);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.3);text-decoration-thickness:2px}.landing-turnaround-tag{font-size:11px;color:var(--white-faint);margin-top:6px}.landing-turnaround-tag.accent{color:var(--orange-soft);font-weight:600}.landing-turnaround-arrow{font-size:20px;color:var(--orange-soft);flex:none}@media (max-width:480px){.landing-turnaround-row{flex-direction:column;gap:14px}.landing-turnaround-arrow{transform:rotate(90deg)}}.landing-slider{position:relative;max-width:640px;margin:0 auto 14px;border-radius:16px;overflow:hidden;border:1px solid rgba(232,103,46,.3);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px 2px rgba(232,103,46,.15);aspect-ratio:16/9;cursor:ew-resize;user-select:none;-webkit-user-select:none}.landing-slider-after{width:100%;height:100%;display:block;object-fit:cover}.landing-slider-before-wrap{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;clip-path:inset(0 50% 0 0)}.landing-slider-before-wrap::after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background:var(--white)}.landing-slider-before{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.landing-slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--white);color:#1a0f08;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.4);pointer-events:none}.landing-slider-label{position:absolute;bottom:14px;background:#1b1b1b;color:var(--white-soft);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px;border-radius:20px;pointer-events:none}.landing-slider-label-before{left:14px}.landing-slider-label-after{right:14px;color:var(--orange-soft);border:1px solid rgba(232,103,46,.3)}.landing-section{max-width:1080px;margin:90px auto;padding:0 24px}.landing-section-head{text-align:center;max-width:560px;margin:0 auto 40px}.landing-section-eyebrow{font-size:12px;color:var(--orange-soft);letter-spacing:.14em;font-weight:700;margin-bottom:10px}.landing-section-h2{font-family:Satoshi,-apple-system,sans-serif;font-weight:900;font-size:35px;color:var(--white);margin-bottom:10px}.landing-section-sub{font-size:16.5px;color:var(--white-faint);line-height:1.6}.landing-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width:820px){.landing-tools-grid{grid-template-columns:1fr}}.landing-tool-card{background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:22px;transition:border-color .18s,transform .18s}.landing-tool-card:hover{border-color:rgba(232,103,46,.4);transform:translateY(-2px)}.landing-tool-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;background:var(--orange-dim);border:1px solid rgba(232,103,46,.22);margin-bottom:12px}.landing-tool-title{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:15px;font-weight:700;color:var(--white);margin-bottom:5px}.landing-tool-desc{font-size:12.5px;color:var(--white-faint);line-height:1.55}.landing-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;counter-reset:landing-step}.landing-step{text-align:center;position:relative;background:var(--glass);border:1px solid var(--line-soft);border-radius:16px;padding:32px 22px 26px;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;counter-increment:landing-step}.landing-step:hover{transform:translateY(-3px);border-color:rgba(232,103,46,.3);box-shadow:0 16px 38px rgba(0,0,0,.35)}.landing-step::before{content:counter(landing-step);position:absolute;top:14px;right:16px;font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:12px;font-weight:700;color:var(--white-faint);opacity:.5;letter-spacing:.04em}.landing-step-num{width:44px;height:44px;border-radius:50%;background:var(--orange-dim);border:1px solid rgba(232,103,46,.3);color:var(--orange-soft);font-size:19px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.icon-badge-gold{background:rgba(217,177,104,.14)!important;border-color:rgba(217,177,104,.32)!important;color:var(--gold)!important}.icon-badge-sage{background:rgba(123,199,154,.14)!important;border-color:rgba(123,199,154,.32)!important;color:var(--sage)!important}.icon-badge-violet{background:rgba(155,141,224,.14)!important;border-color:rgba(155,141,224,.32)!important;color:var(--violet)!important}.landing-step-title{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-weight:700;font-size:16px;color:var(--white);margin-bottom:8px}.landing-step-desc{font-size:14px;color:var(--white-faint);line-height:1.55;max-width:230px;margin:0 auto}.landing-preview-frame{max-width:1180px;width:94vw;margin-left:50%;transform:translateX(-50%);border-radius:18px;overflow:hidden;padding:6px;background:rgba(255,255,255,.05);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(232,103,46,.35);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px 2px rgba(232,103,46,.18)}.landing-preview-frame img{width:100%;height:auto;display:block;border-radius:12px}.hero-upload-overlay{position:absolute;left:27.53%;top:18.18%;width:46.41%;height:74.58%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:background .15s,border-color .15s;border:2px dashed transparent;border-radius:4px}.hero-upload-overlay.drag-over{background:rgba(232,103,46,.08);border-color:rgba(232,103,46,.5)}.hero-upload-overlay #heroUploadBtn{padding:13px 26px;font-size:14px}.hero-editor-mock-sub{font-size:12.5px;color:var(--white-faint)}.hero-editor-mock-trust{font-size:11px;color:var(--white-faint)}.landing-pricing-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:26px}.landing-price-card{background:rgba(255,255,255,.05);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:24px;text-align:center}.landing-price-card.featured{border-color:rgba(232,103,46,.5);box-shadow:0 8px 30px rgba(0,0,0,.3),0 0 30px 2px rgba(232,103,46,.22)}.landing-price-name{font-size:12px;color:var(--orange-soft);letter-spacing:.06em;text-transform:uppercase;font-weight:700;margin-bottom:8px}.landing-price-amount{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:28px;color:var(--white);margin-bottom:4px}.landing-price-amount span{font-size:13px;color:var(--white-faint);font-weight:400}.landing-price-detail{font-size:12px;color:var(--white-faint)}.landing-founder-teaser{display:flex;gap:22px;align-items:center;background:rgba(255,255,255,.05);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(232,103,46,.25);border-radius:16px;padding:28px;max-width:820px;margin:0 auto;box-shadow:0 8px 30px rgba(0,0,0,.3),0 0 30px 1px rgba(232,103,46,.12)}.landing-founder-teaser .founder-avatar{width:80px;height:80px;font-size:19px;flex-shrink:0}.landing-founder-teaser p{font-size:13.5px;color:var(--white-soft);line-height:1.65;margin-bottom:8px}.landing-founder-teaser a{color:var(--orange-soft);font-size:12.5px;text-decoration:none;font-weight:600}@media (max-width:600px){.landing-founder-teaser{flex-direction:column;text-align:center}}.landing-cta-band{text-align:center;background:rgba(255,255,255,.05);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(232,103,46,.35);border-radius:20px;padding:56px 24px;max-width:820px;margin:0 auto;box-shadow:0 8px 30px rgba(0,0,0,.3),0 0 40px 2px rgba(232,103,46,.18)}.landing-cta-band h2{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:26px;color:var(--white);margin-bottom:12px}.landing-cta-band-icon{width:52px;height:52px;border-radius:50%;background:var(--orange-dim);border:1px solid rgba(232,103,46,.3);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 18px}.landing-cta-band p{font-size:13.5px;color:var(--white-faint);margin-bottom:24px}.landing-footer{border-top:1px solid var(--line-soft);padding:40px 5vw;text-align:center;font-size:12px;color:var(--white-faint);margin-top:90px}.landing-footer a{color:var(--white-faint);text-decoration:none;margin:0 10px}.landing-footer a:hover{color:var(--white-soft)}.landing-footer-legal{margin-top:12px}.landing-footer-legal button{background:0 0;border:none;color:var(--white-faint);font-size:11px;margin:0 8px;cursor:pointer;text-decoration:underline}.landing-footer-legal button:hover{color:var(--white-soft)}.landing-footer-social{display:flex;justify-content:center;gap:12px;margin-bottom:14px}.landing-footer-social a{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border:1px solid var(--line-soft);color:var(--white-faint);transition:color .15s,border-color .15s,background .15s;margin:0}.landing-footer-social a:hover{color:var(--orange-soft);border-color:rgba(232,103,46,.35);background:var(--orange-dim)}.landing-footer-social svg{width:15px;height:15px}.landing-placeholder-note{font-size:11px;color:var(--white-faint);font-style:italic;text-align:center;margin-top:16px}@media (max-width:640px){.landing-nav-links{display:none}.landing-nav-divider{display:none}.landing-h1{font-size:32px}.landing-hero{padding:110px 20px 40px}}.nav-icon{width:13px;height:13px;vertical-align:-1px;margin-right:6px;opacity:.7;transition:opacity .15s}.landing-nav-links a:hover .nav-icon{opacity:1}.eyebrow-icon{width:12px;height:12px;vertical-align:-1px;margin-right:1px}.stat-icon{width:22px;height:22px;color:var(--orange-soft)}.tool-svg-icon{width:19px;height:19px;color:var(--orange-soft)}.step-svg-icon{width:20px;height:20px}.cta-svg-icon{width:23px;height:23px}.pricing-trust{display:flex;align-items:flex-start;gap:12px;justify-content:center;text-align:left;padding:20px;margin:8px 0 30px}.pricing-trust-icon{font-size:18px}.pricing-trust-title{font-size:13px;font-weight:700;color:var(--white)}.pricing-trust-sub{font-size:12px;color:var(--white-faint);margin-top:2px;max-width:480px}.faq-section{background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin-bottom:20px}.faq-head{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:18px;font-weight:700;color:var(--white);margin-bottom:14px}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;align-items:start}.faq-item{background:rgba(0,0,0,.18);border:1px solid var(--line-soft);border-radius:11px;overflow:hidden;transition:border-color .2s ease}.faq-item:hover{border-color:rgba(232,103,46,.25)}.faq-q{width:100%;background:0 0;border:none;text-align:left;color:var(--white-soft);font-size:14.5px;padding:12px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-q span{color:var(--orange-soft);font-size:17px;transition:transform .15s}.faq-item.open .faq-q span{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;font-size:13.5px;color:var(--white-faint);line-height:1.55;padding:0 14px}.faq-item.open .faq-a{max-height:280px;padding:0 14px 14px}#enhanceEmptyExtras .enhance-extras-section{margin-top:14px;padding-top:14px}#enhanceEmptyExtras .toolkit-eyebrow{margin-bottom:8px}#enhanceEmptyExtras .faq-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}#enhanceEmptyExtras .faq-q{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#enhanceEmptyExtras .faq-item{position:relative;overflow:visible}#enhanceEmptyExtras .faq-q{padding:9px 12px;font-size:13px}#enhanceEmptyExtras .faq-a{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;max-height:none;height:auto;padding:12px 14px!important;background:#1c1c1c;border:1px solid rgba(232,103,46,.3);border-radius:9px;box-shadow:0 8px 24px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s}#enhanceEmptyExtras .faq-item.open .faq-a{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu-btn{display:none}.sidebar-backdrop{display:none}@media (max-width:820px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center;position:fixed;top:14px;left:14px;z-index:60;width:38px;height:38px;border-radius:10px;background:var(--glass-strong);border:1px solid var(--line);color:var(--white);font-size:16px}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:45;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.shell{flex-direction:column}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:50;width:260px;height:100vh;margin:0;border-radius:0;box-shadow:none;border:none;border-right:1px solid rgba(255,255,255,.055);transform:translateX(-100%);transition:transform .2s ease;overflow-y:auto}.sidebar.open{transform:translateX(0);box-shadow:20px 0 40px rgba(0,0,0,.4)}.content{padding:0 16px;width:100%}.wrap{padding-top:52px}.top-bar{justify-content:flex-end;padding:10px 0 14px}.bell-btn{width:32px;height:32px}.bell-icon{width:14.5px;height:14.5px}.notif-dropdown{width:240px}.hero-top{padding:20px 16px;min-height:auto}.pricing-h1{font-size:28px}.tool-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}.admin-summary{grid-template-columns:repeat(2,1fr)}.admin-wrap{overflow-x:auto}.admin-table{min-width:640px}.recent-uploads-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (max-width:600px){h1{font-size:32px}.about-hero-h1,.hero-compact .about-hero-h1{font-size:36px}.wrap{padding:0 18px;padding-top:52px}.tool-grid{grid-template-columns:repeat(2,1fr)}.admin-summary{grid-template-columns:1fr}}.panel-toggle-btn{background:0 0;border:1px solid var(--line);color:var(--white-faint);width:30px;height:30px;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none;transition:border-color .15s ease,color .15s ease}.panel-toggle-btn:hover{border-color:rgba(232,103,46,.4);color:var(--orange-soft)}.panel-toggle-btn svg{width:15px;height:15px;pointer-events:none}.payroll-cal-month-header td{background:var(--orange-dim);color:var(--orange-soft);font-weight:700;font-size:10.5px;text-align:left!important;padding:6px 10px!important;letter-spacing:.05em}
#supportThreadPanel{display:flex;flex-direction:column;overflow-y:hidden}
.ticket-thread-messages{flex:1;overflow-y:auto;min-height:0;padding-right:4px}
.ticket-thread-messages{scrollbar-width:none;-ms-overflow-style:none}
.ticket-thread-messages::-webkit-scrollbar{display:none}
.ticket-reply-row{flex:none;margin-top:14px}
.ticket-close-row{flex:none}

.ticket-preview{font-size:11.5px;color:var(--white-faint);margin-top:3px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ticket-meta{margin-top:4px!important}
.support-split.split-layout.editor-3col{grid-template-columns:190px 300px minmax(0,1fr);gap:14px;max-width:1000px;margin:0}
body.on-admin-tab .content{padding:0 20px}
body.on-admin-tab .wrap{max-width:none;padding:0;margin:0}
.admin-enable-editor-btn:hover{border-color:rgba(232,103,46,.4)}
.admin-mark-paid-btn,.admin-message-btn{min-width:118px;text-align:center}
.np-chip{display:inline-flex;align-items:center;gap:8px;background:var(--glass);border:1px solid rgba(232,103,46,.3);color:var(--orange-soft);font-size:12px;font-weight:600;padding:8px 14px;border-radius:20px;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.np-chip:hover{background:var(--orange-dim);border-color:rgba(232,103,46,.5)}
.np-dot{width:6px;height:6px;border-radius:50%;background:var(--sage);flex:none;animation:npPulse 1.5s ease-in-out infinite}
@keyframes npPulse{0%,100%{opacity:1}50%{opacity:.3}}
#nowPlayingPanel{background:var(--glass-strong);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:360px;margin-right:auto;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.np-play-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--glass);border:1px solid rgba(232,103,46,.4);color:var(--orange-soft);cursor:pointer;flex:none;transition:background .15s ease,border-color .15s ease}
.np-play-btn:hover{background:var(--orange-dim);border-color:rgba(232,103,46,.6)}
.np-play-btn svg{width:18px;height:18px}
.np-side-btn{width:30px;height:30px}
.np-side-btn svg{width:14px;height:14px}

/* ======================================================================
   RAWPORT AI — LANDING PAGE PREMIUM POLISH (v26.25)
   Scoped to #landingPage so the authenticated Studio/dashboard is intact.
   ====================================================================== */
#landingPage{
  --rp-max:1240px;
  --rp-surface:rgba(255,255,255,.045);
  --rp-surface-strong:rgba(255,255,255,.07);
  --rp-border:rgba(255,255,255,.105);
  --rp-border-hot:rgba(232,103,46,.32);
  --rp-text:#f7f6f3;
  --rp-muted:rgba(247,246,243,.64);
  --rp-faint:rgba(247,246,243,.44);
  --rp-orange:#e8672e;
  --rp-orange-soft:#f39467;
  --rp-shadow:0 24px 80px rgba(0,0,0,.42);
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 16% 4%, rgba(232,103,46,.13), transparent 31rem),
    radial-gradient(circle at 88% 14%, rgba(232,103,46,.085), transparent 27rem),
    linear-gradient(180deg,#101112 0%,#121315 46%,#0f1011 100%);
}
#landingPage:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:56px 56px;mask-image:linear-gradient(to bottom,#000 0,transparent 46%);
}
#landingPage .landing-nav{
  position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:100;
  width:min(calc(100% - 32px),var(--rp-max));min-height:66px;padding:10px 12px 10px 16px;
  border:1px solid var(--rp-border);border-radius:18px;
  background:rgba(18,19,21,.76);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);
  box-shadow:0 14px 48px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045);
}
#landingPage .landing-nav .brand{min-width:max-content}
#landingPage .landing-nav .brand-mark-r{width:39px!important;height:39px!important;filter:drop-shadow(0 6px 16px rgba(232,103,46,.22))}
#landingPage .landing-nav .brand-name{font-size:19px!important;letter-spacing:-.03em}
#landingPage .landing-nav-links{gap:4px}
#landingPage .landing-nav-links a{
  padding:9px 12px;border-radius:10px;color:rgba(247,246,243,.67);font-size:12.5px;font-weight:600;transition:color .2s,background .2s,transform .2s;
}
#landingPage .landing-nav-links a:hover{color:var(--rp-text);background:rgba(255,255,255,.055);transform:translateY(-1px)}
#landingPage .landing-nav-divider{opacity:.65}
#landingPage .landing-btn-primary,#landingPage .landing-btn-ghost{
  min-height:42px;border-radius:11px;font-weight:750;letter-spacing:-.01em;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
}
#landingPage .landing-btn-primary{
  border:1px solid rgba(255,177,134,.35);color:#fff;background:linear-gradient(180deg,#f07a43 0%,#dd5b25 100%);
  box-shadow:0 8px 22px rgba(232,103,46,.24),inset 0 1px 0 rgba(255,255,255,.2);
}
#landingPage .landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(232,103,46,.34),0 0 0 4px rgba(232,103,46,.08)}
#landingPage .landing-btn-ghost{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.12);color:rgba(247,246,243,.82)}
#landingPage .landing-btn-ghost:hover{transform:translateY(-2px);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2);color:#fff}
#landingPage .landing-hero{position:relative;padding:150px 5vw 86px;min-height:auto}
#landingPage .landing-hero:after{
  content:"";position:absolute;width:600px;height:600px;border-radius:50%;right:-240px;top:20px;pointer-events:none;
  background:radial-gradient(circle,rgba(232,103,46,.12),transparent 66%);filter:blur(2px)
}
#landingPage .landing-hero-inner-wide{max-width:var(--rp-max);margin:0 auto}
#landingPage .landing-hero-grid{grid-template-columns:minmax(0,.93fr) minmax(460px,1.07fr);gap:clamp(48px,6vw,92px);align-items:center}
#landingPage .landing-hero-col-text{max-width:650px;position:relative;z-index:2}
#landingPage .landing-eyebrow{
  display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;margin-bottom:20px;
  border:1px solid rgba(232,103,46,.24);background:rgba(232,103,46,.07);color:#f1a27b;font-size:11px;font-weight:750;letter-spacing:.025em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)
}
#landingPage .landing-h1{max-width:720px;margin:0 0 22px;font-size:clamp(48px,5.2vw,74px);line-height:.99;letter-spacing:-.055em;font-weight:800;color:var(--rp-text)}
#landingPage .landing-h1 em{font-style:normal;color:transparent;background:linear-gradient(110deg,#ffaf86 0%,#ef7b42 54%,#dc5a26 100%);-webkit-background-clip:text;background-clip:text}
#landingPage .landing-sub{max-width:610px;font-size:clamp(16px,1.45vw,19px);line-height:1.65;color:var(--rp-muted);letter-spacing:-.012em;margin-bottom:30px}
#landingPage .landing-cta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}
#landingPage .landing-cta-row .landing-btn-primary,#landingPage .landing-cta-row .landing-btn-ghost{padding:13px 20px!important;font-size:13.5px!important}
#landingPage .landing-watch-demo-link{height:42px;padding:0 10px;color:rgba(247,246,243,.66);font-weight:650;transition:color .2s,transform .2s}
#landingPage .landing-watch-demo-link:hover{color:#fff;transform:translateY(-1px)}
#landingPage .landing-cta-note{font-size:11.5px;color:var(--rp-faint);margin-top:4px}
#landingPage .landing-trust-bar{display:flex;align-items:center;gap:16px;margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.075);max-width:590px}
#landingPage .landing-trust-item{font-size:11.5px;color:rgba(247,246,243,.56);font-weight:550;line-height:1.4}
#landingPage .landing-trust-item svg{color:var(--rp-orange-soft)}
#landingPage .landing-trust-divider{height:24px;background:rgba(255,255,255,.12)}
#landingPage .landing-hero-col-image{position:relative;z-index:2}
#landingPage .landing-hero-col-image:before{
  content:"";position:absolute;inset:10% 6% -8%;z-index:-1;border-radius:34px;background:rgba(232,103,46,.17);filter:blur(58px);opacity:.6
}
#landingPage .showcase-card{
  border-radius:24px;padding:16px;background:linear-gradient(160deg,rgba(255,255,255,.085),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.13);box-shadow:0 36px 90px rgba(0,0,0,.46),0 0 0 1px rgba(232,103,46,.05),inset 0 1px 0 rgba(255,255,255,.065);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
#landingPage .showcase-card-head{padding:3px 3px 13px;gap:7px}
#landingPage .showcase-card-eyebrow{color:#f39467;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
#landingPage .showcase-card-title{font-size:12.5px;color:rgba(247,246,243,.72);font-weight:600}
#landingPage .showcase-image-wrap{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 34px rgba(0,0,0,.3)}
#landingPage .showcase-image-wrap img{transition:opacity .24s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
#landingPage .showcase-card:hover .showcase-image-wrap img{transform:scale(1.012)}
#landingPage .showcase-style-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}
#landingPage .showcase-style-btn{padding:9px 7px;border-radius:9px;font-size:10.5px;font-weight:650;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.075);color:rgba(247,246,243,.54);transition:background .2s,border-color .2s,color .2s,transform .2s}
#landingPage .showcase-style-btn:hover{transform:translateY(-1px);color:#fff;background:rgba(255,255,255,.065)}
#landingPage .showcase-style-btn.active{color:#fff;background:rgba(232,103,46,.15);border-color:rgba(232,103,46,.38);box-shadow:inset 0 0 0 1px rgba(232,103,46,.06)}
#landingPage .landing-section{position:relative;max-width:var(--rp-max);margin-left:auto;margin-right:auto;padding-left:5vw;padding-right:5vw}
#landingPage .landing-section-head{max-width:720px;margin-left:auto;margin-right:auto;margin-bottom:46px}
#landingPage .landing-section-eyebrow{color:#ef8b59;letter-spacing:.14em;font-size:10px;font-weight:800}
#landingPage .landing-section-h2{font-size:clamp(31px,3.5vw,48px);line-height:1.08;letter-spacing:-.04em;color:var(--rp-text);font-weight:800}
#landingPage .landing-section-sub{font-size:15px;line-height:1.7;color:var(--rp-muted);max-width:650px;margin-left:auto;margin-right:auto}
#landingPage .tool-card,#landingPage .landing-step,#landingPage .landing-price-card,#landingPage .landing-founder-teaser,#landingPage .landing-cta-band{
  border-color:var(--rp-border);background:linear-gradient(155deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:0 14px 44px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035)
}
#landingPage .tool-card{border-radius:17px;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
#landingPage .tool-card:hover{transform:translateY(-5px);border-color:rgba(232,103,46,.28);box-shadow:0 22px 56px rgba(0,0,0,.3),0 0 28px rgba(232,103,46,.065)}
#landingPage .ba-slider{border-radius:18px;border:1px solid rgba(255,255,255,.11);box-shadow:0 18px 50px rgba(0,0,0,.3);overflow:hidden}
#landingPage .landing-steps{gap:14px}
#landingPage .landing-step{border-radius:16px;padding:27px 20px}
#landingPage .landing-price-card{border-radius:17px;padding:27px 24px}
#landingPage .landing-price-card.featured{border-color:rgba(232,103,46,.42);box-shadow:0 20px 54px rgba(0,0,0,.28),0 0 34px rgba(232,103,46,.11)}
#landingPage .landing-founder-teaser{border-radius:20px;padding:32px}
#landingPage .landing-cta-band{border-radius:24px;padding:64px 28px;background:radial-gradient(circle at 50% -20%,rgba(232,103,46,.16),transparent 55%),linear-gradient(155deg,rgba(255,255,255,.06),rgba(255,255,255,.025));}
#landingPage .landing-footer{margin-top:110px;padding-top:44px;padding-bottom:44px;border-color:rgba(255,255,255,.08)}
@media (max-width:980px){
  #landingPage .landing-hero{padding-top:132px}
  #landingPage .landing-hero-grid{grid-template-columns:1fr;gap:48px}
  #landingPage .landing-hero-col-text{max-width:760px;text-align:center;margin:0 auto}
  #landingPage .landing-eyebrow{margin-left:auto;margin-right:auto}
  #landingPage .landing-h1,#landingPage .landing-sub{margin-left:auto;margin-right:auto}
  #landingPage .landing-cta-row,#landingPage .landing-trust-bar{justify-content:center;margin-left:auto;margin-right:auto}
  #landingPage .landing-hero-col-image{max-width:760px;width:100%;margin:0 auto}
}
@media (max-width:760px){
  #landingPage .landing-nav{top:10px;width:calc(100% - 20px);min-height:60px;padding:8px 9px 8px 12px;border-radius:15px}
  #landingPage .landing-nav .brand-mark-r{width:34px!important;height:34px!important}
  #landingPage .landing-nav .brand-name{font-size:17px!important}
  #landingPage .landing-nav-ctas{gap:6px}
  #landingPage .landing-nav-ctas .landing-btn-ghost{display:none}
  #landingPage .landing-nav-ctas .landing-btn-primary{min-height:38px;padding:0 13px;font-size:11.5px}
  #landingPage .landing-hero{padding:112px 18px 58px}
  #landingPage .landing-h1{font-size:clamp(39px,12vw,53px);line-height:1.01}
  #landingPage .landing-sub{font-size:15.5px;line-height:1.62}
  #landingPage .landing-cta-row{gap:8px}
  #landingPage .landing-cta-row .landing-btn-primary,#landingPage .landing-cta-row .landing-btn-ghost{flex:1 1 calc(50% - 4px);white-space:nowrap;padding-left:12px!important;padding-right:12px!important}
  #landingPage .landing-watch-demo-link{width:100%;justify-content:center;margin-top:2px}
  #landingPage .landing-trust-bar{align-items:flex-start;gap:10px;text-align:left}
  #landingPage .landing-trust-divider{display:none}
  #landingPage .landing-trust-item{flex:1}
  #landingPage .showcase-card{padding:10px;border-radius:19px}
  #landingPage .showcase-style-buttons{grid-template-columns:repeat(2,1fr)}
  #landingPage .landing-section{padding-left:18px;padding-right:18px}
}
@media (prefers-reduced-motion:reduce){
  #landingPage *,#landingPage *:before,#landingPage *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}
}

/* ============================================================
   RAWPORT AI V2 — PASS 2: HOMEPAGE SYSTEM POLISH
   Public landing page only. App/Studio remains untouched.
   ============================================================ */
#landingPage .landing-section{padding-top:104px;padding-bottom:16px}
#landingPage .landing-section + .landing-section{margin-top:4px}
#landingPage .landing-section-head{position:relative}
#landingPage .landing-section-head:after{content:"";display:block;width:42px;height:1px;margin:24px auto 0;background:linear-gradient(90deg,transparent,rgba(232,103,46,.68),transparent)}

/* Tool showcase */
#landingPage .svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#landingPage .svc-card{position:relative;overflow:hidden;padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 18px 48px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);transition:transform .26s cubic-bezier(.2,.75,.2,1),border-color .26s,box-shadow .26s}
#landingPage .svc-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px circle at 50% -20%,rgba(232,103,46,.105),transparent 52%);opacity:0;transition:opacity .28s}
#landingPage .svc-card:hover{transform:translateY(-6px);border-color:rgba(232,103,46,.27);box-shadow:0 28px 70px rgba(0,0,0,.33),0 0 40px rgba(232,103,46,.05)}
#landingPage .svc-card:hover:before{opacity:1}
#landingPage .svc-card-cost{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid rgba(255,255,255,.095);border-radius:999px;background:rgba(255,255,255,.035);font-size:9px;letter-spacing:.09em;color:rgba(247,246,243,.5)}
#landingPage .svc-card-cost.gen{border-color:rgba(232,103,46,.22);background:rgba(232,103,46,.07);color:#efa27d}
#landingPage .svc-card-title{position:relative;z-index:1;margin-top:14px;font-size:19px;font-weight:760;letter-spacing:-.025em;color:#f7f6f3}
#landingPage .svc-card-desc{position:relative;z-index:1;min-height:66px;margin:8px 0 17px;font-size:12.5px;line-height:1.62;color:rgba(247,246,243,.56)}
#landingPage .svc-card .ba-slider{position:relative;z-index:1;aspect-ratio:4/3;border-radius:14px;box-shadow:0 14px 34px rgba(0,0,0,.25)}
#landingPage .ba-label{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:8.5px;letter-spacing:.09em;font-weight:800}
#landingPage .ba-handle{filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}

/* Real app demo */
#landingPage #landing-demo{max-width:1180px}
#landingPage .demo-tabs{display:inline-flex;position:relative;left:50%;transform:translateX(-50%);gap:5px;padding:5px;margin-bottom:15px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.03);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
#landingPage .demo-tab{min-width:92px;padding:9px 13px;border-radius:9px;color:rgba(247,246,243,.52);font-weight:650;transition:background .2s,color .2s,box-shadow .2s}
#landingPage .demo-tab.active{background:linear-gradient(180deg,rgba(232,103,46,.2),rgba(232,103,46,.12));color:#fff;box-shadow:inset 0 0 0 1px rgba(232,103,46,.22)}
#landingPage .demo-frame{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.105);background:#0b0c0e;padding:8px;box-shadow:0 32px 88px rgba(0,0,0,.42),0 0 0 1px rgba(232,103,46,.03)}
#landingPage .demo-frame:before{content:"";position:absolute;inset:-25% 18% auto;height:140px;background:rgba(232,103,46,.13);filter:blur(70px);pointer-events:none}
#landingPage .demo-frame img{display:block;width:100%;border-radius:15px;border:1px solid rgba(255,255,255,.06)}

/* How it works */
#landingPage .landing-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#landingPage .landing-steps:before{content:"";position:absolute;left:16.6%;right:16.6%;top:49px;height:1px;background:linear-gradient(90deg,transparent,rgba(232,103,46,.22),rgba(255,255,255,.12),rgba(232,103,46,.22),transparent);z-index:0}
#landingPage .landing-step{position:relative;z-index:1;text-align:center;min-height:190px;padding:28px 24px 26px}
#landingPage .landing-step-num{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 20px;border-radius:13px;background:linear-gradient(145deg,rgba(232,103,46,.17),rgba(232,103,46,.07));border:1px solid rgba(232,103,46,.22);box-shadow:0 8px 22px rgba(0,0,0,.18)}
#landingPage .landing-step-title{font-size:16px;font-weight:740;letter-spacing:-.02em;color:#f7f6f3}
#landingPage .landing-step-desc{max-width:250px;margin:8px auto 0;font-size:12.5px;line-height:1.58;color:rgba(247,246,243,.53)}

/* Pricing */
#landingPage .landing-pricing-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:stretch;max-width:980px;margin:0 auto 22px}
#landingPage .landing-price-card{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:190px;padding:28px 26px;text-align:left;overflow:visible}
#landingPage .landing-price-card:after{content:"";position:absolute;inset:auto 20px 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}
#landingPage .landing-price-card.featured{transform:translateY(-7px);background:radial-gradient(circle at 50% -15%,rgba(232,103,46,.18),transparent 52%),linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,.025))}
#landingPage .landing-price-kicker{margin-bottom:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:800;letter-spacing:.12em;color:rgba(247,246,243,.4)}
#landingPage .landing-price-card.featured .landing-price-kicker{color:#ef9a70}
#landingPage .landing-price-badge{position:absolute;top:-11px;right:18px;padding:6px 9px;border-radius:999px;border:1px solid rgba(255,178,135,.3);background:linear-gradient(180deg,#f07a43,#da5926);box-shadow:0 8px 20px rgba(232,103,46,.22);font-size:8px;font-weight:850;letter-spacing:.1em;color:white}
#landingPage .landing-price-name{font-size:17px;font-weight:720;color:#f7f6f3;letter-spacing:-.02em}
#landingPage .landing-price-amount{margin:8px 0 9px;font-size:36px;font-weight:800;letter-spacing:-.045em;color:#fff}
#landingPage .landing-price-amount span{font-size:11px;font-weight:600;letter-spacing:0;color:rgba(247,246,243,.46)}
#landingPage .landing-price-detail{font-size:11.5px;line-height:1.55;color:rgba(247,246,243,.53)}
#landingPage #landingFullPricingBtn{display:block;margin:0 auto;min-width:245px}

/* Founder story and comparison */
#landingPage .landing-founder-teaser{max-width:900px;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:96px 1fr;gap:28px;align-items:center;background:radial-gradient(circle at 10% 0%,rgba(232,103,46,.08),transparent 36%),linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.022))}
#landingPage .founder-avatar{width:96px;height:96px;padding:4px;border-radius:50%;background:linear-gradient(145deg,rgba(232,103,46,.6),rgba(255,255,255,.1));box-shadow:0 14px 34px rgba(0,0,0,.28)}
#landingPage .founder-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #111214}
#landingPage .landing-founder-teaser p{margin:0 0 12px;font-size:14px;line-height:1.75;color:rgba(247,246,243,.68)}
#landingPage .landing-founder-teaser a{font-size:12px;font-weight:750;color:#ef9164;text-decoration:none}
#landingPage .landing-turnaround-compare{max-width:760px;margin:22px auto 0;padding:28px;border:1px solid rgba(255,255,255,.085);border-radius:18px;background:rgba(255,255,255,.025);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
#landingPage .landing-turnaround-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
#landingPage .landing-turnaround-arrow{color:rgba(232,103,46,.75);font-size:22px}
#landingPage .landing-turnaround-num{font-size:34px;letter-spacing:-.04em}
#landingPage .landing-turnaround-caption{max-width:560px;margin:20px auto 0;line-height:1.55;color:rgba(247,246,243,.46)}

/* FAQ */
#landingPage #landing-faq{max-width:920px}
#landingPage #landing-faq .landing-section-head{margin-bottom:28px}
#landingPage .faq-item{border-bottom:1px solid rgba(255,255,255,.085);background:transparent;transition:background .2s}
#landingPage .faq-item:first-of-type{border-top:1px solid rgba(255,255,255,.085)}
#landingPage .faq-item:hover{background:rgba(255,255,255,.016)}
#landingPage .faq-q{padding:20px 4px;font-size:14px;font-weight:680;color:rgba(247,246,243,.86)}
#landingPage .faq-q span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid rgba(255,255,255,.1);color:#ef8b59;background:rgba(255,255,255,.025)}
#landingPage .faq-a{padding:0 44px 20px 4px;line-height:1.68;color:rgba(247,246,243,.52)}

/* Final CTA */
#landingPage .landing-cta-band{position:relative;overflow:hidden;max-width:980px;margin:18px auto 0;border-color:rgba(232,103,46,.18);box-shadow:0 28px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04)}
#landingPage .landing-cta-band:before,#landingPage .landing-cta-band:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
#landingPage .landing-cta-band:before{width:360px;height:360px;left:-180px;top:-220px;background:rgba(232,103,46,.13);filter:blur(55px)}
#landingPage .landing-cta-band:after{width:280px;height:280px;right:-170px;bottom:-190px;background:rgba(232,103,46,.08);filter:blur(60px)}
#landingPage .landing-cta-band>*{position:relative;z-index:1}
#landingPage .landing-cta-band h2{max-width:700px;margin-left:auto;margin-right:auto;font-size:clamp(30px,4vw,47px);letter-spacing:-.045em;line-height:1.06}
#landingPage .landing-cta-band p{max-width:600px;margin-left:auto;margin-right:auto;font-size:14px;line-height:1.65;color:rgba(247,246,243,.57)}

/* Footer */
#landingPage .landing-footer{max-width:var(--rp-max);margin-left:auto;margin-right:auto;padding-left:5vw;padding-right:5vw;text-align:center;color:rgba(247,246,243,.4)}
#landingPage .landing-footer>div:first-child{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}
#landingPage .landing-footer>div:first-child a{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:9px;color:rgba(247,246,243,.5);text-decoration:none;transition:background .2s,color .2s}
#landingPage .landing-footer>div:first-child a:hover{background:rgba(255,255,255,.04);color:#fff}
#landingPage .landing-footer-social a{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
#landingPage .landing-footer-legal{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:18px}
#landingPage .landing-footer-legal button{color:rgba(247,246,243,.38);transition:color .2s}
#landingPage .landing-footer-legal button:hover{color:rgba(247,246,243,.72)}

@media (max-width:980px){
  #landingPage .svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #landingPage .landing-pricing-strip{grid-template-columns:1fr;max-width:620px}
  #landingPage .landing-price-card.featured{transform:none}
  #landingPage .landing-price-card{min-height:160px}
}
@media (max-width:760px){
  #landingPage .landing-section{padding-top:78px;padding-bottom:4px}
  #landingPage .svc-grid{grid-template-columns:1fr;gap:13px}
  #landingPage .svc-card{padding:15px}
  #landingPage .svc-card-desc{min-height:auto}
  #landingPage .demo-tabs{display:grid;grid-template-columns:repeat(2,1fr);width:100%;left:auto;transform:none}
  #landingPage .demo-tab{min-width:0}
  #landingPage .demo-frame{padding:5px;border-radius:16px}
  #landingPage .landing-steps{grid-template-columns:1fr}
  #landingPage .landing-steps:before{display:none}
  #landingPage .landing-step{min-height:0;padding:22px 18px}
  #landingPage .landing-founder-teaser{grid-template-columns:1fr;text-align:center;padding:26px 20px}
  #landingPage .founder-avatar{margin:0 auto;width:84px;height:84px}
  #landingPage .landing-turnaround-row{gap:12px}
  #landingPage .landing-turnaround-num{font-size:28px}
  #landingPage .landing-turnaround-tag{font-size:10px}
  #landingPage .landing-turnaround-caption{font-size:11px}
  #landingPage .faq-q{font-size:13px;text-align:left;gap:15px}
  #landingPage .faq-a{padding-right:4px}
  #landingPage .landing-cta-band{padding:48px 20px}
  #landingPage .landing-footer{padding-left:18px;padding-right:18px;margin-top:78px}
}


/* ============================================================
   RAWPORT AI V2 — PASS 3: FINAL LANDING POLISH
   Accessibility, mobile behavior, focus states, and final rhythm.
   ============================================================ */
#landingPage{isolation:isolate}
#landingPage a,#landingPage button{-webkit-tap-highlight-color:transparent}
#landingPage a:focus-visible,#landingPage button:focus-visible{
  outline:2px solid #ff9a68;outline-offset:3px;box-shadow:0 0 0 5px rgba(232,103,46,.14)
}
#landingPage .landing-nav{transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
#landingPage .landing-nav-links a{position:relative}
#landingPage .landing-nav-links a:after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:1px;transform:scaleX(0);transform-origin:center;background:linear-gradient(90deg,transparent,#f08b58,transparent);transition:transform .22s ease}
#landingPage .landing-nav-links a:hover:after{transform:scaleX(1)}
#landingPage .landing-h1{text-wrap:balance}
#landingPage .landing-sub,#landingPage .landing-section-sub{text-wrap:pretty}
#landingPage .landing-cta-note{line-height:1.55}
#landingPage .landing-price-card{transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
#landingPage .landing-price-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.15);box-shadow:0 25px 58px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04)}
#landingPage .landing-price-card.featured:hover{transform:translateY(-10px);border-color:rgba(232,103,46,.5)}
#landingPage .faq-item{overflow:hidden}
#landingPage .faq-q{width:100%;min-height:58px;cursor:pointer}
#landingPage .faq-q span{display:inline-grid;place-items:center;width:24px;height:24px;flex:none;border-radius:8px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);transition:transform .22s ease,background .22s ease,border-color .22s ease}
#landingPage .faq-item.open .faq-q span{transform:rotate(45deg);background:rgba(232,103,46,.1);border-color:rgba(232,103,46,.24)}
#landingPage .landing-social-placeholder{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:rgba(247,246,243,.28);background:rgba(255,255,255,.025);cursor:not-allowed}
#landingPage .landing-social-placeholder svg{width:17px;height:17px}
#landingPage .landing-footer-legal button{transition:color .18s ease,background .18s ease}
#landingPage .landing-footer-legal button:hover{color:#fff}

@media (max-width:1100px){
  #landingPage .landing-nav-links a{padding-left:9px;padding-right:9px}
  #landingPage .landing-nav-links .nav-icon{display:none}
  #landingPage .svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  #landingPage{overflow-x:hidden}
  #landingPage:before{background-size:42px 42px;opacity:.12}
  #landingPage .landing-nav-links,#landingPage .landing-nav-divider{display:none}
  #landingPage .landing-nav{justify-content:space-between}
  #landingPage .landing-hero-grid{gap:36px}
  #landingPage .landing-eyebrow{font-size:10px;line-height:1.3;text-align:left}
  #landingPage .landing-h1{letter-spacing:-.045em}
  #landingPage .landing-cta-row .landing-btn-primary,#landingPage .landing-cta-row .landing-btn-ghost{flex:1 1 100%;width:100%;min-height:46px}
  #landingPage .landing-watch-demo-link{min-height:42px}
  #landingPage .landing-cta-note{text-align:center;font-size:10.5px}
  #landingPage .landing-trust-bar{display:grid;grid-template-columns:1fr;max-width:100%;padding-top:18px}
  #landingPage .landing-trust-item{justify-content:center;text-align:center}
  #landingPage .svc-grid{grid-template-columns:1fr;gap:14px}
  #landingPage .svc-card-desc{min-height:0}
  #landingPage .demo-tabs{display:grid;grid-template-columns:repeat(2,1fr);width:100%;left:auto;transform:none}
  #landingPage .demo-tab{min-width:0}
  #landingPage .landing-steps{grid-template-columns:1fr;gap:12px}
  #landingPage .landing-steps:before{display:none}
  #landingPage .landing-step{min-height:0;padding:22px 18px}
  #landingPage .landing-pricing-strip{grid-template-columns:1fr;gap:13px}
  #landingPage .landing-price-card{min-height:0;padding:24px 20px}
  #landingPage .landing-price-card.featured{transform:none;order:-1}
  #landingPage .landing-price-card.featured:hover{transform:translateY(-4px)}
  #landingPage .landing-founder-teaser{grid-template-columns:1fr;text-align:center;gap:18px;padding:24px 20px}
  #landingPage .founder-avatar{margin:0 auto}
  #landingPage .landing-turnaround-compare{padding:22px 16px}
  #landingPage .landing-turnaround-row{grid-template-columns:1fr;gap:12px}
  #landingPage .landing-turnaround-arrow{transform:rotate(90deg)}
  #landingPage .landing-section{padding-top:78px}
  #landingPage .landing-section-head{margin-bottom:32px}
  #landingPage .landing-section-head:after{margin-top:18px}
  #landingPage .landing-section-h2{font-size:clamp(30px,9.5vw,40px)}
  #landingPage .landing-section-sub{font-size:14px}
  #landingPage .landing-cta-band{padding:40px 18px;border-radius:20px}
  #landingPage .landing-cta-band h2{font-size:clamp(27px,9vw,38px);text-wrap:balance}
  #landingPage .landing-footer{margin-top:68px;padding-top:34px;padding-bottom:34px}
}
@media (max-width:390px){
  #landingPage .landing-nav .brand-mark-r{width:31px!important;height:31px!important}
  #landingPage .landing-nav .brand-name{font-size:15.5px!important}
  #landingPage .landing-nav-ctas .landing-btn-primary{padding-left:10px;padding-right:10px;font-size:10.5px}
  #landingPage .landing-hero{padding-left:14px;padding-right:14px}
  #landingPage .landing-section{padding-left:14px;padding-right:14px}
}

/* ======================================================================
   RAWPORT AI — STUDIO / EDITOR PREMIUM WORKSPACE (v26.25)
   Scoped to authenticated app shell. Existing IDs/hooks are untouched.
   ====================================================================== */
#appShell{
  --studio-bg:#0b0c0e;
  --studio-panel:#101114;
  --studio-panel-2:#15171b;
  --studio-panel-3:#1a1c21;
  --studio-border:rgba(255,255,255,.075);
  --studio-border-strong:rgba(255,255,255,.12);
  --studio-orange:#e8672e;
  --studio-orange-soft:#ff9a68;
  --studio-text:#f5f4f1;
  --studio-muted:rgba(245,244,241,.62);
  --studio-faint:rgba(245,244,241,.39);
  min-height:100vh;
  background:
    radial-gradient(circle at 72% -10%,rgba(232,103,46,.07),transparent 34rem),
    linear-gradient(180deg,#0a0b0d 0%,#0d0e10 100%);
}
#appShell .shell{min-height:100vh;gap:0}
#appShell .content{flex:1;min-width:0;padding:0 22px 28px 18px}
#appShell .wrap{max-width:1780px;padding:0;margin:0 auto}

/* Product sidebar */
#appShell .sidebar{
  width:236px;top:12px;height:calc(100vh - 24px);margin:12px 0 12px 12px;padding:20px 14px 14px;gap:22px;
  background:linear-gradient(180deg,rgba(17,18,21,.98),rgba(10,11,13,.98));
  border:1px solid var(--studio-border);border-radius:18px;
  box-shadow:0 18px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025);
}
#appShell .sidebar .brand{padding:2px 8px 8px}
#appShell .sidebar .brand-name{font-weight:760;letter-spacing:-.035em}
#appShell .side-nav{gap:4px}
#appShell .side-link{
  min-height:42px;padding:10px 11px;border-radius:11px;font-size:13.5px;font-weight:590;
  color:rgba(245,244,241,.58);transition:background .16s,border-color .16s,color .16s,transform .16s;
  border:1px solid transparent;
}
#appShell .side-link:hover{background:rgba(255,255,255,.045);color:rgba(245,244,241,.86);transform:translateX(1px)}
#appShell .side-link.active{
  color:#fff;background:linear-gradient(180deg,rgba(232,103,46,.17),rgba(232,103,46,.095));
  border-color:rgba(232,103,46,.21);box-shadow:inset 3px 0 0 var(--studio-orange),inset 0 1px 0 rgba(255,255,255,.035);
}
#appShell .side-link-icon{width:17px;height:17px;opacity:.76}
#appShell .side-link.active .side-link-icon{color:var(--studio-orange-soft);opacity:1}
#appShell .sidebar-collapse-btn{border-radius:11px;background:rgba(255,255,255,.025)}
#appShell .account-card-static,#appShell .credits-card{border-radius:13px;border-color:var(--studio-border)}

/* Top utility bar */
#appShell .top-bar{height:66px;padding:13px 2px 10px;position:relative}
#appShell .top-bar:before{content:none;display:none}
#appShell .bell-btn{width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.035);box-shadow:none}

/* Studio page framing */
#appShell #view-home{position:relative}
#appShell #workspaceView{padding-bottom:24px}
#appShell .usage-snapshot,#appShell .usage-snapshot-guest{
  border-radius:14px;border-color:var(--studio-border);background:rgba(255,255,255,.027);box-shadow:none;
}
#appShell #dropzone{
  position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--studio-border);
  background:linear-gradient(180deg,rgba(18,19,22,.98),rgba(11,12,14,.98));
  box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025)
}
#appShell #dropzone:has(#photoEditor[style*="display: block"]),
body.studio-editing #appShell #dropzone{border-color:rgba(232,103,46,.15)}

/* Empty upload state */
#appShell #dropzoneEmpty{min-height:72vh;position:relative;z-index:2}
#appShell #dropzoneEmpty:before{
  content:"START A NEW PROJECT";display:inline-flex;margin-bottom:16px;padding:6px 10px;border-radius:999px;
  font-size:10px;font-weight:760;letter-spacing:.12em;color:var(--studio-orange-soft);background:rgba(232,103,46,.08);border:1px solid rgba(232,103,46,.18)
}
#appShell .dz-upload-btn{min-height:48px!important;padding:0 20px!important;border-radius:12px!important;font-weight:720!important}
#appShell .dz-sub{font-size:13px!important;color:var(--studio-muted)!important}
#appShell .dz-trust{margin-top:4px;color:var(--studio-faint)!important}
#appShell .dz-bg-photo{filter:saturate(.8) brightness(.52);opacity:.42}

/* ================= Premium Editor ================= */
body.studio-editing #appShell .content{padding-right:14px}
#appShell #photoEditor{background:#0b0c0e}
body.studio-editing #appShell #photoEditor{outline:none;border-radius:0}
#appShell .lr-topbar{
  min-height:58px;padding:9px 14px 9px 16px;border:0;border-bottom:1px solid var(--studio-border);
  background:linear-gradient(180deg,#15171a,#111316);border-radius:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)
}
#appShell .lr-topbar-title{
  display:flex;align-items:center;gap:9px;font-family:Satoshi,-apple-system,sans-serif!important;
  font-size:11px;font-weight:760;letter-spacing:.145em;color:rgba(245,244,241,.72)
}
#appShell .lr-topbar-title:before{
  content:"R";display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;
  background:linear-gradient(145deg,#f1844e,#cf4f1c);color:#fff;font-size:13px;font-weight:850;letter-spacing:-.04em;
  box-shadow:0 5px 16px rgba(232,103,46,.18)
}
#appShell .lr-topbar-title:after{content:"  •  AI IMAGE WORKSPACE";font-size:9px;letter-spacing:.12em;color:rgba(245,244,241,.25);white-space:pre}
#appShell .lr-add-btn{
  min-height:34px;padding:0 12px;border-radius:9px;background:rgba(255,255,255,.045);border:1px solid var(--studio-border-strong);
  color:rgba(245,244,241,.72);font-size:11px;font-weight:650;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)
}
#appShell .lr-add-btn:hover{background:rgba(255,255,255,.075);border-color:rgba(232,103,46,.32);color:#fff}

#appShell .lr-layout{min-height:calc(100vh - 230px);border:0;background:#0b0c0e}
#appShell .lr-adjust-host{
  width:248px;padding:16px 13px 18px;background:linear-gradient(180deg,#0e0f12,#0a0b0d);
  border-right:1px solid var(--studio-border);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent
}
#appShell .lr-panel-label{padding:5px 7px 11px;font-size:9px;font-weight:760;letter-spacing:.145em;color:rgba(245,244,241,.33)}
#appShell .lr-tool-btn{
  gap:9px;min-height:42px;padding:8px 9px;margin-bottom:5px;border-radius:10px;
  background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.055);box-shadow:none;
  color:rgba(245,244,241,.68);font-size:11.5px;font-weight:590;transform:none!important
}
#appShell .lr-tool-btn:hover{background:rgba(255,255,255,.052);border-color:rgba(255,255,255,.10);color:#fff}
#appShell .lr-tool-btn.selected{
  background:linear-gradient(180deg,rgba(232,103,46,.17),rgba(232,103,46,.09));border-color:rgba(232,103,46,.42);
  color:#fff;box-shadow:inset 3px 0 0 var(--studio-orange),0 6px 18px rgba(0,0,0,.14)
}
#appShell .lr-tool-icon{
  width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;flex:none;
  background:rgba(255,255,255,.045);font-size:13px
}
#appShell .lr-tool-btn.selected .lr-tool-icon{background:rgba(232,103,46,.18);color:var(--studio-orange-soft)}
#appShell .lr-tool-name{font-weight:630;letter-spacing:-.008em}
#appShell .lr-tool-cost{padding:3px 5px;border-radius:6px;background:rgba(255,255,255,.035);font-size:8.5px;letter-spacing:.04em}
#appShell .lr-tool-btn.selected .lr-tool-cost{background:rgba(232,103,46,.16);color:#ffb08c}

/* Adjustment stack */
#appShell .lr-adjust-host .adjust-panel{margin-top:14px;padding-top:14px;border-top:1px solid var(--studio-border)}
#appShell .adjust-panel-head{padding:7px 5px;border-radius:8px;color:rgba(245,244,241,.62);font-size:9.5px;font-weight:740;letter-spacing:.09em}
#appShell .adjust-panel-head:hover{background:rgba(255,255,255,.03)}
#appShell .adjust-row{padding:7px 4px}
#appShell .adjust-row-label{font-size:10.5px;color:rgba(245,244,241,.58)}
#appShell .adjust-row-value{font-size:9.5px;color:rgba(245,244,241,.38)}
#appShell .adjust-slider{height:3px;accent-color:var(--studio-orange)}
#appShell .adjust-reset-btn{margin-top:10px;border-radius:8px!important;font-size:10px!important}

/* Filmstrip */
#appShell .lr-filmstrip{
  width:106px;padding:14px 10px;gap:9px;background:#0e0f11;border-right:1px solid var(--studio-border);
  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.11) transparent
}
#appShell .lr-filmstrip:before{content:"SHOTS";font-size:8.5px;font-weight:760;letter-spacing:.14em;color:rgba(245,244,241,.28);margin:0 0 3px}
#appShell .filmstrip-thumb{border-radius:10px;border:2px solid transparent;box-shadow:0 4px 14px rgba(0,0,0,.22);opacity:.72}
#appShell .filmstrip-thumb:hover{transform:translateY(-1px) scale(1.015);opacity:1}
#appShell .filmstrip-thumb.active{border-color:var(--studio-orange);opacity:1;box-shadow:0 0 0 2px rgba(232,103,46,.12),0 8px 18px rgba(0,0,0,.3)}

/* Main image stage */
#appShell .editor-main{background:
  radial-gradient(circle at 50% 42%,rgba(255,255,255,.025),transparent 25rem),
  #0b0c0e;position:relative}
#appShell .editor-main .card.big-editor-card{min-height:100%;background:transparent}
#appShell .editor-main .card.big-editor-card .compare{
  height:calc(100vh - 230px);min-height:540px;background:
    linear-gradient(45deg,#0d0e10 25%,transparent 25%),linear-gradient(-45deg,#0d0e10 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,#0d0e10 75%),linear-gradient(-45deg,transparent 75%,#0d0e10 75%),#0b0c0e;
  background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;
  padding:22px 24px
}
#appShell .editor-main .card.big-editor-card .compare canvas,
#appShell .editor-main .card.big-editor-card .compare img{
  object-fit:contain;filter:drop-shadow(0 18px 45px rgba(0,0,0,.48));border-radius:3px
}
#appShell .editor-main .card.big-editor-card .card-body{
  min-width:330px;max-width:390px;padding:18px!important;background:linear-gradient(180deg,#111215,#0c0d0f);
  border-left:1px solid var(--studio-border);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.11) transparent
}
#appShell .editor-main .card-body .btn-primary{border-radius:10px;min-height:40px;font-weight:690}
#appShell .editor-main .card-body .btn-ghost{border-radius:9px}
#appShell .editor-main textarea,#appShell .editor-main input[type="text"],#appShell .editor-main select{
  border-radius:10px!important;background:rgba(255,255,255,.035)!important;border-color:var(--studio-border)!important
}

/* Command footer */
#appShell .lr-toolbar{
  min-height:70px;margin:0;padding:11px 14px;border:0;border-top:1px solid var(--studio-border);border-radius:0 0 14px 14px;
  background:rgba(14,15,18,.96);backdrop-filter:none;-webkit-backdrop-filter:none;
  display:grid;grid-template-columns:auto minmax(240px,1fr) auto;align-items:center;gap:18px
}
#appShell .lr-toolbar .count{font-size:10px;color:rgba(245,244,241,.58);font-weight:650}
#appShell .lr-toolbar .cost-estimate{font-size:9px;color:var(--studio-orange-soft);margin-top:3px}
#appShell .toolbar-disclaimer{max-width:680px;font-size:9.5px!important;line-height:1.42;color:rgba(245,244,241,.28)!important;text-align:center}
#appShell .lr-toolbar .btn-ghost,#appShell .lr-toolbar .btn-primary{min-height:36px;border-radius:9px;padding:0 12px;font-size:10.5px;font-weight:650}
#appShell .lr-toolbar #enhanceAll{min-width:150px;background:linear-gradient(180deg,#ef7941,#d85823);box-shadow:0 7px 18px rgba(232,103,46,.18)}

/* Premium focus + state details */
#appShell button:focus-visible,#appShell input:focus-visible,#appShell textarea:focus-visible,#appShell select:focus-visible{
  outline:2px solid rgba(232,103,46,.68)!important;outline-offset:2px!important
}
#appShell ::selection{background:rgba(232,103,46,.30);color:#fff}
#appShell .progress-ring-fill{stroke:var(--studio-orange-soft)}
#appShell .card.working{animation:none!important;box-shadow:inset 0 0 0 1px rgba(232,103,46,.30)!important}

/* App mobile/tablet workspace */
@media (max-width:1100px){
  #appShell .lr-adjust-host{width:218px}
  #appShell .editor-main .card.big-editor-card .card-body{min-width:300px;max-width:340px}
  #appShell .toolbar-disclaimer{display:none}
  #appShell .lr-toolbar{grid-template-columns:auto 1fr}
  #appShell .lr-toolbar>div:last-child{justify-self:end}
}
@media (max-width:900px){
  #appShell .content{padding:0 12px 18px}
  #appShell .lr-layout{min-height:auto}
  #appShell .lr-adjust-host{width:100%;max-height:none;border-right:0;border-bottom:1px solid var(--studio-border)}
  #appShell .lr-filmstrip{width:100%;height:94px;flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--studio-border);align-items:center}
  #appShell .lr-filmstrip:before{writing-mode:vertical-rl;margin:0 3px 0 0}
  #appShell .filmstrip-thumb{width:66px;height:66px}
  #appShell .editor-main .card.big-editor-card .compare{height:52vh;min-height:360px;padding:14px}
  #appShell .editor-main .card.big-editor-card .card-body{max-width:none;min-width:0;border-left:0;border-top:1px solid var(--studio-border)}
  #appShell .lr-toolbar{display:flex;flex-wrap:wrap;gap:10px}
  #appShell .lr-toolbar>div:last-child{margin-left:auto}
}
@media (max-width:600px){
  #appShell .top-bar:before{display:none}
  #appShell #dropzone{border-radius:14px}
  #appShell .lr-topbar-title:after{display:none}
  #appShell .lr-add-btn{padding:0 9px}
  #appShell .editor-main .card.big-editor-card .compare{height:44vh;min-height:300px;padding:8px}
  #appShell .lr-toolbar>div:last-child{width:100%;display:grid!important;grid-template-columns:1fr 1fr}
  #appShell .lr-toolbar #enhanceAll{grid-column:1/-1;width:100%}
}

/* =========================================================
   RAWPORT AI V2 — FULL APP CONSISTENCY PASS
   Premium logged-in surfaces outside the Editor workspace.
   ========================================================= */
#appShell{--rp-surface:#101114;--rp-surface-2:#15171b;--rp-surface-3:#1a1c21;--rp-line:rgba(255,255,255,.075);--rp-line-strong:rgba(255,255,255,.12);--rp-text:#f5f4f1;--rp-muted:rgba(245,244,241,.62);--rp-faint:rgba(245,244,241,.4);--rp-orange:#e8672e;--rp-orange-soft:#ff9a68}
#appShell .content{background:radial-gradient(circle at 78% -10%,rgba(232,103,46,.045),transparent 31%),linear-gradient(180deg,#0b0c0e 0%,#0d0e11 100%)}
#appShell .wrap{max-width:1480px;margin-inline:auto}
#appShell .view{animation:rpViewIn .28s ease both}
@keyframes rpViewIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
#appShell .hero.hero-compact{position:relative;padding:28px 0 22px;margin-bottom:18px;border-bottom:1px solid var(--rp-line)}
#appShell .hero.hero-compact:before{content:none;display:none}
#appShell .hero.hero-compact h1{margin:0;font-size:clamp(30px,3.2vw,46px);line-height:1.02;letter-spacing:-.045em;font-weight:760;color:var(--rp-text)}
#appShell .hero.hero-compact .sub,#appShell .pricing-sub{max-width:720px;margin-top:10px;color:var(--rp-muted);line-height:1.65}
#appShell .view-footer{margin-top:26px;padding:16px 2px 4px;border-top:1px solid var(--rp-line);font-size:11px;line-height:1.65;color:var(--rp-faint)}

/* Library */
#appShell #view-training .hero.hero-compact{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}
#appShell #view-training .hero.hero-compact:before{width:100%}
#appShell #view-training .hero.hero-compact h1{margin-right:auto}
#appShell #view-training #galleryCount{padding:7px 10px;border:1px solid var(--rp-line);border-radius:999px;background:rgba(255,255,255,.025);color:var(--rp-muted)}
#appShell .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
#appShell .gallery-grid>*{border-radius:16px!important;border-color:var(--rp-line)!important;background:var(--rp-surface)!important;box-shadow:0 10px 30px rgba(0,0,0,.12);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
#appShell .gallery-grid>*:hover{transform:translateY(-2px);border-color:rgba(232,103,46,.25)!important;box-shadow:0 16px 38px rgba(0,0,0,.2)}

/* AI Suite */
#appShell #view-toolkit .svc-grid{gap:13px}
#appShell #view-toolkit .svc-card{position:relative;overflow:hidden;border:1px solid var(--rp-line);border-radius:17px;background:linear-gradient(150deg,rgba(255,255,255,.04),rgba(255,255,255,.018));padding:20px;box-shadow:0 12px 32px rgba(0,0,0,.12);transition:transform .18s ease,border-color .18s ease,background .18s ease}
#appShell #view-toolkit .svc-card:after{content:"";position:absolute;width:100px;height:100px;right:-42px;top:-48px;border-radius:999px;background:rgba(232,103,46,.07);filter:blur(3px);pointer-events:none}
#appShell #view-toolkit .svc-card:hover{transform:translateY(-2px);border-color:rgba(232,103,46,.25);background:linear-gradient(150deg,rgba(232,103,46,.045),rgba(255,255,255,.02))}
#appShell #view-toolkit .svc-card-title{font-size:16px;letter-spacing:-.02em}
#appShell #view-toolkit .svc-card-desc{color:var(--rp-muted);line-height:1.6}
#appShell #view-toolkit .svc-card-cost{color:var(--rp-orange-soft)}

/* Plans */
#appShell #view-projects{max-width:1180px;margin-inline:auto;padding-top:28px}
#appShell #view-projects .pricing-eyebrow{display:inline-flex;padding:7px 10px;border:1px solid rgba(232,103,46,.2);border-radius:999px;background:rgba(232,103,46,.07);color:var(--rp-orange-soft);letter-spacing:.13em}
#appShell #view-projects .pricing-h1{font-size:clamp(38px,5vw,62px);line-height:1.03;letter-spacing:-.055em;font-weight:760}
#appShell #view-projects .pricing-h1 em{font-style:normal;color:var(--rp-orange-soft)}
#appShell .pricing-toggle{padding:4px;border:1px solid var(--rp-line);border-radius:12px;background:rgba(255,255,255,.025);width:max-content;margin:22px auto}
#appShell .pricing-toggle-btn{border-radius:9px!important;min-height:36px}
#appShell .plans-grid{gap:14px}
#appShell .plan-card{position:relative;border-radius:18px!important;border:1px solid var(--rp-line)!important;background:linear-gradient(165deg,rgba(255,255,255,.042),rgba(255,255,255,.018))!important;box-shadow:0 16px 44px rgba(0,0,0,.15);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
#appShell .plan-card:hover{transform:translateY(-3px);border-color:rgba(232,103,46,.24)!important;box-shadow:0 22px 54px rgba(0,0,0,.22)}
#appShell .plan-card.featured{border-color:rgba(232,103,46,.38)!important;background:linear-gradient(165deg,rgba(232,103,46,.08),rgba(255,255,255,.02))!important;box-shadow:0 22px 58px rgba(0,0,0,.22),0 0 0 1px rgba(232,103,46,.05) inset}
#appShell .plan-name-big{letter-spacing:-.025em}
#appShell .plan-price-big{letter-spacing:-.055em}
#appShell .current-sub-card,#appShell .referral-card,#appShell .pricing-trust,#appShell .payments-paused-card{border-radius:17px!important;border:1px solid var(--rp-line)!important;background:rgba(255,255,255,.025)!important;box-shadow:none!important}
#appShell .referral-card{padding:24px!important}
#appShell .referral-title{letter-spacing:-.03em}
#appShell .referral-link-row{border-radius:12px;overflow:hidden}
#appShell .referral-link-input{background:#0c0d0f!important;border-color:var(--rp-line)!important}
#appShell #view-projects .faq-section{border-radius:17px;background:rgba(255,255,255,.022);border-color:var(--rp-line)}

/* About */
#appShell #view-about .about-grid{gap:18px}
#appShell #view-about .about-grid>*{border-radius:18px!important;border-color:var(--rp-line)!important;background:rgba(255,255,255,.024)!important}
#appShell #view-about .about-hero-h1{letter-spacing:-.05em}

/* Support */
#appShell #view-support{max-width:1180px;margin-inline:auto}
#appShell .support-new-ticket,#appShell .support-tickets{border:1px solid var(--rp-line)!important;border-radius:18px!important;background:rgba(255,255,255,.024)!important;box-shadow:0 14px 38px rgba(0,0,0,.12)}
#appShell .support-new-ticket{padding:18px!important}
#appShell .support-new-ticket textarea,#appShell .support-search-input{background:#0d0e10!important;border:1px solid var(--rp-line)!important;border-radius:11px!important;color:var(--rp-text)!important}
#appShell .support-new-ticket textarea:focus,#appShell .support-search-input:focus{outline:none;border-color:rgba(232,103,46,.42)!important;box-shadow:0 0 0 3px rgba(232,103,46,.08)}
#appShell .support-actions-row{gap:8px;padding:12px 0}
#appShell .support-split{gap:12px}
#appShell .support-sidebar-col,#appShell .support-thread-col{border:1px solid var(--rp-line)!important;border-radius:14px!important;background:#0e0f11!important;overflow:hidden}
#appShell .support-list-col>*{transition:background .15s ease,border-color .15s ease}
#appShell .support-thread-empty{min-height:320px;display:grid;place-items:center;color:var(--rp-faint)}

/* Admin dashboard + Overview */
#appShell #view-admin,#appShell #view-overview{max-width:1320px;margin-inline:auto}
#appShell .admin-summary{gap:12px}
#appShell .admin-summary>*{position:relative;border:1px solid var(--rp-line)!important;border-radius:16px!important;background:linear-gradient(155deg,rgba(255,255,255,.04),rgba(255,255,255,.018))!important;box-shadow:none!important;overflow:hidden}
#appShell .admin-summary>*:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--rp-orange),transparent);opacity:.6}
#appShell .admin-stat-value{font-size:clamp(24px,2.5vw,34px)!important;letter-spacing:-.045em}
#appShell .admin-wrap{border:1px solid var(--rp-line)!important;border-radius:17px!important;background:rgba(255,255,255,.023)!important;box-shadow:none!important}
#appShell .admin-table{border-collapse:separate;border-spacing:0}
#appShell .admin-table th{background:#111216!important;color:var(--rp-faint)!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.11em;border-bottom:1px solid var(--rp-line)!important}
#appShell .admin-table td{border-bottom:1px solid rgba(255,255,255,.045)!important}
#appShell .admin-table tbody tr{transition:background .14s ease}
#appShell .admin-table tbody tr:hover{background:rgba(255,255,255,.025)}
#appShell #view-overview .admin-wrap{padding:18px!important}
#appShell #accountLinksList>*{border-radius:14px!important;border-color:var(--rp-line)!important;background:rgba(255,255,255,.025)!important}

/* Docs + Legal */
#appShell #view-docs,#appShell #view-legal{max-width:1120px;margin-inline:auto}
#appShell .docs-section{scroll-margin-top:28px;border-bottom-color:var(--rp-line)!important}
#appShell .docs-section h2{letter-spacing:-.025em}
#appShell .docs-toc{border-radius:16px!important;border-color:var(--rp-line)!important;background:rgba(255,255,255,.022)!important}

/* Unified controls */
#appShell .btn-primary{border-radius:10px;box-shadow:0 8px 24px rgba(232,103,46,.13);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
#appShell .btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(232,103,46,.2);filter:brightness(1.04)}
#appShell .btn-primary:active{transform:translateY(0)}
#appShell .btn-ghost,#appShell .support-attach-btn,#appShell .panel-toggle-btn{border-radius:9px!important;background:rgba(255,255,255,.025);border-color:var(--rp-line)}
#appShell .btn-ghost:hover,#appShell .support-attach-btn:hover{background:rgba(255,255,255,.05);border-color:rgba(232,103,46,.25)}
#appShell button:focus-visible,#appShell a:focus-visible,#appShell input:focus-visible,#appShell textarea:focus-visible,#appShell select:focus-visible{outline:2px solid var(--rp-orange-soft);outline-offset:2px}
#appShell .locked-panel{border-radius:18px!important;border:1px solid var(--rp-line)!important;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015))!important;padding:38px!important;box-shadow:0 18px 50px rgba(0,0,0,.18)}
#appShell .usage-snapshot,#appShell .usage-snapshot-guest{border-radius:15px!important;border-color:var(--rp-line)!important;background:rgba(255,255,255,.026)!important}

@media(max-width:900px){
  #appShell #view-projects{padding-top:10px}
  #appShell #view-projects .pricing-h1{font-size:40px}
  #appShell .plans-grid,#appShell #packsGrid,#appShell #subsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #appShell .support-split{grid-template-columns:1fr!important}
  #appShell .support-sidebar-col,#appShell .support-thread-col{min-height:0}
}
@media(max-width:620px){
  #appShell .hero.hero-compact{padding-top:18px}
  #appShell .hero.hero-compact h1{font-size:32px}
  #appShell #view-training .hero.hero-compact{align-items:center}
  #appShell .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  #appShell .plans-grid,#appShell #packsGrid,#appShell #subsGrid{grid-template-columns:1fr!important}
  #appShell #view-projects .pricing-h1{font-size:36px}
  #appShell .referral-card{padding:18px!important}
  #appShell .referral-link-row{display:grid;grid-template-columns:1fr}
  #appShell .admin-summary{grid-template-columns:1fr!important}
  #appShell .admin-wrap{border-radius:13px!important}
  #appShell .support-new-ticket,#appShell .support-tickets{border-radius:14px!important}
}
@media(prefers-reduced-motion:reduce){#appShell .view{animation:none}#appShell .plan-card,#appShell .gallery-grid>*,#appShell #view-toolkit .svc-card,#appShell .btn-primary{transition:none!important}}

/* =========================================================
   RAWPORT AI v2 — FINAL PRODUCT QUALITY PASS
   Scoped to the authenticated app shell. No workflow logic.
   ========================================================= */
#appShell{--rp-canvas:#08090b;--rp-panel:#0d0f12;--rp-panel-2:#111318;--rp-hairline:rgba(255,255,255,.065);--rp-ring:rgba(242,144,90,.34);--rp-elev:0 18px 46px rgba(0,0,0,.24)}
#appShell ::selection{background:rgba(232,103,46,.28);color:#fff}
#appShell *{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}
#appShell *::-webkit-scrollbar{width:8px;height:8px}
#appShell *::-webkit-scrollbar-track{background:transparent}
#appShell *::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
#appShell *::-webkit-scrollbar-thumb:hover{background:rgba(232,103,46,.28);background-clip:padding-box}

/* Sidebar: quieter chrome, clearer product hierarchy */
#appShell .sidebar{background:linear-gradient(180deg,#090a0c 0%,#08090b 100%);border-color:var(--rp-hairline);box-shadow:0 24px 70px rgba(0,0,0,.28)}
#appShell .brand{min-height:34px}
#appShell .brand-mark-r{filter:drop-shadow(0 5px 12px rgba(232,103,46,.16))}
#appShell .side-nav{gap:4px}
#appShell .side-link{min-height:40px;border:1px solid transparent}
#appShell .side-link:hover{border-color:rgba(255,255,255,.045);background:rgba(255,255,255,.035)}
#appShell .side-link.active{background:linear-gradient(90deg,rgba(232,103,46,.13),rgba(232,103,46,.045));border-color:rgba(232,103,46,.16);box-shadow:inset 2px 0 0 var(--orange),0 6px 20px rgba(0,0,0,.12)}
#appShell .credits-card,#appShell .plan-card-mini,#appShell .account-card-static{background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.018));border-color:var(--rp-hairline)}
#appShell .credits-bar{height:4px;background:rgba(255,255,255,.07)}
#appShell .credits-bar-fill{background:linear-gradient(90deg,var(--orange),var(--orange-soft));box-shadow:0 0 14px rgba(232,103,46,.25)}

/* Views: subtle entrance + consistent top rhythm */
#appShell .view{animation:rpViewIn .24s cubic-bezier(.2,.8,.2,1)}
@keyframes rpViewIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
#appShell .hero.hero-compact{border-bottom:1px solid rgba(255,255,255,.045);margin-bottom:18px;padding-bottom:20px}
#appShell .hero.hero-compact h1{letter-spacing:-.045em}
#appShell .hero.hero-compact .sub{max-width:720px;color:rgba(245,243,240,.52)}

/* Primary actions feel deliberate, not loud */
#appShell .btn-primary{position:relative;overflow:hidden;background:linear-gradient(180deg,#ef7a42,#df5f28);border:1px solid rgba(255,255,255,.09);color:#160d08;font-weight:760;letter-spacing:-.01em}
#appShell .btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.18) 50%,transparent 80%);transform:translateX(-120%);transition:transform .55s ease;pointer-events:none}
#appShell .btn-primary:hover:before{transform:translateX(120%)}
#appShell .btn-primary:disabled{filter:saturate(.45);opacity:.48;box-shadow:none;transform:none;cursor:not-allowed}
#appShell .btn-ghost{min-height:36px}

/* Modals: denser and more premium */
#appShell .login-modal-backdrop{background:rgba(2,3,5,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#appShell .login-modal{background:linear-gradient(160deg,rgba(20,22,27,.97),rgba(12,13,16,.98));border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 0 1px rgba(232,103,46,.04) inset}
#appShell .login-input,#appShell textarea.override{background:#090b0e!important;border-color:rgba(255,255,255,.09)!important;box-shadow:0 1px 0 rgba(255,255,255,.025) inset}
#appShell .login-input:focus,#appShell textarea.override:focus{border-color:rgba(232,103,46,.48)!important;box-shadow:0 0 0 3px rgba(232,103,46,.08)!important;outline:none}

/* RawPort Editor — flagship workspace */
#appShell #photoEditor{border:1px solid rgba(255,255,255,.075);border-radius:18px;background:#08090b;overflow:hidden;box-shadow:0 26px 70px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.012) inset}
#appShell .lr-topbar{min-height:52px;padding:0 14px 0 16px;background:linear-gradient(180deg,#101216,#0c0e11);border-bottom:1px solid rgba(255,255,255,.065);box-shadow:0 8px 20px rgba(0,0,0,.14);position:relative;z-index:4}
#appShell .lr-topbar:after{content:"";position:absolute;left:16px;bottom:-1px;width:70px;height:1px;background:linear-gradient(90deg,var(--orange),transparent)}
#appShell .lr-topbar-title{font-size:10px;letter-spacing:.18em;color:rgba(245,243,240,.66);font-weight:700}
#appShell .lr-topbar-title:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;background:var(--orange);box-shadow:0 0 0 4px rgba(232,103,46,.08),0 0 14px rgba(232,103,46,.3);vertical-align:0}
#appShell .lr-add-btn{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:rgba(245,243,240,.75);border-radius:9px;min-height:32px;padding:0 12px;font-weight:650;transition:.16s ease}
#appShell .lr-add-btn:hover{color:#fff;border-color:rgba(232,103,46,.28);background:rgba(232,103,46,.06)}
#appShell .lr-layout{background:#08090b;min-height:590px;gap:0}
#appShell .lr-adjust-host{background:linear-gradient(180deg,#0c0e11,#0a0b0e);border-right:1px solid rgba(255,255,255,.06);box-shadow:10px 0 24px rgba(0,0,0,.10);z-index:2}
#appShell .lr-filmstrip{background:linear-gradient(180deg,#0b0d10,#090a0c);border-right:1px solid rgba(255,255,255,.055);box-shadow:8px 0 20px rgba(0,0,0,.08);z-index:1}
#appShell #editorMain{position:relative;background-color:var(--rp-canvas);background-image:radial-gradient(circle at 50% 40%,rgba(255,255,255,.032),transparent 34%),linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;box-shadow:inset 0 0 90px rgba(0,0,0,.34)}
#appShell #editorMain:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)}
#appShell .lr-toolbar{min-height:62px;padding:10px 14px 10px 16px;background:linear-gradient(180deg,#0f1115,#0b0d10);border-top:1px solid rgba(255,255,255,.065);box-shadow:0 -10px 30px rgba(0,0,0,.13)}
#appShell .lr-toolbar .count{color:rgba(245,243,240,.68);font-size:10px;letter-spacing:.08em}
#appShell .lr-toolbar .cost-estimate{color:var(--orange-soft);font-size:10px;margin-top:3px}
#appShell .toolbar-disclaimer{max-width:610px;color:rgba(245,243,240,.38);font-size:10.5px;line-height:1.5}
#appShell #enhanceAll{min-width:160px;min-height:38px}
#appShell #downloadAllBtn{border-color:rgba(123,199,154,.16)}
#appShell #downloadAllBtn:not(:disabled):hover{border-color:rgba(123,199,154,.34);color:#9ad9b2;background:rgba(123,199,154,.055)}

/* Filmstrip / cards / controls gain tactile selection cues */
#appShell .editor-filmstrip button,#appShell .editor-filmstrip [role="button"],#appShell .gallery-grid>*{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
#appShell .editor-filmstrip button:hover,#appShell .editor-filmstrip [role="button"]:hover{transform:translateY(-1px)}
#appShell .editor-filmstrip .active,#appShell .editor-filmstrip [aria-selected="true"]{box-shadow:0 0 0 1px rgba(232,103,46,.46),0 8px 24px rgba(0,0,0,.22)}

/* Gallery / library */
#appShell .gallery-grid>*{background:linear-gradient(155deg,rgba(255,255,255,.038),rgba(255,255,255,.016));border-color:rgba(255,255,255,.07)!important}
#appShell .gallery-grid>*:hover{transform:translateY(-2px);border-color:rgba(232,103,46,.22)!important;box-shadow:0 16px 36px rgba(0,0,0,.20)}
#appShell .recent-uploads-section{border-top:1px solid rgba(255,255,255,.055);padding-top:18px}
#appShell .recent-uploads-head{color:rgba(245,243,240,.7)}

/* Plans/support/admin: improve dense-data readability */
#appShell .plan-card.featured:before{content:"RECOMMENDED";position:absolute;top:12px;right:12px;padding:5px 8px;border-radius:999px;background:rgba(232,103,46,.12);border:1px solid rgba(232,103,46,.20);color:var(--orange-soft);font:700 8px/1 SFMono-Regular,Menlo,monospace;letter-spacing:.11em}
#appShell .support-thread-col{box-shadow:inset 1px 0 0 rgba(255,255,255,.02)}
#appShell .admin-table tbody tr:last-child td{border-bottom:none!important}
#appShell .admin-table th:first-child,#appShell .admin-table td:first-child{padding-left:16px!important}
#appShell .admin-table th:last-child,#appShell .admin-table td:last-child{padding-right:16px!important}

/* Empty / locked / toast / feedback states */
#appShell .locked-panel{position:relative;overflow:hidden;text-align:center}
#appShell .locked-panel:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;left:50%;top:-120px;transform:translateX(-50%);background:rgba(232,103,46,.10);filter:blur(36px);pointer-events:none}
#appShell .support-thread-empty{border:1px dashed rgba(255,255,255,.08);border-radius:12px;margin:10px;background:rgba(255,255,255,.012)}
#appShell .plan-toast{border:1px solid rgba(255,255,255,.09);background:rgba(15,17,20,.94);backdrop-filter:blur(16px);box-shadow:0 16px 40px rgba(0,0,0,.28);border-radius:12px}

/* Accessible micro-feedback */
#appShell button,#appShell a,#appShell input,#appShell textarea,#appShell select{-webkit-tap-highlight-color:transparent}
#appShell button:active:not(:disabled){transform:translateY(0) scale(.985)}
#appShell [aria-busy="true"]{cursor:progress}
#appShell img{image-rendering:auto}

/* Responsive: preserve a professional editor rather than shrinking desktop blindly */
@media(max-width:1100px){
  #appShell .toolbar-disclaimer{display:none}
  #appShell .lr-layout{min-height:520px}
}
@media(max-width:820px){
  #appShell #photoEditor{border-radius:14px}
  #appShell .lr-topbar{min-height:48px}
  #appShell .lr-layout{min-height:460px}
  #appShell .lr-toolbar{gap:8px;flex-wrap:wrap}
  #appShell .lr-toolbar>div:last-child{width:100%;display:grid!important;grid-template-columns:1fr 1fr!important}
  #appShell #enhanceAll{grid-column:1/-1;min-width:0}
  #appShell .plan-card.featured:before{position:static;display:inline-flex;margin-bottom:10px}
}
@media(max-width:600px){
  #appShell .lr-topbar-title{letter-spacing:.12em}
  #appShell .lr-add-btn{padding:0 9px;font-size:11px}
  #appShell .lr-layout{min-height:400px}
  #appShell .lr-toolbar{padding:10px}
  #appShell .lr-toolbar>div:last-child{grid-template-columns:1fr!important}
  #appShell #enhanceAll{grid-column:auto}
  #appShell .login-modal{padding:22px 18px;border-radius:14px}
}
@media(prefers-reduced-motion:reduce){
  #appShell .view{animation:none!important}
  #appShell .btn-primary:before{display:none}
}

/* =========================================================
   RAWPORT AI — VISUAL CORRECTION PASS
   Fixes: gradient banding, clipped About content, Messages
   edge spacing, and narrow viewport overflow.
   Functional hooks / JS are intentionally untouched.
   ========================================================= */

/* 1) Anti-banding: use stable flat dark surfaces for large UI areas. */
html,body{background:#0b0c0e!important}
#appShell{background:#0b0c0e!important}
#appShell .content{
  background:#0b0c0e!important;
  background-image:none!important;
}
#appShell .sidebar{
  background:#090a0c!important;
  background-image:none!important;
}
#appShell #photoEditor,
#appShell .lr-layout,
#appShell #editorMain{
  background-color:#090a0c!important;
}
#appShell #editorMain{
  background-image:
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px)!important;
  background-size:32px 32px!important;
}
#appShell .lr-topbar{background:#0f1114!important;background-image:none!important}
#appShell .lr-adjust-host{background:#0c0e11!important;background-image:none!important}
#appShell .lr-filmstrip{background:#0a0c0f!important;background-image:none!important}
#appShell .lr-toolbar{background:#0d0f12!important;background-image:none!important}
#appShell .login-modal{background:#111318!important;background-image:none!important}
#appShell .locked-panel{background:#111216!important;background-image:none!important}
#appShell .locked-panel:before{display:none!important}

/* Large cards: flat translucent surfaces prevent posterization/banding. */
#appShell #view-toolkit .svc-card,
#appShell .plan-card,
#appShell .admin-summary>*,
#appShell .gallery-grid>*,
#appShell .credits-card,
#appShell .plan-card-mini,
#appShell .account-card-static{
  background:rgba(255,255,255,.028)!important;
  background-image:none!important;
}
#appShell #view-toolkit .svc-card:hover{background:rgba(232,103,46,.045)!important}
#appShell .plan-card.featured{background:rgba(232,103,46,.055)!important}
#appShell .side-link.active{background:rgba(232,103,46,.105)!important;background-image:none!important}

/* Public landing: remove broad page glows that can band on dark displays. */
#landingPage,
#landingPage .landing-main,
#landingPage .landing-hero,
#landingPage .landing-section{
  background-image:none!important;
}
#landingPage{background:#0b0c0e!important}
#landingPage .landing-price-card.featured,
#landingPage .landing-founder-teaser{
  background:rgba(255,255,255,.045)!important;
  background-image:none!important;
}

/* 2) About page: the left card needs real inner spacing and safe wrapping. */
#appShell #view-about{
  width:100%;
  max-width:1320px;
  margin-inline:auto;
  min-width:0;
  overflow:visible;
}
#appShell #view-about .about-grid{
  width:100%;
  min-width:0;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
}
#appShell #view-about .about-left{
  min-width:0;
  width:100%;
  padding:28px 30px 30px;
  overflow:hidden;
}
#appShell #view-about .about-left .hero{
  width:100%;
  min-width:0;
}
#appShell #view-about .about-body{
  width:100%;
  max-width:100%;
  min-width:0;
  margin-top:20px;
}
#appShell #view-about .about-body p{
  max-width:100%;
  white-space:normal!important;
  overflow-wrap:anywhere;
  word-break:normal;
}
#appShell #view-about .about-hero-h1{
  max-width:100%;
  overflow-wrap:anywhere;
}
#appShell #view-about .founder-card{
  min-width:0;
  overflow:hidden;
}

/* 3) Messages / support: consistent left and right inset. */
#appShell #view-support{
  width:100%;
  max-width:1240px;
  margin-inline:auto;
  padding-inline:2px;
  min-width:0;
}
#appShell .support-tickets{
  width:100%;
  min-width:0;
  padding:20px 18px 18px!important;
  overflow:hidden;
}
#appShell .support-tickets-head-row{
  margin:0 0 14px!important;
  padding:0!important;
  min-width:0;
}
#appShell .support-tickets-head{
  margin:0!important;
  padding:0!important;
  line-height:1.25;
}
#appShell .support-actions-row{
  width:100%;
  max-width:none!important;
  margin:0 0 12px!important;
  padding:0!important;
  flex-wrap:wrap;
}
#appShell .support-split,
#appShell .support-split.split-layout,
#appShell .support-split.split-layout.admin-3col,
#appShell .support-split.split-layout.editor-3col{
  width:100%;
  max-width:none!important;
  min-width:0;
}
#appShell .support-sidebar-col,
#appShell .support-list-col,
#appShell .support-thread-col{
  min-width:0;
}

/* 4) General defensive wrapping / overflow for premium cards. */
#appShell .view,
#appShell .hero,
#appShell .card,
#appShell .admin-wrap,
#appShell .support-new-ticket,
#appShell .support-tickets{
  min-width:0;
  max-width:100%;
}
#appShell p,#appShell h1,#appShell h2,#appShell h3,#appShell .sub{
  overflow-wrap:break-word;
}

/* 5) Responsive corrections for the exact narrow-window failures shown. */
@media(max-width:1100px){
  #appShell #view-about .about-grid{grid-template-columns:1fr!important}
  #appShell #view-about .founder-card{margin-top:0!important}
  #appShell .support-split.split-layout.admin-3col,
  #appShell .support-split.split-layout.editor-3col{grid-template-columns:minmax(150px,190px) minmax(220px,300px) minmax(0,1fr)!important}
  #appShell .support-split.split-layout.admin-3col>*:last-child{grid-column:1/-1}
}
@media(max-width:820px){
  #appShell #view-about .about-left{padding:22px 20px 24px}
  #appShell .support-tickets{padding:16px 14px!important}
  #appShell .support-split.split-layout,
  #appShell .support-split.split-layout.admin-3col,
  #appShell .support-split.split-layout.editor-3col{grid-template-columns:1fr!important}
  #appShell .support-split.split-layout.admin-3col>*:last-child{grid-column:auto}
}
@media(max-width:600px){
  #appShell #view-about .about-left{padding:20px 16px 22px}
  #appShell #view-about .about-hero-h1{font-size:clamp(30px,10vw,38px)!important}
  #appShell .support-tickets{padding:14px 12px!important}
  #appShell .support-actions-row{justify-content:flex-start!important}
}

/* =========================================================
   RAWPORT EDITOR — FULL WORKSPACE FIX v3
   Makes the active editor genuinely usable at desktop sizes.
   Functional IDs / processing hooks are untouched.
   ========================================================= */

/* Quick Answers must wrap instead of clipping off-screen. */
#appShell #enhanceEmptyExtras .faq-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  overflow:visible!important;
}
#appShell #enhanceEmptyExtras .faq-item,
#appShell #enhanceEmptyExtras .faq-q{min-width:0!important;max-width:100%!important}
#appShell #enhanceEmptyExtras .faq-q{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.25!important;
  min-height:42px!important;
}
#appShell #enhanceEmptyExtras .faq-a{left:0!important;right:auto!important;width:min(340px,calc(100vw - 48px))!important}
#appShell #enhanceEmptyExtras .faq-item:nth-child(4n) .faq-a{left:auto!important;right:0!important}

/* Active editing is a workspace, not a centered dashboard card. */
body.studio-editing #appShell .wrap{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
body.studio-editing #appShell .content{
  padding:0 10px 14px 10px!important;
  width:calc(100vw - 92px)!important;
  max-width:none!important;
  min-width:0!important;
}
body.studio-editing #appShell #view-home,
body.studio-editing #appShell #workspaceView,
body.studio-editing #appShell #dropzone,
body.studio-editing #appShell #photoEditor{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

/* Automatically compact the sidebar while a photo is actively open. */
body.studio-editing #appShell .sidebar{
  width:72px!important;
  padding-left:14px!important;
  padding-right:14px!important;
}
body.studio-editing #appShell .sidebar .account-card-text,
body.studio-editing #appShell .sidebar .avatar-fun-fact,
body.studio-editing #appShell .sidebar .brand-name,
body.studio-editing #appShell .sidebar .side-link-label,
body.studio-editing #appShell .sidebar .sidebar-collapse-label,
body.studio-editing #appShell .sidebar .sidebar-team-link-label,
body.studio-editing #appShell .sidebar .plan-card-mini,
body.studio-editing #appShell .sidebar .credits-bar,
body.studio-editing #appShell .sidebar .credits-label,
body.studio-editing #appShell .sidebar .credits-reset{display:none!important}
body.studio-editing #appShell .sidebar .brand,
body.studio-editing #appShell .sidebar .side-link,
body.studio-editing #appShell .sidebar .account-card-static,
body.studio-editing #appShell .sidebar .account-box{justify-content:center!important}
body.studio-editing #appShell .sidebar .side-link{padding:11px!important}
body.studio-editing #appShell .sidebar .credits-card{
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:none!important;border:0!important;padding:10px 0!important;min-height:92px!important
}

/* Give the editor most of the viewport height and width. */
body.studio-editing #appShell #photoEditor{
  border-radius:12px!important;
  min-height:calc(100vh - 66px)!important;
  overflow:hidden!important;
}
body.studio-editing #appShell .lr-topbar{min-height:54px!important}
body.studio-editing #appShell .lr-layout{
  min-height:calc(100vh - 190px)!important;
  height:calc(100vh - 190px)!important;
  overflow:hidden!important;
}
body.studio-editing #appShell .lr-adjust-host{
  width:236px!important;
  min-width:236px!important;
  max-width:236px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
body.studio-editing #appShell .lr-filmstrip{
  width:92px!important;
  min-width:92px!important;
  max-width:92px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
body.studio-editing #appShell .editor-main{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:100%!important;
  overflow:hidden!important;
}
body.studio-editing #appShell .editor-main .card.big-editor-card{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
body.studio-editing #appShell .editor-main .card.big-editor-card .compare{
  flex:1 1 auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:18px!important;
}
body.studio-editing #appShell .editor-main .card.big-editor-card .card-body{
  flex:0 0 360px!important;
  width:360px!important;
  min-width:360px!important;
  max-width:360px!important;
  height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:18px!important;
}
body.studio-editing #appShell .editor-main .card.big-editor-card .compare img,
body.studio-editing #appShell .editor-main .card.big-editor-card .compare canvas{
  max-width:100%!important;
  max-height:100%!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

/* Make service controls comfortably readable/clickable. */
body.studio-editing #appShell .card-tool-pill-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
body.studio-editing #appShell .card-tool-pill-row .lr-tool-btn{
  min-width:0!important;
  min-height:48px!important;
  padding:9px 10px!important;
  font-size:12px!important;
}
body.studio-editing #appShell .card-tool-pill-row .lr-tool-name{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Footer stays compact so canvas retains vertical space. */
body.studio-editing #appShell .lr-toolbar{
  min-height:62px!important;
  padding:9px 12px!important;
}

/* Do not allow hidden horizontal overflow to crop menus/dropdowns. */
#appShell #view-home,
#appShell #workspaceView{min-width:0!important;max-width:100%!important}
#appShell .lr-topbar{overflow:visible!important}
#appShell .notif-dropdown,
#appShell select,
#appShell .faq-a{z-index:100!important}

/* Medium desktop: preserve a large canvas without crushing controls. */
@media (max-width:1280px) and (min-width:901px){
  body.studio-editing #appShell .content{width:calc(100vw - 84px)!important;padding-left:6px!important;padding-right:6px!important}
  body.studio-editing #appShell .lr-adjust-host{width:205px!important;min-width:205px!important;max-width:205px!important}
  body.studio-editing #appShell .lr-filmstrip{width:78px!important;min-width:78px!important;max-width:78px!important}
  body.studio-editing #appShell .editor-main .card.big-editor-card .card-body{flex-basis:330px!important;width:330px!important;min-width:330px!important;max-width:330px!important}
  #appShell #enhanceEmptyExtras .faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Tablet/mobile keeps the existing stacked editor flow. */
@media (max-width:900px){
  body.studio-editing #appShell .sidebar{width:260px!important}
  body.studio-editing #appShell .content{width:100%!important;padding:0 12px 18px!important}
  body.studio-editing #appShell .lr-layout{height:auto!important;min-height:auto!important;overflow:visible!important}
  body.studio-editing #appShell .lr-adjust-host{width:100%!important;min-width:0!important;max-width:none!important}
  body.studio-editing #appShell .lr-filmstrip{width:100%!important;min-width:0!important;max-width:none!important;height:94px!important;overflow-x:auto!important;overflow-y:hidden!important}
  body.studio-editing #appShell .editor-main .card.big-editor-card{height:auto!important}
  body.studio-editing #appShell .editor-main .card.big-editor-card .compare{height:52vh!important;min-height:360px!important}
  body.studio-editing #appShell .editor-main .card.big-editor-card .card-body{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important}
  #appShell #enhanceEmptyExtras .faq-grid{grid-template-columns:1fr!important}
  #appShell #enhanceEmptyExtras .faq-a{position:static!important;width:auto!important}
}

/* =========================================================
   RAWPORT EDITOR — COLLAPSED EDGE RAIL FIX v4
   Converts the editing sidebar from a floating narrow card
   into a compact professional navigation rail at the screen edge.
   ========================================================= */
@media (min-width:901px){
  body.studio-editing #appShell .shell{
    gap:0!important;
  }

  body.studio-editing #appShell .sidebar{
    position:sticky!important;
    top:0!important;
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    height:100vh!important;
    margin:0!important;
    padding:14px 8px 10px!important;
    gap:10px!important;
    border-radius:0!important;
    border-top:0!important;
    border-bottom:0!important;
    border-left:0!important;
    border-right:1px solid rgba(255,255,255,.07)!important;
    background:#08090a!important;
    box-shadow:8px 0 24px rgba(0,0,0,.18)!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    z-index:30!important;
  }

  body.studio-editing #appShell .sidebar .brand{
    min-height:42px!important;
    margin:0 0 4px!important;
    padding:0!important;
    justify-content:center!important;
  }

  body.studio-editing #appShell .sidebar .brand-logo,
  body.studio-editing #appShell .sidebar .brand-mark,
  body.studio-editing #appShell .sidebar .logo-mark{
    width:38px!important;
    height:38px!important;
    margin:0!important;
  }

  body.studio-editing #appShell .sidebar .side-nav{
    gap:4px!important;
    margin:0!important;
    padding:0!important;
  }

  body.studio-editing #appShell .sidebar .side-link{
    width:48px!important;
    min-width:48px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0 auto!important;
    padding:0!important;
    border-radius:10px!important;
    justify-content:center!important;
    gap:0!important;
  }

  body.studio-editing #appShell .sidebar .side-link-icon{
    width:18px!important;
    height:18px!important;
    margin:0!important;
  }

  body.studio-editing #appShell .sidebar .side-link.active{
    background:rgba(232,103,46,.14)!important;
    box-shadow:inset 2px 0 0 var(--orange)!important;
  }

  /* Remove non-essential sidebar blocks while editing. */
  body.studio-editing #appShell .sidebar .credits-card,
  body.studio-editing #appShell .sidebar .plan-card-mini,
  body.studio-editing #appShell .sidebar .avatar-fun-fact,
  body.studio-editing #appShell .sidebar .sidebar-team-link-label,
  body.studio-editing #appShell .sidebar .sidebar-collapse-label,
  body.studio-editing #appShell .sidebar .account-card-text{
    display:none!important;
  }

  body.studio-editing #appShell .sidebar .account-box{
    margin-top:auto!important;
    padding:10px 0 0!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:8px!important;
  }

  body.studio-editing #appShell .sidebar .account-card-static{
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0!important;
    margin:0!important;
    justify-content:center!important;
    align-items:center!important;
    background:transparent!important;
    border:0!important;
    border-radius:12px!important;
  }

  body.studio-editing #appShell .sidebar .account-avatar{
    width:34px!important;
    height:34px!important;
    margin:0!important;
  }

  body.studio-editing #appShell .sidebar .sidebar-team-link,
  body.studio-editing #appShell .sidebar .sidebar-collapse-btn{
    width:48px!important;
    min-width:48px!important;
    height:40px!important;
    min-height:40px!important;
    margin:0 auto!important;
    padding:0!important;
    border-radius:10px!important;
    justify-content:center!important;
  }

  body.studio-editing #appShell .sidebar .sidebar-collapse-btn{
    margin-top:0!important;
  }

  body.studio-editing #appShell .sidebar .sidebar-team-link-icon,
  body.studio-editing #appShell .sidebar .sidebar-collapse-icon{
    width:15px!important;
    height:15px!important;
  }

  body.studio-editing #appShell .content{
    width:calc(100vw - 64px)!important;
    max-width:calc(100vw - 64px)!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
}

/* =========================================================
   RAWPORT AI — GLOBAL ANTI-BANDING + EDGE-SAFE PASS v5
   Removes large blurred gradients / glow halos from all major
   public and app surfaces. Keeps the premium dark look via
   flat tonal separation, hairline borders and compact shadows.
   ========================================================= */

:root{
  --rp-flat-page:#0b0c0e;
  --rp-flat-panel:#111317;
  --rp-flat-panel-2:#0e1013;
  --rp-flat-panel-3:#14161a;
  --rp-flat-border:rgba(255,255,255,.085);
  --rp-flat-border-soft:rgba(255,255,255,.055);
}

/* ---------- Public homepage: eliminate large-area posterization ---------- */
#landingPage{
  background:var(--rp-flat-page)!important;
  background-image:none!important;
}
#landingPage:before,
#landingPage .landing-hero:after,
#landingPage .landing-hero-col-image:before,
#landingPage .svc-card:before,
#landingPage .demo-frame:before,
#landingPage .landing-cta-band:before,
#landingPage .landing-cta-band:after{
  display:none!important;
  content:none!important;
  filter:none!important;
}
#landingPage .landing-nav{
  background:#101216!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
}
#landingPage .showcase-card,
#landingPage .tool-card,
#landingPage .svc-card,
#landingPage .landing-step,
#landingPage .landing-price-card,
#landingPage .landing-founder-teaser,
#landingPage .landing-cta-band,
#landingPage .landing-turnaround-compare,
#landingPage .demo-frame{
  background:var(--rp-flat-panel)!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-color:var(--rp-flat-border)!important;
  box-shadow:none!important;
}
#landingPage .showcase-card{
  background:#121418!important;
}
#landingPage .showcase-image-wrap,
#landingPage .ba-slider,
#landingPage .svc-card .ba-slider{
  background:#0c0e11!important;
  box-shadow:none!important;
  border-color:var(--rp-flat-border-soft)!important;
}
#landingPage .tool-card:hover,
#landingPage .svc-card:hover,
#landingPage .landing-step:hover,
#landingPage .landing-price-card:hover{
  box-shadow:none!important;
}
#landingPage .landing-price-card.featured{
  background:#161618!important;
  background-image:none!important;
  border-color:rgba(232,103,46,.38)!important;
  box-shadow:none!important;
}
#landingPage .landing-price-card:after{
  background:rgba(255,255,255,.065)!important;
}
#landingPage .landing-founder-teaser{
  background:#121418!important;
}
#landingPage .landing-cta-band{
  background:#131519!important;
}
#landingPage .demo-frame{
  background:#0d0f12!important;
  padding:7px!important;
}
#landingPage .demo-frame img{
  border-color:rgba(255,255,255,.055)!important;
}
#landingPage .landing-steps:before{
  background:rgba(255,255,255,.075)!important;
}
#landingPage .landing-step-num{
  background:rgba(232,103,46,.12)!important;
  background-image:none!important;
  box-shadow:none!important;
}
#landingPage .founder-avatar{
  background:#16181c!important;
  background-image:none!important;
  border:1px solid rgba(232,103,46,.28)!important;
  box-shadow:none!important;
}

/* ---------- Logged-in app: flat surfaces, no ambient glow bands ---------- */
#appShell,
#appShell .content,
#appShell .view,
#appShell .shell{
  background-color:var(--rp-flat-page)!important;
  background-image:none!important;
}
#appShell .sidebar{
  background:#090a0c!important;
  background-image:none!important;
  box-shadow:none!important;
}
#appShell #photoEditor{
  background:#090a0c!important;
  background-image:none!important;
  box-shadow:none!important;
  border-color:rgba(255,255,255,.075)!important;
}
#appShell .lr-topbar,
#appShell .lr-adjust-host,
#appShell .lr-filmstrip,
#appShell .lr-toolbar,
#appShell #editorMain,
#appShell .editor-main,
#appShell .editor-layout{
  background-image:none!important;
  box-shadow:none!important;
}
#appShell .lr-topbar{background:#0f1114!important}
.lr-topbar{border-radius:14px 14px 0 0!important}
#appShell .lr-adjust-host{background:#0c0e11!important}
#appShell .lr-filmstrip{background:#0a0c0f!important}
#appShell #editorMain,
#appShell .editor-main{background:#0b0d10!important}
#appShell .lr-toolbar{background:#0d0f12!important}
#appShell #editorMain:after{display:none!important;content:none!important}

/* Major app cards should use flat tonal separation rather than gradients. */
#appShell .card,
#appShell .svc-card,
#appShell .plan-card,
#appShell .locked-panel,
#appShell .gallery-grid>*,
#appShell .admin-summary>*,
#appShell .admin-wrap,
#appShell .support-new-ticket,
#appShell .support-tickets,
#appShell .current-sub-card,
#appShell .referral-card,
#appShell .pricing-trust,
#appShell .payments-paused-card,
#appShell .credits-card,
#appShell .plan-card-mini,
#appShell .account-card-static,
#appShell .login-modal,
#appShell .template-card{
  background-color:var(--rp-flat-panel)!important;
  background-image:none!important;
  box-shadow:none!important;
}
#appShell .plan-card.featured{
  background:#161618!important;
  background-image:none!important;
  box-shadow:none!important;
}
#appShell #view-toolkit .svc-card:after,
#appShell .locked-panel:before,
#appShell .admin-summary>*:before{
  display:none!important;
  content:none!important;
  filter:none!important;
}
#appShell .gallery-grid>*:hover,
#appShell .plan-card:hover,
#appShell #view-toolkit .svc-card:hover{
  box-shadow:none!important;
}

/* Collapsed editor rail: no shadow band beside the rail. */
@media (min-width:901px){
  body.studio-editing #appShell .sidebar{
    box-shadow:none!important;
    border-right:1px solid rgba(255,255,255,.065)!important;
    background:#08090a!important;
  }
}

/* ---------- Editor footer edge safety ---------- */
body.studio-editing #appShell #photoEditor{
  overflow:hidden!important;
}
body.studio-editing #appShell .lr-toolbar{
  min-height:66px!important;
  padding:10px 18px 11px!important;
  border-radius:0 0 11px 11px!important;
  box-sizing:border-box!important;
  gap:14px!important;
}
body.studio-editing #appShell .lr-toolbar>div:first-child{
  min-width:116px!important;
  padding-left:2px!important;
}
body.studio-editing #appShell .lr-toolbar>div:last-child{
  padding-right:2px!important;
  flex:none!important;
}
body.studio-editing #appShell .lr-toolbar #count{
  white-space:nowrap!important;
  margin:0!important;
}
body.studio-editing #appShell .lr-toolbar #enhanceAll{
  margin-right:0!important;
  min-width:160px!important;
}

/* Avoid corners looking cropped at normal desktop widths. */
@media (max-width:1280px) and (min-width:901px){
  body.studio-editing #appShell .lr-toolbar{
    padding-left:15px!important;
    padding-right:15px!important;
  }
  body.studio-editing #appShell .lr-toolbar #enhanceAll{min-width:145px!important}
}

/* Keep decorative accent glows local to tiny controls only. */
#appShell .lr-topbar-title:before,
#appShell .account-avatar:hover,
#appShell .btn-primary,
#landingPage .landing-btn-primary,
#landingPage .landing-price-badge{
  /* small components are safe; broad panel glows are removed above */
}

/* =========================================================
   RAWPORT EDITOR — OUTER FRAME / FOOTER HARD FIX v6
   Removes the remaining banding source from #dropzone itself.
   ========================================================= */

/* The outer Studio frame was the remaining halo source. */
body.studio-editing #appShell #dropzone{
  background:#0a0c0f!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border:1px solid rgba(232,103,46,.24)!important;
  border-radius:16px!important;
  padding:8px!important;
  overflow:hidden!important;
}
body.studio-editing #appShell #dropzone:before,
body.studio-editing #appShell #dropzone:after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Inner editor frame is flat and separated by a single hairline border. */
body.studio-editing #appShell #photoEditor{
  width:100%!important;
  background:#090b0e!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:11px!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:hidden!important;
}

/* Ensure no child recreates an ambient halo around the editor. */
body.studio-editing #appShell .lr-topbar,
body.studio-editing #appShell .lr-layout,
body.studio-editing #appShell .lr-adjust-host,
body.studio-editing #appShell .lr-filmstrip,
body.studio-editing #appShell #editorMain,
body.studio-editing #appShell .editor-main,
body.studio-editing #appShell .lr-toolbar{
  box-shadow:none!important;
  filter:none!important;
}

/* Footer sits safely inside the rounded editor frame. */
body.studio-editing #appShell .lr-toolbar{
  min-height:70px!important;
  padding:11px 26px 12px!important;
  border-radius:0!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  background:#0d0f12!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
body.studio-editing #appShell .lr-toolbar>div:first-child{
  min-width:132px!important;
  padding-left:4px!important;
  margin-left:0!important;
}
body.studio-editing #appShell .lr-toolbar>div:last-child{
  padding-right:4px!important;
  margin-right:0!important;
  gap:10px!important;
}
body.studio-editing #appShell .lr-toolbar #count{
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
}
body.studio-editing #appShell .lr-toolbar #enhanceAll{
  min-width:164px!important;
  margin:0!important;
}

/* Remove any remaining edge fade from the collapsed rail too. */
@media (min-width:901px){
  body.studio-editing #appShell .sidebar{
    box-shadow:none!important;
    filter:none!important;
    background:#08090a!important;
    border-right:1px solid rgba(255,255,255,.06)!important;
  }
}

@media (max-width:1280px) and (min-width:901px){
  body.studio-editing #appShell #dropzone{padding:6px!important;border-radius:14px!important}
  body.studio-editing #appShell #photoEditor{border-radius:9px!important}
  body.studio-editing #appShell .lr-toolbar{padding-left:20px!important;padding-right:20px!important}
  body.studio-editing #appShell .lr-toolbar>div:first-child{min-width:120px!important}
  body.studio-editing #appShell .lr-toolbar #enhanceAll{min-width:150px!important}
}

/* =========================================================
   RAWPORT SIDEBAR — TRUE COLLAPSED EDGE RAIL v7
   Applies to the collapsed sidebar everywhere on desktop,
   not only while studio-editing is active.
   ========================================================= */
@media (min-width:901px){
  #appShell .sidebar.collapsed{
    position:sticky!important;
    top:0!important;
    left:0!important;
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    height:100vh!important;
    min-height:100vh!important;
    margin:0!important;
    padding:12px 8px 10px!important;
    gap:8px!important;
    border-radius:0!important;
    border-top:0!important;
    border-bottom:0!important;
    border-left:0!important;
    border-right:1px solid rgba(255,255,255,.065)!important;
    background:#08090a!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    z-index:40!important;
  }

  #appShell .sidebar.collapsed .brand{
    width:48px!important;
    min-width:48px!important;
    height:46px!important;
    min-height:46px!important;
    margin:0 auto 4px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  #appShell .sidebar.collapsed .brand-logo,
  #appShell .sidebar.collapsed .brand-mark,
  #appShell .sidebar.collapsed .logo-mark{
    width:36px!important;
    height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
    margin:0!important;
  }

  #appShell .sidebar.collapsed .brand-name,
  #appShell .sidebar.collapsed .side-link-label,
  #appShell .sidebar.collapsed .account-card-text,
  #appShell .sidebar.collapsed .avatar-fun-fact,
  #appShell .sidebar.collapsed .plan-card-mini,
  #appShell .sidebar.collapsed .sidebar-team-link-label,
  #appShell .sidebar.collapsed .sidebar-collapse-label{
    display:none!important;
  }

  #appShell .sidebar.collapsed .side-nav{
    width:48px!important;
    margin:0 auto!important;
    padding:0!important;
    gap:4px!important;
  }
  #appShell .sidebar.collapsed .side-link{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    border-radius:10px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #appShell .sidebar.collapsed .side-link:hover{
    background:rgba(255,255,255,.045)!important;
  }
  #appShell .sidebar.collapsed .side-link.active{
    background:rgba(232,103,46,.14)!important;
    box-shadow:inset 2px 0 0 var(--orange)!important;
  }
  #appShell .sidebar.collapsed .side-link-icon{
    width:18px!important;
    height:18px!important;
    margin:0!important;
    flex:none!important;
  }
  #appShell .sidebar.collapsed .side-badge{
    position:absolute!important;
    top:5px!important;
    right:5px!important;
    width:8px!important;
    min-width:8px!important;
    height:8px!important;
    padding:0!important;
    font-size:0!important;
    border-radius:999px!important;
  }

  #appShell .sidebar.collapsed .account-box{
    width:48px!important;
    margin:auto auto 0!important;
    padding:10px 0 0!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
  }
  #appShell .sidebar.collapsed .account-card-static{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    border-radius:10px!important;
    box-shadow:none!important;
  }
  #appShell .sidebar.collapsed .account-avatar{
    width:34px!important;
    height:34px!important;
    margin:0!important;
  }

  #appShell .sidebar.collapsed .sidebar-collapse-btn{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:40px!important;
    min-height:40px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:10px!important;
    background:transparent!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:none!important;
  }
  #appShell .sidebar.collapsed .sidebar-collapse-btn:hover{
    background:rgba(232,103,46,.08)!important;
    border-color:rgba(232,103,46,.28)!important;
  }
  #appShell .sidebar.collapsed .sidebar-collapse-icon{
    width:15px!important;
    height:15px!important;
    margin:0!important;
  }

  /* Let the main application reclaim all width released by the rail. */
  #appShell .shell:has(.sidebar.collapsed){
    gap:0!important;
  }
  #appShell .shell:has(.sidebar.collapsed) .content{
    width:calc(100vw - 64px)!important;
    max-width:calc(100vw - 64px)!important;
    min-width:0!important;
  }
}

/* =========================================================
   RAWPORT EDITOR — SINGLE FRAME + CORNER SAFE FIX v9
   Remove the outer Studio frame entirely while editing so
   there is no second edge/halo around the real editor.
   ========================================================= */
body.studio-editing,
body.studio-editing #appShell,
body.studio-editing #appShell .shell,
body.studio-editing #appShell .content,
body.studio-editing #appShell #view-home,
body.studio-editing #appShell #homeGated,
body.studio-editing #appShell #workspaceView{
  background:#0b0c0e!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* The dropzone is only a structural wrapper once the editor is open. */
body.studio-editing #appShell #dropzone{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
  overflow:visible!important;
}
body.studio-editing #appShell #dropzone::before,
body.studio-editing #appShell #dropzone::after,
body.studio-editing #appShell .dz-bg-photo{
  display:none!important;
  content:none!important;
}

/* The actual editor is the ONE visible frame. */
body.studio-editing #appShell #photoEditor{
  display:block;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  background:#090b0e!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:14px!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
body.studio-editing #appShell #photoEditor::before,
body.studio-editing #appShell #photoEditor::after{
  display:none!important;
  content:none!important;
}

/* Every direct editor surface stays flat; no side falloff. */
body.studio-editing #appShell #photoEditor .lr-topbar,
body.studio-editing #appShell #photoEditor .lr-layout,
body.studio-editing #appShell #photoEditor .lr-adjust-host,
body.studio-editing #appShell #photoEditor .lr-filmstrip,
body.studio-editing #appShell #photoEditor #editorMain,
body.studio-editing #appShell #photoEditor .editor-main,
body.studio-editing #appShell #photoEditor .lr-toolbar{
  box-shadow:none!important;
  filter:none!important;
}

/* Bottom toolbar: large safe inset away from both rounded corners. */
body.studio-editing #appShell #photoEditor .lr-toolbar{
  width:100%!important;
  min-height:78px!important;
  padding:12px 34px 16px!important;
  margin:0!important;
  background:#0d0f12!important;
  background-image:none!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  border-radius:0 0 13px 13px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.studio-editing #appShell #photoEditor .lr-toolbar>div:first-child{
  min-width:150px!important;
  padding-left:2px!important;
  margin-left:0!important;
}
body.studio-editing #appShell #photoEditor .lr-toolbar>div:last-child{
  padding-right:2px!important;
  margin-right:0!important;
  gap:12px!important;
  align-items:center!important;
}
body.studio-editing #appShell #photoEditor .lr-toolbar #count{
  padding:0!important;
  margin:0!important;
  white-space:nowrap!important;
}
body.studio-editing #appShell #photoEditor .lr-toolbar #enhanceAll{
  min-width:176px!important;
  margin:0!important;
}

@media (max-width:1280px) and (min-width:901px){
  body.studio-editing #appShell #photoEditor .lr-toolbar{
    padding-left:26px!important;
    padding-right:26px!important;
  }
  body.studio-editing #appShell #photoEditor .lr-toolbar>div:first-child{min-width:132px!important}
  body.studio-editing #appShell #photoEditor .lr-toolbar #enhanceAll{min-width:158px!important}
}

/* =========================================================
   RAWPORT EDITOR — EXACT BOTTOM CORNER SEAM FIX v10
   The outer #photoEditor owns the rounded corners. The footer
   must remain square edge-to-edge inside it, otherwise its own
   radius reveals the parent layer and creates dark corner steps.
   ========================================================= */
body.studio-editing #appShell #photoEditor{
  background:#090b0e!important;
  border-radius:14px!important;
  overflow:hidden!important;
  clip-path:inset(0 round 14px)!important;
}
body.studio-editing #appShell #photoEditor .lr-toolbar{
  background:#090b0e!important;
  background-color:#090b0e!important;
  background-image:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:visible!important;
  margin:0!important;
  padding:14px 42px 18px!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
}
body.studio-editing #appShell #photoEditor .lr-toolbar::before,
body.studio-editing #appShell #photoEditor .lr-toolbar::after{
  content:none!important;
  display:none!important;
}
body.studio-editing #appShell #photoEditor .lr-toolbar>div:first-child{
  padding-left:0!important;
  margin-left:0!important;
}
body.studio-editing #appShell #photoEditor .lr-toolbar>div:last-child{
  padding-right:0!important;
  margin-right:0!important;
}
@media (max-width:1280px) and (min-width:901px){
  body.studio-editing #appShell #photoEditor .lr-toolbar{
    padding-left:34px!important;
    padding-right:34px!important;
  }
}


/* =========================================================
   RAWPORT EDITOR — DEFINITIVE ANTI-BANDING FIX v11
   Solid colors only. Removes the large wrapper shadow/gradient
   in both empty and loaded Editor states.
   ========================================================= */
#appShell #dropzone,body.studio-editing #appShell #dropzone{background:#0d0f12!important;background-color:#0d0f12!important;background-image:none!important;border:1px solid #2a2d31!important;border-radius:16px!important;outline:0!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:hidden!important;}
#appShell #dropzone::before,#appShell #dropzone::after,body.studio-editing #appShell #dropzone::before,body.studio-editing #appShell #dropzone::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important;filter:none!important;}
body.studio-editing #appShell #dropzone{padding:0!important;border-color:#2a2d31!important;}
body.studio-editing #appShell #photoEditor{background:#0d0f12!important;background-color:#0d0f12!important;background-image:none!important;border:0!important;border-radius:15px!important;outline:0!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:hidden!important;clip-path:none!important;}
body.studio-editing #appShell #photoEditor::before,body.studio-editing #appShell #photoEditor::after{content:none!important;display:none!important;}
body.studio-editing #appShell #photoEditor .lr-topbar,body.studio-editing #appShell #photoEditor .lr-layout,body.studio-editing #appShell #photoEditor .lr-adjust-host,body.studio-editing #appShell #photoEditor .lr-filmstrip,body.studio-editing #appShell #photoEditor #editorMain,body.studio-editing #appShell #photoEditor .editor-main,body.studio-editing #appShell #photoEditor .lr-toolbar{background-image:none!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
body.studio-editing #appShell #photoEditor .lr-toolbar{background:#0d0f12!important;border-top:1px solid #1f2227!important;border-radius:0!important;padding:14px 42px 18px!important;min-height:78px!important;overflow:visible!important;}
body.studio-editing #appShell #photoEditor .lr-toolbar>div:first-child{min-width:150px!important;padding-left:0!important;margin-left:0!important;}
body.studio-editing #appShell #photoEditor .lr-toolbar>div:last-child{padding-right:0!important;margin-right:0!important;gap:12px!important;}
body.studio-editing #appShell #photoEditor .lr-toolbar #enhanceAll{min-width:176px!important;margin:0!important;}
body.studio-editing,body.studio-editing #appShell,body.studio-editing #appShell .shell,body.studio-editing #appShell .content,body.studio-editing #appShell #view-home,body.studio-editing #appShell #homeGated,body.studio-editing #appShell #workspaceView{background:#0b0c0e!important;background-image:none!important;box-shadow:none!important;filter:none!important;}

/* =========================================================
   RAWPORT EDITOR — DEFINITIVE INNER-CORNER FIX v13
   The outer dropzone is the only rounded frame. The inner
   editor is square at the bottom so no dark corner pockets
   can appear around the footer/actions.
   ========================================================= */
body.studio-editing #appShell #dropzone{
  border-radius:16px!important;
  overflow:hidden!important;
}
body.studio-editing #appShell #photoEditor{
  border-radius:14px!important;
  clip-path:none!important;
  overflow:hidden!important;
  border:0!important;
  background:#0f1113!important;
  background-image:none!important;
  box-shadow:none!important;
}
body.studio-editing #appShell #photoEditor .lr-layout,
body.studio-editing #appShell #photoEditor .lr-toolbar{
  border-radius:0 0 14px 14px!important;
}
body.studio-editing #appShell #photoEditor .lr-toolbar{
  width:100%!important;
  margin:0!important;
  background:#0f1113!important;
  background-color:#0f1113!important;
  background-image:none!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-top:1px solid #202328!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:visible!important;
  padding:14px 40px 18px!important;
}
body.studio-editing #appShell #photoEditor .lr-toolbar::before,
body.studio-editing #appShell #photoEditor .lr-toolbar::after{
  content:none!important;
  display:none!important;
}
/* Remove button glow/shadow near the bottom-right edge. */
body.studio-editing #appShell #photoEditor .lr-toolbar .btn-primary,
body.studio-editing #appShell #photoEditor .lr-toolbar #enhanceAll,
body.studio-editing #appShell #photoEditor .lr-toolbar .btn-ghost{
  box-shadow:none!important;
  filter:none!important;
}