@import"https://fonts.googleapis.com/css2?family=Alef:wght@400;700&family=Amiri:wght@400;700&family=Assistant:wght@300;400;500;600;700;800&family=Cairo:wght@300;400;500;600;700;800&family=Frank+Ruhl+Libre:wght@400;500;700;900&family=Heebo:wght@300;400;500;600;700;800;900&family=IBM+Plex+Sans+Hebrew:wght@300;400;500;600;700&family=Lato:wght@300;400;700;900&family=Merriweather:wght@300;400;700;900&family=Montserrat:wght@300;400;500;600;700;800;900&family=Noto+Kufi+Arabic:wght@400;500;600;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@300;400;500;600;700;800&family=Noto+Sans+Hebrew:wght@300;400;500;600;700;800&family=Open+Sans:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&family=Roboto:wght@300;400;500;700;900&family=Rubik:wght@300;400;500;600;700;800;900&family=Tajawal:wght@300;400;500;700;800&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}:root{--bg: #ebebeb;--panel: #ffffff;--panel-soft: #f5f5f5;--ink: #141414;--muted: #555555;--soft: #999999;--line: #e0e0e0;--green: #2c8f62;--blue: #355fcb;--coral: #d95745;--amber: #d7a62f;--shadow-float: 0 2px 12px rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.04);--shadow-card: 0 1px 3px rgba(0,0,0,.06);--sidebar-width: 270px;--editor-fit-height: calc(100vh - 210px) ;--editor-fit-width: calc(100vw - 430px) ;--editor-fit-square: min(var(--editor-fit-height), var(--editor-fit-width))}html[data-leadpost-theme=dark]{--bg: #1f1f1f;--panel: #242424;--panel-soft: #303030;--ink: #f2f2f2;--muted: #c7c7c7;--soft: #9a9a9a;--line: #3a3a3a;--shadow-float: 0 2px 16px rgba(0,0,0,.38), 0 0 0 1px rgba(255,255,255,.06);--shadow-card: 0 1px 3px rgba(0,0,0,.25)}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);background:var(--bg);font-family:IBM Plex Sans Hebrew,IBM Plex Sans,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}html,body,*{scrollbar-width:thin;scrollbar-color:transparent transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:transparent;background-clip:padding-box}*:hover{scrollbar-color:rgba(20,20,20,.35) transparent}*:hover::-webkit-scrollbar-thumb{background:#14141459;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#1414148c;background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}img{display:block}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#e9eceb}.login-panel{width:min(100%,380px);border:1px solid #e4e4e4;border-radius:16px;display:grid;gap:16px;padding:22px;background:#fff;box-shadow:var(--shadow-float)}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:4px}.login-brand strong,.login-brand small{display:block}.login-brand small{color:#777;font-size:12px}.login-panel label{display:grid;gap:7px;color:#555;font-size:12px;font-weight:800}.login-panel input{height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px;outline:none;background:#fafafa}.login-panel input:focus{border-color:var(--green);background:#fff}.login-error{border:1px solid #f0d6d2;border-radius:10px;padding:9px 10px;background:#fff4f2;color:#a23c31;font-size:12px;font-weight:800}.login-submit{height:40px;border-radius:10px}.app-shell{min-height:100vh;background:var(--bg);overflow-x:clip}.shell-sidebar{position:fixed;top:12px;right:12px;bottom:12px;z-index:20;width:var(--sidebar-width);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow-float)}.shell-main{width:calc(100vw - var(--sidebar-width) - 15px);min-width:0;min-height:100vh;margin-right:calc(var(--sidebar-width) + 15px);overflow-x:clip}.app-shell[dir=ltr] .shell-sidebar{right:auto;left:12px}.app-shell[dir=ltr] .shell-main{margin-right:0;margin-left:calc(var(--sidebar-width) + 15px)}.app-shell[dir=ltr] .brand-lockup,.app-shell[dir=ltr] .brand-row,.brand-lockup{direction:ltr}.app-shell[dir=ltr] .brand-lockup{justify-content:flex-start}.app-shell:not([dir=ltr]) .brand-lockup{justify-content:flex-end}.app-shell:not([dir=ltr]) .leadpost-mark{order:0}.app-shell[dir=ltr] .brand-lockup strong,.app-shell[dir=ltr] .brand-lockup small,.app-shell[dir=ltr] .brand-row strong,.app-shell[dir=ltr] .brand-row small{text-align:left}.brand-lockup{height:62px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 18px}.brand-lockup strong,.brand-lockup small{display:block;text-align:left;line-height:1.2}.brand-lockup strong{color:#111;font-size:16px;font-weight:900;letter-spacing:0}.brand-lockup small{color:#777;font-size:10px;font-weight:700;margin-top:-2px}.leadpost-mark{width:42px;height:30px;display:block;flex:0 0 auto;object-fit:contain}.brand-logo,.brand-avatar{display:grid;place-items:center;color:#fff;font-weight:800}.brand-logo{width:28px;height:28px;border-radius:9px;background:var(--green);font-size:11px}.shell-nav{padding:0 8px 10px}.shell-nav button{width:100%;height:38px;border:0;border-radius:12px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 12px;background:transparent;color:#888;font-size:13.5px;font-weight:500}.shell-nav button.active,.shell-nav button:hover{background:#f0f0f0;color:var(--ink)}.sidebar-user{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 34px;align-items:center;gap:8px;margin:0 8px 10px;padding:10px 8px}.sidebar-user strong,.sidebar-user small{display:block;text-align:right}.sidebar-user small{color:var(--green);font-size:11px;font-weight:800}.sidebar-user button,.editor-user-pill button{width:32px;height:32px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:#fff;color:#777}.sidebar-user button:hover,.editor-user-pill button:hover{background:#f7f7f7;color:var(--ink)}.sidebar-section{flex:1;overflow:auto;border-top:1px solid #f0f0f0;padding:14px}.shell-profile{position:relative;flex-shrink:0;border-top:1px solid #f0f0f0;padding:12px 16px;display:grid;gap:8px}.profile-button{width:100%;border:0;border-radius:12px;display:grid;grid-template-columns:1fr 28px 14px;align-items:center;gap:10px;padding:6px;background:transparent;text-align:right}.profile-button:hover{background:#f5f5f5}html[data-leadpost-theme=dark] .profile-button:hover{background:#303030}.profile-button strong,.profile-button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-button strong{font-size:12.5px;font-weight:600}.profile-button small{color:#aaa;font-size:11px}.profile-avatar{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#e0e0e0;color:#555;font-size:10px;font-weight:700}.profile-chevron{color:#aaa}.profile-menu{position:absolute;left:16px;right:16px;bottom:calc(100% + 8px);z-index:30;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow-float)}.profile-menu-section{padding:8px;border-bottom:1px solid #f0f0f0}html[data-leadpost-theme=dark] .profile-menu-section{border-bottom-color:#343434}.theme-options,.language-options{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.theme-options button,.language-options button,.profile-menu-actions button{border:0;border-radius:12px;background:transparent;color:#777;font-size:11px;font-weight:700}.theme-options button{display:grid;place-items:center;gap:5px;min-height:56px}.language-options button{height:34px}.theme-options button:hover,.language-options button:hover,.profile-menu-actions button:hover{background:#f5f5f5;color:var(--ink)}.theme-options button:disabled{opacity:.42;cursor:not-allowed}.theme-options button:disabled:hover{background:transparent;color:#777}.theme-options button.active,.language-options button.active{background:#f0f0f0;color:var(--ink)}html[data-leadpost-theme=dark] .theme-options button:hover,html[data-leadpost-theme=dark] .language-options button:hover,html[data-leadpost-theme=dark] .profile-menu-actions button:hover,html[data-leadpost-theme=dark] .theme-options button.active,html[data-leadpost-theme=dark] .language-options button.active{background:#303030}.profile-menu-label{display:flex;align-items:center;gap:6px;padding:0 4px 7px;color:#999;font-size:11px;font-weight:800;text-transform:uppercase}.profile-menu-actions{padding:7px}.profile-menu-actions button{width:100%;height:34px;display:flex;align-items:center;gap:8px;padding:0 9px;text-align:start}.profile-menu-actions button:disabled{opacity:.45;cursor:not-allowed}.sidebar-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar-section-head strong,.sidebar-section-head small{display:block}.sidebar-section-head strong{font-size:14px;font-weight:700}.sidebar-section-head small{color:#999;font-size:12px}.icon-button{width:32px;height:32px;border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#777}.icon-button:hover{background:#f5f5f5;color:var(--ink)}.search-box{height:38px;margin:14px 0;display:flex;align-items:center;gap:9px;padding:0 10px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#aaa}.search-box input{width:100%;border:0;outline:none;background:transparent}.brand-list{display:grid;gap:9px}.brand-row{width:100%;min-height:62px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:right;cursor:pointer}.brand-row-main{min-width:0;border:0;display:block;padding:0;background:transparent;color:inherit;text-align:inherit}.brand-row-main:hover{background:transparent}.brand-edit-button{width:28px;height:28px;border:0;border-radius:9px;display:grid;place-items:center;background:transparent;color:#777}.brand-edit-button:hover{background:#2f8a601a;color:var(--green)}.brand-row.active{border-color:var(--green);background:#f4fbf7}.brand-row strong,.brand-row small{display:block}.brand-row strong{font-size:13.5px;font-weight:800}.brand-row small{color:#888;font-size:11.5px}.brand-avatar{width:38px;height:38px;border-radius:8px;overflow:hidden}.brand-avatar.has-image{border:1px solid var(--line);background:#fff;padding:4px}.brand-avatar img{width:100%;height:100%;object-fit:contain}.content-page{min-height:100vh}.page-header{position:sticky;top:0;z-index:10;height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;background:var(--bg)}.page-header h1{flex-shrink:0;color:var(--ink);font-size:17px;font-weight:600}.page-header-actions{display:flex;align-items:center;gap:8px}.page-body{padding:0 24px 24px}.page-heading{margin:4px 0 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.eyebrow{color:var(--green);font-size:12px;font-weight:800}.page-heading h1{margin:6px 0;font-size:26px;line-height:1.1}.page-heading p{color:var(--muted)}.page-heading-actions{display:flex;align-items:center;gap:8px;padding-top:8px}.soft-button,.primary-button{height:28px;border:1px solid var(--line);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;background:#fff;font-size:12px;font-weight:500;white-space:nowrap}.primary-button{border-color:transparent;background:var(--ink);color:#fff}.primary-button:hover{background:#2a2a2a}.soft-button:hover{background:#f5f5f5}.project-grid,.template-grid-app{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.project-card,.template-card-app,.template-area{border:1px solid #e8e8e8;border-radius:16px;background:#fff;box-shadow:var(--shadow-card)}.project-card,.template-card-app{overflow:hidden}.project-card{position:relative;overflow:visible}.add-project-card{min-height:240px;border-style:dashed;display:grid;align-content:center;justify-items:center;gap:8px;padding:20px;color:var(--ink);text-align:center}.add-project-card:hover{border-color:var(--green);background:#f4fbf7}.add-project-card strong,.add-project-card small{display:block}.add-project-card small{color:#777;font-size:12px}.add-project-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#141414;color:#fff}.project-preview{width:100%;position:relative;aspect-ratio:16 / 10;border:0;background:#f5f5f5;overflow:hidden}.project-preview img{width:100%;height:100%;object-fit:contain}.project-preview-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:linear-gradient(45deg,rgba(20,20,20,.04) 25%,transparent 25% 75%,rgba(20,20,20,.04) 75%),linear-gradient(45deg,rgba(20,20,20,.04) 25%,transparent 25% 75%,rgba(20,20,20,.04) 75%);background-position:0 0,10px 10px;background-size:20px 20px;opacity:1}.project-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;opacity:0;transition:opacity .15s}.project-preview .project-open-label{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:700;opacity:0;transition:opacity .15s}.project-card:hover .project-preview:after,.project-card:hover .project-preview .project-open-label{opacity:1}.project-card-body,.template-card-body{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px}.project-card-body strong,.project-card-body small,.template-card-body strong,.template-card-body small{display:block}.project-name-row,.editor-title-row{display:inline-flex;align-items:center;gap:6px}.project-name-row button,.editor-title-row button,.rename-inline button{width:26px;height:26px;border:0;border-radius:8px;display:grid;place-items:center;background:transparent;color:#777}.project-name-row button:hover,.editor-title-row button:hover,.rename-inline button:hover{background:#f0f0f0;color:var(--ink)}.rename-inline{display:inline-grid;grid-template-columns:minmax(0,1fr) 26px;align-items:center;gap:4px}.rename-inline input{min-width:0;height:30px;border:1px solid var(--green);border-radius:8px;padding:0 9px;font:inherit;font-weight:700;outline:none}.editor-rename{width:min(260px,28vw)}.project-card-body strong,.template-card-body strong{font-size:13px;font-weight:700}.project-card-body small,.template-card-body small{color:#888;font-size:11.5px}.project-card-body .project-owner-name{color:var(--ink);font-weight:800}.brand-settings-page{width:min(calc(100% - 32px),1040px);margin-inline:auto;padding-top:10px;direction:rtl;overflow-x:clip}.brand-settings-header{min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;margin-bottom:14px}.brand-settings-header span,.brand-settings-header strong,.brand-settings-header small{display:block;text-align:right}.brand-settings-header strong{color:var(--ink);font-size:28px;line-height:1.1}.brand-settings-header small{color:var(--muted);font-size:13px;margin-top:5px}.brand-settings-header .soft-button{height:32px;padding-inline:13px;border-radius:999px;align-self:start}.brand-settings-card{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-card);overflow:hidden}.brand-settings-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:#fff}.brand-settings-tabs button{height:40px;border:1px solid transparent;border-radius:12px;background:transparent;color:#666;font-weight:800}.brand-settings-tabs button:hover{background:#f0f0f0;color:var(--ink)}.brand-settings-tabs button.active{border-color:#2f8a6040;background:#eef7f2;color:var(--green)}.brand-settings-body{display:grid;gap:16px;padding:22px 18px}.brand-settings-section{display:grid;gap:16px}.brand-settings-field{gap:8px}.brand-settings-field>span{justify-self:end;text-align:right}.brand-settings-field input{height:38px;background:#fafafa}.brand-settings-table{border:1px solid var(--line);border-radius:14px;overflow:hidden;gap:0}.brand-settings-table .brand-user-option{border:0;border-radius:0;border-bottom:1px solid var(--line)}.brand-settings-table .brand-user-option:last-child{border-bottom:0}.brand-settings-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#fafafa}.brand-settings-footer>span{color:var(--muted);font-size:12px}.project-card-actions{position:relative;display:inline-flex;align-items:center;gap:6px}.project-menu-button{width:28px;height:28px;border:0;border-radius:9px;display:grid;place-items:center;background:transparent;color:#666}.project-menu-button:hover{background:#f1f1f1;color:var(--ink)}.project-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:40;min-width:156px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#fffffff5;box-shadow:var(--shadow-card)}.project-menu button,.project-delete-confirm{width:100%;min-height:32px;border:0;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 9px;background:transparent;color:var(--ink);font:inherit;font-size:12px;font-weight:700;text-align:start}.project-menu button:hover{background:#f3f3f3}.project-menu button:disabled,.project-menu button.project-menu-disabled{opacity:.42;cursor:not-allowed}.project-menu button:disabled:hover,.project-menu button.project-menu-disabled:hover{background:transparent}.project-delete-confirm{gap:4px;padding:0}.project-delete-confirm button{justify-content:center;padding:0 7px}.status-pill{border-radius:999px;padding:3px 8px;background:#f0f0f0;color:#555;font-size:11px;font-weight:700}.status-pill.ready{background:#eaf6ef;color:var(--green)}.template-area{padding:16px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title strong,.section-title span{display:block}.section-title span{color:#888;font-size:12px}.template-card-app>button{width:100%;border:0;background:transparent;display:block}.template-preview{height:210px;display:block;position:relative;background-color:#f5f5f5;background-size:contain;background-position:center;background-repeat:no-repeat}.template-preview.empty{background:linear-gradient(45deg,rgba(20,20,20,.04) 25%,transparent 25% 75%,rgba(20,20,20,.04) 75%),linear-gradient(45deg,rgba(20,20,20,.04) 25%,transparent 25% 75%,rgba(20,20,20,.04) 75%);background-position:0 0,10px 10px;background-size:20px 20px}.template-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 35%,rgba(13,18,26,.78))}.template-overlay{position:absolute;right:14px;bottom:14px;color:#fff;text-align:right}.template-overlay strong,.template-overlay small{display:block}.format-pills{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.format-pills span{border-radius:999px;padding:4px 7px;background:#f0f0f0;color:#555;font-size:11px;font-weight:800}.fullscreen-editor{min-height:100vh;display:grid;height:100vh;grid-template-rows:54px 1fr;background:var(--bg)}.editor-toolbar{min-width:0;display:flex;align-items:center;gap:12px;padding:0 14px;background:var(--bg);border-bottom:1px solid #dedede;overflow:visible}.editor-toolbar.template-editing{background:#fff6cf;border-bottom-color:#eadb9d}.editor-title strong,.editor-title small{display:block;white-space:nowrap}.editor-title small,.save-state{color:#777;font-size:12px}.save-state{height:34px;border:1px solid var(--line);border-radius:10px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;background:#fff;font-weight:800}.save-state span{width:8px;height:8px;border-radius:999px}.save-state.saved span{background:var(--green)}.save-state.saving span{background:#e5b72f}.save-state:hover{background:#f7f7f7}.save-state:disabled,.editor-title-row button:disabled{opacity:.55;cursor:not-allowed}.project-lock-banner{position:fixed;top:62px;left:18px;right:18px;z-index:80;min-height:44px;border:1px solid #eadb9d;border-radius:10px;display:flex;align-items:center;gap:12px;padding:9px 12px;background:#fff8d8;color:#3c3420;box-shadow:var(--shadow-float)}.project-lock-banner strong{font-size:13px;white-space:nowrap}.project-lock-banner span{min-width:0;flex:1;color:#6f6443;font-size:12px;font-weight:700}.project-lock-banner button{height:30px;border:0;border-radius:8px;padding:0 10px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;white-space:nowrap}.project-lock-banner button:disabled{opacity:.65;cursor:not-allowed}.toolbar-history-actions{display:inline-flex;align-items:center;gap:4px}.toolbar-history-actions button{width:32px;height:32px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:#fff;color:var(--ink)}.toolbar-history-actions button:hover:not(:disabled){background:#f7f7f7}.toolbar-history-actions button:disabled{color:#b8b8b8;cursor:not-allowed}.editor-user-pill{height:34px;border:1px solid var(--line);border-radius:10px;display:inline-grid;grid-template-columns:auto auto 32px;align-items:center;gap:7px;padding:0 2px 0 9px;background:#fff}.editor-user-pill strong{font-size:12px;white-space:nowrap}.editor-user-pill small{color:var(--green);font-size:11px;font-weight:800}.editor-user-pill button{border:0}.save-template-button{height:34px;border:1px solid var(--line);border-radius:10px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;background:#fff;color:var(--green);font-size:12px;font-weight:800;white-space:nowrap}.save-template-button:hover{background:#f3fbf6}.save-template-toast{position:fixed;top:62px;left:18px;z-index:70;border:1px solid #cdeedd;border-radius:10px;padding:10px 12px;background:#f0fbf5;color:var(--green);font-size:12px;font-weight:800;box-shadow:var(--shadow-float)}.toolbar-divider{width:1px;height:26px;background:var(--line)}.topbar-spacer{flex:1}.size-strip{min-width:0;display:inline-flex;align-items:center;gap:8px}.custom-size-editor{position:relative;height:30px;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#666;font-size:12px;white-space:nowrap}.format-switcher .custom-size-editor{border:0;background:transparent;padding:0}.legacy-custom-size-editor,.hidden-custom-size,.legacy-preset-add{display:none}.custom-size-chip{display:inline-flex;align-items:center;justify-content:center;min-width:96px;gap:0;padding:0 10px}.custom-size-chip span{display:none}.custom-size-chip strong{color:inherit;font-weight:800}.edit-size-button,.delete-size-button,.add-size-button{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;color:#777;background:transparent;line-height:0;padding:0}.edit-size-button:hover,.delete-size-button:hover,.add-size-button:hover{background:#eee;color:var(--ink)}.custom-size-popover,.size-menu,.inline-delete-confirm{position:absolute;z-index:25;top:calc(100% + 8px);border:1px solid rgba(20,20,20,.1);border-radius:14px;background:#fffffffa;box-shadow:var(--shadow-float)}.custom-size-popover{right:0;width:230px;display:grid;gap:10px;padding:12px}.custom-size-popover strong,.custom-size-popover label{display:grid;gap:5px}.custom-size-popover label{color:#777;font-size:12px;font-weight:700}.custom-size-popover input{width:54px;height:22px;border:1px solid var(--line);border-radius:8px;background:#fafafa;text-align:center;outline:none}.custom-size-actions{display:flex;gap:6px}.custom-size-actions button{flex:1;min-height:28px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:800}.format-switcher{position:relative;display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#ebebeb}.format-switcher>button,.preset-button{border:0;border-radius:10px;background:transparent;color:#666;font-weight:500}.format-switcher>button,.preset-button{min-width:48px;height:30px}.format-switcher>button.active,.preset-button.active{background:var(--green);color:#fff}.format-switcher.managed{overflow:visible}.size-preset{position:relative;display:inline-flex;align-items:center;gap:2px;border-radius:12px}.size-preset:hover{background:#ffffff80}.inline-delete-confirm{left:0;display:inline-flex;align-items:center;gap:5px;padding:6px}.inline-delete-confirm small{color:#555;font-weight:800}.inline-delete-confirm button{width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:999px;background:#f2f2f2}.inline-delete-confirm button:first-of-type{color:#fff;background:var(--green)}.add-size-wrap{position:relative}.add-size-button{border:1px solid var(--line);background:#fff}.size-menu{right:0;width:190px;display:grid;gap:5px;padding:7px}.size-menu>strong{padding:5px 8px 3px;color:#555;font-size:12px;font-weight:900}.size-menu button{min-height:34px;display:flex;align-items:center;gap:8px;border:0;border-radius:10px;background:transparent;color:var(--ink);font-weight:800;text-align:right}.size-menu button small{margin-inline-start:auto;color:#888;font-size:11px;font-weight:700}.size-menu button:hover{background:#f4f4f4}.size-menu button:disabled{color:#aaa;cursor:not-allowed}.editor-workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;overflow:hidden}.canvas-stage{min-width:0;position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);align-items:center;justify-items:center;gap:22px;overflow:auto;padding:18px 34px 76px;background:radial-gradient(circle at 1px 1px,rgba(20,20,20,.16) 1px,transparent 0),#c3c8cc;background-size:18px 18px;cursor:default}.canvas-stage.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.canvas-frame{position:relative;display:grid;place-items:center;transform:translate(var(--pan-x, 0),var(--pan-y, 0)) scale(var(--zoom, 1));transform-origin:center center;max-width:100%}.canvas-frame.fit-height{transform:translate(var(--pan-x, 0),var(--pan-y, 0))}.canvas-frame.fit-width{transform:translate(var(--pan-x, 0),var(--pan-y, 0));width:100%}.mock-canvas{width:min(520px,calc(100vh - 250px));height:min(520px,calc(100vh - 250px));position:relative;overflow:hidden;background:#111827;box-shadow:var(--shadow-float);transition:width .2s ease,height .2s ease}.canvas-selection-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:min(520px,calc(100vh - 250px));height:min(520px,calc(100vh - 250px));overflow:visible;pointer-events:none}.canvas-frame.fit-height .mock-canvas,.canvas-frame.fit-height .canvas-selection-layer{width:var(--editor-fit-square);height:var(--editor-fit-square)}.canvas-frame.fit-height .mock-canvas.portrait,.canvas-frame.fit-height .canvas-selection-layer.portrait{height:min(var(--editor-fit-height),calc(var(--editor-fit-width) / .799));width:calc(min(var(--editor-fit-height),calc(var(--editor-fit-width) / .799))*.799)}.canvas-frame.fit-height .mock-canvas.story,.canvas-frame.fit-height .canvas-selection-layer.story{height:min(var(--editor-fit-height),calc(var(--editor-fit-width) / .563));width:calc(min(var(--editor-fit-height),calc(var(--editor-fit-width) / .563))*.563)}.canvas-frame.fit-height .mock-canvas.wide,.canvas-frame.fit-height .canvas-selection-layer.wide{height:min(var(--editor-fit-height),calc(var(--editor-fit-width) * .5625));width:calc(min(var(--editor-fit-height),calc(var(--editor-fit-width) * .5625))*1.777)}.canvas-frame.fit-width .mock-canvas,.canvas-frame.fit-width .canvas-selection-layer{width:var(--editor-fit-square);height:var(--editor-fit-square)}.canvas-frame.fit-width .mock-canvas.portrait,.canvas-frame.fit-width .canvas-selection-layer.portrait{width:min(620px,calc(100vw - 460px));height:calc(min(620px,calc(100vw - 460px)) / .799)}.canvas-frame.fit-width .mock-canvas.story,.canvas-frame.fit-width .canvas-selection-layer.story{width:min(430px,calc(100vw - 460px));height:calc(min(430px,calc(100vw - 460px)) / .563)}.canvas-frame.fit-width .mock-canvas.wide,.canvas-frame.fit-width .canvas-selection-layer.wide{width:min(900px,calc(100vw - 460px));height:calc(min(900px,calc(100vw - 460px))*.5625)}.mock-canvas.portrait,.canvas-selection-layer.portrait{height:min(538px,calc(100vh - 250px));width:calc(min(538px,calc(100vh - 250px))*.799)}.mock-canvas.story,.canvas-selection-layer.story{height:min(551px,calc(100vh - 250px));width:calc(min(551px,calc(100vh - 250px))*.563)}.mock-canvas.wide,.canvas-selection-layer.wide{width:min(620px,calc((100vh - 250px)*1.777));height:calc(min(620px,calc((100vh - 250px)*1.777))*.5625)}.canvas-frame.custom-size-frame .mock-canvas,.canvas-frame.custom-size-frame .canvas-selection-layer{width:min(620px,calc((100vh - 250px) * var(--custom-aspect, 1)));height:calc(min(620px,calc((100vh - 250px) * var(--custom-aspect, 1))) / var(--custom-aspect, 1))}.lp-canvas-layer{position:absolute;margin:0;border:0;padding:0;box-sizing:border-box;overflow:hidden;background:transparent;color:#fff;font:inherit;text-align:right;text-decoration:none;cursor:pointer;transform-origin:center;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;touch-action:none}.lp-canvas-layer.is-editing-text,.lp-canvas-layer.is-editing-text *{user-select:text;-webkit-user-select:text;cursor:text}.lp-canvas-layer::selection,.lp-canvas-layer *::selection{background:#2f8a60e0;color:#fff}.lp-canvas-layer::-moz-selection,.lp-canvas-layer *::-moz-selection{background:#2f8a60e0;color:#fff}.lp-canvas-layer.is-locked{cursor:default;pointer-events:none}.mock-canvas.is-moving-layer,.mock-canvas.is-moving-layer .lp-canvas-layer,.mock-canvas.is-moving-layer .lp-canvas-layer *{user-select:none;-webkit-user-select:none}.mock-canvas.is-moving-layer .lp-canvas-layer.is-transforming{opacity:.55}.lp-canvas-layer:focus-visible{outline:2px solid #7bd99b;outline-offset:3px}.lp-canvas-layer.is-editing-text:focus-visible{outline:none}.lp-canvas-layer[data-lp-type=image]{object-fit:cover}.image-layer-placeholder{display:grid;place-items:center;border:1px dashed rgba(47,138,96,.38);background:linear-gradient(45deg,rgba(20,20,20,.04) 25%,transparent 25% 75%,rgba(20,20,20,.04) 75%),linear-gradient(45deg,rgba(20,20,20,.04) 25%,transparent 25% 75%,rgba(20,20,20,.04) 75%);background-position:0 0,10px 10px;background-size:20px 20px;color:var(--green);font-size:12px;font-weight:800}.lp-canvas-layer[data-lp-type=shape]{display:block}.lp-canvas-layer[data-lp-shape=line]{height:max(1px,var(--line-shape-height, 2%))}.lp-canvas-layer[data-lp-type=text],.lp-canvas-layer[data-lp-type=button],.lp-canvas-layer[data-lp-type=link]{display:flex}.rich-text-content{display:block;width:100%;white-space:pre-wrap;column-fill:balance}.rich-text-content p,.rich-text-content ul,.rich-text-content ol{margin:0;padding:0}.rich-text-content p:last-child,.rich-text-content ul:last-child,.rich-text-content ol:last-child{margin-bottom:0}.rich-text-content ul,.rich-text-content ol{list-style-position:outside;padding-inline-start:1.25em}.rich-text-content[dir=rtl] ul,.rich-text-content[dir=rtl] ol,.lp-canvas-layer[dir=rtl] .rich-text-content ul,.lp-canvas-layer[dir=rtl] .rich-text-content ol{padding-inline-start:1.35em;padding-inline-end:0}.rich-text-content li{padding-inline-start:.15em}.rich-text-content[dir=rtl] li,.lp-canvas-layer[dir=rtl] .rich-text-content li{padding-inline-start:.15em;padding-inline-end:0}.layer-background{width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-select:none}.layer-shade{background:linear-gradient(90deg,#0b1118db,#0b11182e 55%,#0b11188c);pointer-events:none;user-select:none;-webkit-user-select:none}.layer-logo,.layer-kicker,.layer-cta{display:grid;place-items:center;border-radius:8px;font-weight:800}.layer-logo{background:#fff;color:var(--ink)}.layer-kicker{background:var(--green)}.layer-headline{display:flex;align-items:center;font-size:60px;line-height:.95;letter-spacing:0;font-weight:800}.story .layer-headline{font-size:44px}.wide .layer-headline{font-size:48px}.layer-subline{display:flex;align-items:start;color:#ffffffe0;font-size:18px;line-height:1.45}.layer-cta{background:var(--coral)}.layer-price{display:grid;align-content:center;gap:3px;border-radius:12px;padding:0 12%;background:#ffffffeb;color:var(--ink)}.layer-price small{color:var(--muted);font-weight:800}.layer-price strong{font-size:25px}.layer-url{display:flex;align-items:center;justify-content:end;font-weight:800}.selection-outline{position:absolute;border:var(--selection-border-width, 2px) solid #7bd99b;box-shadow:0 0 0 var(--selection-shadow-size, 5px) #7bd99b24;pointer-events:none;transform-origin:center}.selection-outline .resize-handle{pointer-events:auto}.resize-handle{position:absolute;width:var(--selection-handle-hit, 16px);height:var(--selection-handle-hit, 16px);border:0;border-radius:999px;background:transparent;pointer-events:auto}.resize-handle:after{content:"";position:absolute;left:50%;top:50%;width:var(--selection-handle-dot, 12px);height:var(--selection-handle-dot, 12px);border:1px solid #a8a8a8;border-radius:999px;background:#fff;box-shadow:0 1px 4px #00000038;transform:translate(-50%,-50%)}.handle-nw{top:var(--selection-handle-offset, -8px);left:var(--selection-handle-offset, -8px);cursor:nwse-resize}.handle-n{top:var(--selection-handle-offset, -8px);left:50%;width:var(--selection-handle-wide-hit, 28px);transform:translate(-50%);cursor:ns-resize}.handle-ne{top:var(--selection-handle-offset, -8px);right:var(--selection-handle-offset, -8px);cursor:nesw-resize}.handle-e{top:50%;right:var(--selection-handle-offset, -8px);height:var(--selection-handle-wide-hit, 28px);transform:translateY(-50%);cursor:ew-resize}.handle-se{right:var(--selection-handle-offset, -8px);bottom:var(--selection-handle-offset, -8px);cursor:nwse-resize}.handle-s{bottom:var(--selection-handle-offset, -8px);left:50%;width:var(--selection-handle-wide-hit, 28px);transform:translate(-50%);cursor:ns-resize}.handle-sw{bottom:var(--selection-handle-offset, -8px);left:var(--selection-handle-offset, -8px);cursor:nesw-resize}.handle-w{top:50%;left:var(--selection-handle-offset, -8px);height:var(--selection-handle-wide-hit, 28px);transform:translateY(-50%);cursor:ew-resize}.handle-n:after,.handle-s:after{width:var(--selection-handle-wide-dot, 24px);height:var(--selection-handle-dot, 12px)}.handle-e:after,.handle-w:after{width:var(--selection-handle-dot, 12px);height:var(--selection-handle-wide-dot, 24px)}.floating-toolbar-slot{min-height:52px;display:flex;align-items:start;justify-content:center;position:relative;z-index:80}.floating-editor-toolbar{position:sticky;z-index:80;top:12px;transform:none;display:flex;gap:6px;width:max-content;max-width:calc(100vw - 32px);padding:7px;border:1px solid #e0e0e0;border-radius:12px;background:#fffffff7;box-shadow:0 10px 32px #00000024;color:var(--ink)}.layer-transform-toolbar{position:absolute;z-index:30;transform:translate(-50%,var(--toolbar-y, -100%));display:inline-flex;align-items:center;gap:4px;padding:5px;border:1px solid rgba(255,255,255,.62);border-radius:11px;background:#f7f8fab8;box-shadow:0 8px 22px #00000029;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.layer-transform-toolbar button{width:26px;height:26px;padding:0;border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:transparent;box-shadow:none;color:var(--ink);line-height:0}.layer-transform-toolbar svg,.floating-row button svg,.toolbar-dropdown-trigger svg,.toolbar-color-trigger svg,.text-anchor-row button svg{display:block;flex:0 0 auto}.mirrored-icon{transform:scaleX(-1)}.layer-transform-toolbar button:hover:not(:disabled){background:#2f8a601a;color:var(--green)}.layer-transform-toolbar button:disabled{color:#aaa;cursor:not-allowed}.text-style-paint-actions{position:fixed;z-index:2500;display:inline-flex;align-items:center;gap:6px;transform:translate(-50%)}.text-style-pipette{position:relative;width:34px;height:34px;display:inline-grid;place-items:center;border:0;border-radius:10px;background:#ffffffdb;color:#101114;box-shadow:0 10px 24px #1118272e,inset 0 0 0 1px #11182714;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.text-style-pipette:hover{background:#ecf8f1;color:var(--green)}.text-style-pipette.blocked{background:#ffffffa8;color:#9a9a9a;cursor:not-allowed;opacity:.68}.text-style-pipette.blocked:after{content:"";position:absolute;width:22px;height:2px;border-radius:999px;background:currentColor;transform:rotate(-45deg)}.text-style-pipette.blocked:hover{background:#ffffffa8;color:#9a9a9a}.text-style-pipette.apply{background:#ecf8f1;color:var(--green)}.text-style-pipette.apply.disabled{background:#ffffffb8;color:#a0a0a0;cursor:not-allowed}.text-style-pipette.apply:hover{background:var(--green);color:#fff}.text-style-pipette.apply.disabled:hover{background:#ffffffb8;color:#a0a0a0}.style-paint-toast{position:fixed;left:50%;bottom:78px;z-index:2500;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:#ffffffe6;color:#101114;box-shadow:0 10px 24px #11182724,inset 0 0 0 1px #11182714;transform:translate(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;font-weight:700}.style-paint-toast svg{color:var(--green)}.style-paint-toast button{border:0;background:#ecf8f1;color:var(--green);border-radius:999px;padding:5px 9px;font:inherit}.paste-choice-backdrop{z-index:2600;align-items:start;padding-top:88px}.paste-choice-modal{width:min(420px,calc(100vw - 32px));display:grid;gap:14px;padding:14px;border:1px solid rgba(20,20,20,.08);border-radius:14px;background:#fffffff5;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.paste-choice-modal header{display:flex;align-items:center;justify-content:space-between;gap:12px}.paste-choice-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.paste-choice-actions button{justify-content:center}.layer-transform-toolbar .anchor-point-trigger{width:34px;min-width:34px;height:26px;gap:1px;padding:0}.layer-transform-toolbar .anchor-point-menu{z-index:50}.zoom-controls{position:fixed;left:calc(50vw + 170px);bottom:18px;transform:translate(-50%);z-index:5;height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 10px;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:#fffffff0;box-shadow:0 8px 22px #00000029;color:var(--ink)}.zoom-controls button{height:28px;border:1px solid #e0e0e0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;background:#fff;color:var(--ink);font-size:12px;font-weight:600}.zoom-controls button:first-child,.zoom-controls button:nth-child(3){width:28px;padding:0}.zoom-controls button.active{border-color:var(--green);background:#f4fbf7;color:var(--green)}.zoom-controls input{width:132px;accent-color:var(--green)}.zoom-controls span{min-width:66px;color:#555;font-size:12px;font-weight:700;text-align:center}.floating-row{display:flex;align-items:center;gap:5px}.toolbar-layer-chip{max-width:140px;height:30px;border-radius:999px;display:inline-flex;align-items:center;padding:0 10px;background:#eef7f2;color:var(--green);font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-row button,.floating-row select{height:36px;border:0;border-radius:9px;background:transparent;box-shadow:none;color:var(--ink)}.floating-row button{width:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:0}.floating-row button.active{background:#14141414}.floating-row button:hover:not(:disabled),.toolbar-dropdown-trigger:hover,.toolbar-color-trigger:hover{background:#1414140f}.floating-row button:disabled{color:#aaa;cursor:not-allowed}.floating-row select{min-width:96px;padding:0 8px;font-size:12px}.toolbar-dropdown{position:relative}.toolbar-dropdown-trigger{min-width:74px;width:auto;padding:0 9px;gap:7px;align-items:center;justify-content:center;line-height:0}.floating-row .toolbar-dropdown-trigger{width:auto;display:inline-flex;line-height:normal}.toolbar-dropdown.wide .toolbar-dropdown-trigger{min-width:166px}.toolbar-dropdown-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spacing-trigger,.anchor-point-trigger{min-width:54px}.anchor-point-menu{display:none;width:118px;min-width:118px;grid-template-columns:repeat(3,30px);align-items:center;justify-content:center;gap:5px;padding:9px}.anchor-point-dropdown.open .anchor-point-menu{display:grid}.anchor-point-menu button{width:30px;height:30px;display:grid;place-items:center;justify-content:center;padding:0;line-height:0}.anchor-point-menu button svg{margin:auto}.anchor-point-menu button.selected{background:#2f8a6024;color:var(--green)}.anchor-point-menu .anchor-auto-option{grid-column:1 / -1;width:100%;grid-template-columns:auto auto;gap:6px;font-size:12px;font-weight:800;line-height:1}.advanced-text-settings-icon{width:21px;height:21px;display:block;fill:currentColor}.toolbar-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:20;min-width:100%;overflow:hidden;border:1px solid rgba(20,20,20,.1);border-radius:12px;background:#fffffffa;box-shadow:0 16px 40px #0000002e,0 1px 2px #0000000f;padding:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toolbar-dropdown-manual-value{display:grid;gap:4px;padding:4px 4px 7px;border-bottom:1px solid rgba(20,20,20,.08);margin-bottom:5px}.toolbar-dropdown-manual-value span{font-size:11px;color:var(--muted);font-weight:800}.toolbar-dropdown-manual-value input{width:100%;height:30px;border:1px solid rgba(20,20,20,.14);border-radius:8px;padding:0 8px;font:inherit;font-size:12px;background:#fff;color:var(--ink);outline:none}.toolbar-dropdown-manual-value input:focus{border-color:#2f8a608c;box-shadow:0 0 0 3px #2f8a601f}.toolbar-dropdown-menu button{width:100%;height:32px;border:0;border-radius:8px;justify-content:flex-start;padding:0 12px;background:transparent;box-shadow:none;color:var(--ink);font-size:12px;line-height:normal;text-align:start}.toolbar-dropdown-menu button:hover{background:#f4f6f8}.toolbar-dropdown-menu button.selected{background:#141414;color:#fff}.toolbar-dropdown-menu.object-frame-menu{min-width:210px;display:grid;gap:10px;padding:10px}.object-frame-menu label{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:8px;color:var(--ink);font-size:12px;font-weight:700}.object-frame-menu input,.object-frame-menu select{width:100%;height:32px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--ink);padding:0 8px;font:inherit}.object-frame-menu input[type=color]{padding:2px}.toolbar-dropdown-menu.anchor-point-menu button{width:30px;height:30px;display:grid;place-items:center;justify-content:center;padding:0;line-height:0;text-align:center}.toolbar-dropdown-menu.anchor-point-menu button svg{margin:auto}.toolbar-dropdown-menu.anchor-point-menu .anchor-auto-option{width:100%;grid-template-columns:auto auto;gap:6px;line-height:1}.spacing-menu{width:236px;display:grid;gap:9px;padding:10px}.image-position-trigger{min-width:58px}.image-position-menu{width:132px;min-width:132px;display:grid;grid-template-columns:repeat(3,32px);gap:6px;padding:10px}.image-position-menu button{width:32px;height:32px;justify-content:center;padding:0}.image-position-menu button span{width:9px;height:9px;border-radius:999px;background:#9aa0a6}.image-position-menu button:hover{background:#2f8a6014}.image-position-menu button.selected{background:#2f8a6021;color:var(--green)}.image-position-menu button.selected span{background:var(--green)}.spacing-menu label{display:grid;grid-template-columns:1fr 48px;gap:5px 8px;align-items:center;color:var(--ink);font-size:12px;font-weight:700}.spacing-menu label>span{grid-column:1 / -1}.spacing-menu input[type=range]{width:100%;height:18px;accent-color:var(--green)}.spacing-menu input[type=number]{width:48px;height:32px;border:1px solid var(--line);border-radius:9px;text-align:center}.text-anchor-row{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding-top:9px}.text-anchor-row>span{color:var(--ink);font-size:12px;font-weight:700}.text-anchor-row div{display:inline-flex;gap:6px}.text-anchor-row button{width:30px;height:30px;border:0;border-radius:9px;display:grid;place-items:center;background:transparent;box-shadow:none;color:var(--ink);font-size:19px;font-weight:800;line-height:0}.text-anchor-row button.active{background:#2f8a6024;color:var(--green)}.text-anchor-row button:hover:not(.active){background:#2f8a6014;color:var(--green)}.toolbar-color-trigger{width:42px;gap:0;position:relative}.color-preview{position:absolute;right:6px;bottom:5px;width:14px;height:5px;border:0;border-radius:999px;box-shadow:inset 0 0 0 1px #00000029}.color-menu{min-width:176px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.color-menu button{display:flex;height:54px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:7px 6px;text-align:center}.color-dot{width:24px;height:24px;flex:0 0 auto;border:1px solid rgba(20,20,20,.14);border-radius:8px;box-shadow:inset 0 0 0 2px #ffffff6b}.color-menu button span:last-child{max-width:48px;overflow:hidden;color:inherit;font-size:10px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.color-menu .custom-color-button{grid-column:1 / -1;height:36px;flex-direction:row;justify-content:center;gap:8px;border:1px dashed #cfcfcf;background:#f8f8f8;font-weight:700}.color-menu .custom-color-button:hover{border-color:var(--green);background:#f4fbf7;color:var(--green)}.custom-color-apply{grid-column:1 / -1;display:grid;grid-template-columns:32px 1fr;align-items:center;gap:8px}.custom-color-apply button{height:32px;justify-content:center;border:0;border-radius:8px;background:var(--green);color:#fff;font-weight:800}.custom-color-icon{width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #d8d8d8;font-size:14px;line-height:1}.native-color-input,.hidden-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.toolbar-separator{width:1px;height:20px;background:#e0e0e0;margin:0 2px}.editor-inspector{min-height:0;display:grid;grid-template-rows:48px 1fr;border-right:1px solid var(--line);background:#fff}.inspector-heading{display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--line);color:var(--ink);font-size:13px;font-weight:700}.inspector-body-app,.layer-list-app{display:grid;gap:9px}.inspector-body-app{align-content:start;overflow:auto;padding:14px}.layer-add-wrap{position:relative}.background-layer-row{width:100%;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:34px minmax(0,1fr) 36px;align-items:center;gap:9px;padding:9px 10px;background:#fbfbfb;color:var(--ink);cursor:pointer;text-align:inherit}.background-layer-row strong,.background-layer-row small{display:block;text-align:right}.background-layer-row small{color:#777;font-size:11px}.background-layer-icon{width:24px;height:24px;border:2px solid white;border-radius:999px;background:linear-gradient(135deg,#111827,#2f8a60);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 0 0 1px #14141429}.background-layer-row>svg{justify-self:center;color:var(--green)}.background-layer-row:hover{border-color:#2f8a6052;background:#eef7f2}.background-layer-row button{width:34px;height:34px;border:0;border-radius:999px;display:grid;place-items:center;background:#eef7f2;color:var(--green)}.background-layer-row button:hover{background:#dff1e8}.layer-add-button{width:100%;height:38px;border:1px dashed #cfd8d3;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fbfbfb;color:var(--green);font-weight:800}.layer-add-button:hover{border-color:var(--green);background:#eef7f2}.layer-add-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:220px;border:1px solid rgba(20,20,20,.1);border-radius:12px;display:grid;gap:3px;padding:8px;background:#fff;box-shadow:0 16px 38px #00000029}.layer-add-menu strong{padding:6px 8px 2px;color:#777;font-size:11px;text-align:left;text-transform:uppercase}.layer-add-menu button{height:32px;border:0;border-radius:8px;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 9px;background:transparent;color:var(--ink);font-size:12px;text-align:left}.layer-add-menu button:hover{background:#f4f6f8}.panel-note{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.panel-note small,.panel-note strong{display:block}.panel-note small{color:var(--muted);font-size:12px}.panel-note.muted{color:var(--muted)}.field{display:grid;gap:7px}.field span{color:var(--muted);font-size:12px;font-weight:800}.field textarea,.field input,.field select{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);outline:none}.field textarea{min-height:92px;resize:vertical;padding:10px;line-height:1.45}.field input,.field select{height:38px;padding:0 10px}.checkbox-field{min-height:42px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 12px;color:var(--ink);font-size:12px;font-weight:800}.checkbox-field input{width:17px;height:17px;accent-color:var(--green)}.inline-fields{display:grid;grid-template-columns:1fr 78px;gap:8px}.swatch-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.swatch-row button{height:32px;border:1px solid rgba(22,24,29,.12);border-radius:8px}.layer-item-app{min-height:48px;display:grid;grid-template-columns:20px 30px 1fr auto;gap:8px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:right;cursor:pointer}.layer-item-app.dragging{opacity:.58}.layer-item-app.active{border-color:var(--green);background:#eef7f2;color:var(--green)}.layer-item-app.active .layer-icon-app{background:var(--green);color:#fff}.layer-item-app.active small{color:var(--green)}.layer-drag-handle{width:20px;height:30px;display:grid;place-items:center;color:#aaa;cursor:grab}.layer-item-app.dragging .layer-drag-handle{cursor:grabbing}.layer-icon-app{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#f0f0f0;color:#777}.layer-item-app strong,.layer-item-app small{display:block}.layer-item-app small{color:var(--muted);font-size:11px}.layer-actions{display:flex;flex-direction:row-reverse;align-items:center;gap:0}.layer-actions>button,.layer-item-app>button{width:28px;height:28px;border:0;border-radius:8px;display:grid;place-items:center;background:transparent;color:#777}.layer-actions>button:hover,.layer-item-app>button:hover{background:#f0f0f0;color:var(--ink)}.layer-actions>button.active,.layer-item-app>button.active{background:#f0f0f0;color:var(--ink)}.layer-actions>button.muted,.layer-item-app>button.muted{color:#bbb}.layer-delete-button{color:#777!important}.layer-delete-confirm{display:grid;grid-template-columns:28px 28px;gap:0}.layer-delete-confirm button{width:28px;height:28px;border:0;border-radius:8px;display:grid;place-items:center;background:#fff1ef;color:#aa4b40}.layer-delete-confirm button:first-child{background:#e9f7ef;color:var(--green)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:22px;background:#0d121a7a}.export-backdrop.is-exporting{background:#0d121aa3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.template-backdrop{align-items:start;padding-top:46px}.template-modal{width:min(980px,calc(100vw - 44px));max-height:calc(100vh - 92px);overflow:auto;border-radius:16px;background:#fff;box-shadow:var(--shadow-float)}.template-modal header{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border-bottom:1px solid var(--line)}.template-modal header strong,.template-modal header small{display:block}.template-modal header small,.template-modal-body p,.custom-size-row small{color:#777;font-size:12px}.template-modal-body{display:grid;gap:12px;padding:16px}.modal-template-area{margin:0 16px 16px;box-shadow:none}.export-modal{position:relative;width:min(760px,100%);max-height:min(760px,calc(100vh - 44px));overflow:auto;border-radius:12px;background:#fff;box-shadow:var(--shadow-float)}.export-modal-content{transition:filter .18s ease,opacity .18s ease,transform .18s ease}.is-exporting .export-modal-content{filter:blur(4px);opacity:.42;pointer-events:none;-webkit-user-select:none;user-select:none}.export-loading-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:12px;padding:28px;border-radius:inherit;background:#ffffffad;text-align:center}.export-loading-panel strong{color:var(--text);font-size:24px;font-weight:900}.export-loading-panel small{color:var(--muted);font-size:13px;font-weight:800}.export-spinner{width:58px;height:58px;border:5px solid #dfe5e1;border-top-color:var(--green);border-radius:50%;animation:export-spin .8s linear infinite}@keyframes export-spin{to{transform:rotate(360deg)}}.export-modal header,.export-modal footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px}.export-modal header{border-bottom:1px solid var(--line)}.export-modal footer{border-top:1px solid var(--line)}.export-modal header strong,.export-modal header small{display:block}.export-modal header small,.export-modal footer span{color:var(--muted);font-size:12px}.save-template-modal{width:min(540px,100%)}.add-brand-modal{width:min(480px,100%)}.users-modal{width:min(760px,100%)}.users-modal-body{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(260px,1fr);gap:14px;padding:16px}.users-list,.users-editor{display:grid;align-content:start;gap:8px}.add-user-button,.user-row{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff}.add-user-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--green);font-weight:800}.add-user-button:hover,.user-row:hover{border-color:#2f8a6052;background:#f4fbf7}.user-row{min-height:58px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;text-align:start}.user-row.active{border-color:var(--green);background:#eef7f2}.user-row strong,.user-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-row strong{font-size:13px}.user-row small{color:var(--muted);font-size:11px}.user-row em{border-radius:999px;padding:4px 7px;background:#f0f0f0;color:#666;font-size:11px;font-style:normal;font-weight:800}.user-avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--green);color:#fff;font-size:12px;font-weight:800}.brand-icon-field>div{display:block}.brand-icon-picker{width:100%;min-height:46px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:44px 1fr 18px;align-items:center;gap:10px;padding:6px 10px;background:#fff;color:var(--ink);text-align:start}.brand-icon-picker:hover{border-color:#2f8a606b;background:#f4fbf7}.brand-icon-preview{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--green);color:#fff}.brand-users-list{display:grid;gap:8px}.brand-template-manager{border:1px solid var(--line);border-radius:14px;display:grid;gap:0;padding:0;background:#fff;overflow:hidden}.brand-template-manager-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);background:#fafafa}.brand-template-manager-head span,.brand-template-manager-head strong,.brand-template-manager-head small{display:block}.brand-template-manager-head strong{font-size:13px}.brand-template-manager-head small{color:var(--muted);font-size:12px}.brand-template-manager-head .soft-button{height:32px;padding-inline:10px}.brand-template-manager-actions{display:flex;align-items:center;gap:8px}.brand-template-list{display:grid;gap:0}.brand-template-row{min-height:44px;border:0;border-radius:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 14px;background:#fff}.brand-template-row:last-child{border-bottom:0}.brand-template-row span,.brand-template-row strong,.brand-template-row small{display:block}.brand-template-row strong{font-size:13px;text-align:right}.brand-template-row small{color:var(--muted);font-size:11px;text-align:right}.brand-template-row input{width:100%;height:34px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:#fff;outline:none}.brand-template-row>div{display:inline-flex;align-items:center;gap:4px}.brand-template-row button{width:28px;height:28px;border:0;border-radius:8px;display:inline-grid;place-items:center;background:transparent;color:#6f6f6f}.brand-template-row button:hover{background:#eee;color:var(--ink)}.delete-brand-zone{border:1px solid #f0d5d1;border-radius:14px;display:grid;gap:8px;padding:12px;background:#fff8f7}.delete-brand-zone strong,.delete-brand-zone small{display:block}.delete-brand-zone strong{color:#9f3429;font-size:13px}.delete-brand-zone small{color:#8c6b67;font-size:12px;line-height:1.45}.delete-brand-zone input{width:100%;height:36px;border:1px solid #edc9c4;border-radius:10px;padding:0 10px;background:#fff;outline:none}.danger-button{height:36px;border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#d65043;color:#fff;font-weight:800}.danger-button:disabled{opacity:.42;cursor:not-allowed}.brand-user-option{min-height:48px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:18px 1fr;align-items:center;gap:10px;padding:9px 10px;background:#fff}.brand-user-option span,.brand-user-option strong,.brand-user-option small{display:block}.brand-user-option small{color:var(--muted);font-size:12px}.background-modal{width:min(520px,100%)}.background-modal-body{display:grid;gap:14px;padding:16px}.background-preview{position:relative;display:grid;place-items:center;height:180px;border:1px solid var(--line);border-radius:12px;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.background-preview.empty{background:linear-gradient(45deg,rgba(20,20,20,.04) 25%,transparent 25% 75%,rgba(20,20,20,.04) 75%),linear-gradient(45deg,rgba(20,20,20,.04) 25%,transparent 25% 75%,rgba(20,20,20,.04) 75%);background-position:0 0,10px 10px;background-size:20px 20px}.background-preview.color-picker-preview{cursor:crosshair}.background-preview.color-picker-preview:focus-visible{outline:2px solid var(--green);outline-offset:3px}.background-color-surface{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;background:linear-gradient(to bottom,#fff,#fff0 46%,#0000 54%,#000),linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.background-color-handle{position:absolute;width:18px;height:18px;border:2px solid white;border-radius:999px;box-shadow:0 0 0 1px #141414b8,0 4px 12px #0000003d;transform:translate(-50%,-50%);pointer-events:none}.background-preview-upload{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);box-shadow:var(--shadow-soft)}.background-preview-position{position:absolute;right:12px;bottom:12px;z-index:2;display:grid;grid-template-columns:repeat(3,18px);gap:4px;padding:7px;border:1px solid rgba(255,255,255,.68);border-radius:10px;background:#ffffffc2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 22px #00000029}.background-preview-position button{width:18px;height:18px;display:grid;place-items:center;border:1px solid rgba(20,20,20,.24);border-radius:4px;padding:0;background:#fffc}.background-preview-position button span{width:5px;height:5px;border-radius:999px;background:#8e949b}.background-preview-position button.selected{border-color:var(--green);background:#2f8a6024}.background-preview-position button.selected span{background:var(--green)}.background-mode-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.background-mode-row button{height:36px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:800}.background-mode-row button.active{border-color:var(--green);background:#eef7f2;color:var(--green)}.background-modal label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:800}.background-modal input,.background-modal select{width:100%;height:38px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:#fff;color:var(--ink);font:inherit}.background-modal input[type=color]{padding:3px}.background-image-controls{display:grid;gap:10px}.background-control-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.background-control-grid .native-color-input+label{grid-column:1 / -1}.background-control-grid>label:only-child{grid-column:1 / -1}.background-position-control{display:grid;gap:8px;color:var(--muted);font-size:12px;font-weight:800}.gradient-axis{position:absolute;inset-inline:18px;bottom:14px;z-index:2;padding:8px 10px;border-radius:999px;background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 22px #00000024}.gradient-axis input{width:100%;height:20px;margin:0}.gradient-editor{display:grid;gap:12px}.gradient-stop-track{position:relative;height:34px;border:1px solid var(--line);border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff6b}.gradient-stop-track button{position:absolute;top:50%;width:18px;height:18px;border:2px solid white;border-radius:999px;padding:0;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #1414143d,0 5px 12px #00000029}.gradient-stop-track button.selected{box-shadow:0 0 0 2px var(--green),0 5px 12px #00000029}.gradient-stop-controls{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:end}.gradient-stop-controls .soft-button{min-height:38px}.image-position-menu.inline{position:static;width:max-content;min-width:0;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:none}.save-template-body{display:grid;gap:14px;padding:16px}.save-template-body label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:800}.save-template-body input,.save-template-body select{width:100%;height:38px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:#fff;color:var(--ink);font:inherit}.template-size-summary{display:grid;gap:8px}.template-size-summary strong{font-size:12px}.template-size-summary div{display:flex;flex-wrap:wrap;gap:7px}.template-size-summary span{border-radius:999px;padding:6px 10px;background:#eef8f3;color:var(--green);font-size:12px;font-weight:800}.modal-error{margin:0;color:#c93b2f;font-size:12px;font-weight:800}.export-grid{display:grid;gap:14px;padding:16px}.modal-section-title{margin-bottom:9px;color:var(--muted);font-size:12px;font-weight:800}.multi-row{display:grid;grid-template-columns:repeat(4,minmax(126px,1fr));gap:8px}.multi-row button{min-height:82px;display:grid;gap:4px;justify-items:start;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);text-align:right}.multi-row button.selected{border-color:var(--green);background:#f4fbf7}.multi-row small{color:var(--muted);font-size:11px}.export-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 16px 16px}.export-settings label{display:grid;gap:7px}.export-settings span{color:var(--muted);font-size:12px;font-weight:800}.export-settings input{height:38px;border:1px solid var(--line);border-radius:12px;padding:0 10px;accent-color:var(--green)}@media(max-width:1000px){:root{--sidebar-width: 235px}.project-grid,.template-grid-app{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.editor-workspace{grid-template-columns:1fr;grid-template-rows:minmax(620px,1fr) auto}.editor-inspector{border-right:0;border-top:1px solid var(--line)}}@media(max-width:720px){.shell-sidebar{position:static;width:auto;margin:10px}.shell-main{width:auto;margin-right:0;margin-left:0;overflow-x:clip}.editor-toolbar,.page-header{height:auto;min-height:56px;flex-wrap:wrap;padding:10px}.page-body{padding:0 10px 14px}.export-grid,.export-settings{grid-template-columns:1fr}.mock-canvas,.mock-canvas.portrait,.mock-canvas.story,.mock-canvas.wide{width:min(92vw,430px);height:min(92vw,430px)}.layer-headline{font-size:38px}}