*{box-sizing:border-box}html{background:#f3f6f8;color:#152033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}.app{min-height:100dvh;max-width:1100px;margin:0 auto;background:#f7f9fb}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:max(14px,env(safe-area-inset-top)) 16px 12px;background:#f7f9fbf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #e3e8ef}.topbar.landing{position:relative;justify-content:space-between;border:0;padding-top:max(24px,env(safe-area-inset-top))}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#6a7280}.topbar h1{margin:3px 0 0;font-size:28px;letter-spacing:-.04em}.circle{width:42px;height:42px;border:1px solid #d8dee8;border-radius:999px;background:#fff;font-size:21px;color:#1c2737}.circle.primary,.button.primary,.publish-button{background:#111827;color:#fff;border-color:#111827}.intro{padding:0 16px 14px;color:#596579;max-width:560px}.intro p{margin:0;font-size:16px;line-height:1.55}.template-list{display:grid;gap:10px;padding:8px 16px 90px}.template-card{text-align:left;border:1px solid #e0e6ed;background:#fff;border-radius:17px;padding:16px;display:grid;gap:7px;color:#152033;box-shadow:0 2px 10px #0f172a08}.template-card strong{font-size:17px}.type-badge{justify-self:start;padding:4px 8px;border-radius:999px;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.06em;background:#eaf2ff;color:#315fa8}.type-badge.email{background:#eef9f0;color:#347549}.muted{color:#748094;font-size:13px}.empty{padding:32px 20px;text-align:center;color:#7a8596}.account-row{position:fixed;left:0;right:0;bottom:0;max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #e4e9ef;font-size:13px;color:#697588}.account-row a{color:#334155;text-decoration:none;font-weight:700}.error-banner{margin:8px 16px;padding:11px 13px;background:#fff1f2;color:#a1122d;border:1px solid #fecdd3;border-radius:12px;font-size:13px}.error-banner.inline{margin-top:12px}.editor-topbar{display:grid;grid-template-columns:42px minmax(0,1fr) auto}.title-stack{min-width:0;display:grid}.title-stack strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-state{font-size:11px;color:#7b8697}.save-state.offline{color:#9a6700}.publish-button{border:0;border-radius:10px;padding:9px 11px;font-size:12px;font-weight:800}.canvas{padding:18px 14px 110px;display:grid;gap:10px;max-width:720px;margin:auto}.canvas-label{font-size:10px;letter-spacing:.16em;font-weight:800;color:#8a94a3;padding:0 4px}.block-card{position:relative;display:grid;gap:4px;text-align:left;padding:15px 42px 15px 15px;background:#fff;border:1px solid #dfe5ec;border-radius:15px;color:#172033;min-height:72px}.block-card.selected{border-color:#111827;box-shadow:0 0 0 2px #1118270f}.block-type{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#8993a2;font-weight:800}.block-card strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-index{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:11px;color:#a0a8b4}.add-block{border:1.5px dashed #c9d1dc;border-radius:15px;background:transparent;padding:17px;color:#536072;font-weight:800}.center{text-align:center}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid #dfe5ec;box-shadow:0 -7px 20px #0f172a0d}.bottom-nav button{display:grid;place-items:center;gap:2px;border:0;background:transparent;color:#778395;font-size:11px;font-weight:700;padding:5px}.bottom-nav button span{font-size:17px}.bottom-nav button.active{color:#111827}.sheet-backdrop{position:fixed;inset:0;z-index:50;background:#0f172a59;display:flex;align-items:flex-end;justify-content:center}.sheet-backdrop.light{background:#0f172a33}.sheet{width:100%;max-width:720px;max-height:88dvh;overflow:auto;background:#fff;border-radius:22px 22px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px #0f172a26}.sheet.compact{max-width:520px}.grabber{width:42px;height:5px;background:#d7dde5;border-radius:999px;margin:0 auto 14px}.sheet h2{margin:0 0 16px;font-size:21px}.sheet h3{font-size:13px;margin:18px 0 8px}.sheet label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#596579;margin-bottom:12px}.sheet input,.sheet textarea,.json-editor{width:100%;border:1px solid #d4dbe4;border-radius:11px;background:#fff;color:#182235;padding:11px 12px;outline:none}.sheet textarea{min-height:90px;resize:vertical}.sheet input:focus,.sheet textarea:focus,.json-editor:focus{border-color:#111827;box-shadow:0 0 0 3px #1118270f}.segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;background:#eef2f5;padding:4px;border-radius:12px;margin-bottom:14px}.segmented button{border:0;background:transparent;border-radius:9px;padding:9px;color:#647083;font-weight:800}.segmented button.active{background:#fff;color:#111827;box-shadow:0 1px 5px #0f172a14}.segmented.small{margin:0;max-width:230px}.button{border:1px solid #d9dfe7;background:#fff;border-radius:10px;padding:10px 13px;font-weight:800;color:#293548}.button.full{width:100%}.block-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.block-picker button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #dfe5ec;background:#fafbfd;border-radius:13px;padding:13px;color:#263348;font-weight:800}.picker-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#fff;border:1px solid #e1e6ec;color:#475569}.sheet-title-row{display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;color:#1f4f93;font-weight:800}.block-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.block-actions button{border:1px solid #dce2ea;background:#f8fafc;border-radius:10px;padding:10px;color:#3d4b60}.danger-link{width:100%;border:0;background:transparent;color:#b42336;padding:14px;font-weight:800}.binding-chips{display:flex;gap:7px;flex-wrap:wrap}.binding-chips button{border:1px solid #dbe2ea;background:#f8fafc;border-radius:999px;padding:6px 9px;font-size:11px;color:#42506a}.preview-panel,.data-panel{padding:16px 14px 110px;max-width:900px;margin:auto}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.preview-frame-wrap{margin:auto;background:#cbd3dd;border-radius:18px;padding:10px;transition:max-width .2s ease}.preview-frame-wrap.mobile{max-width:420px}.preview-frame-wrap.desktop{max-width:880px}.preview-frame-wrap iframe{display:block;width:100%;height:68dvh;border:0;border-radius:10px;background:#fff}.preview-panel>.button{margin-top:12px}.data-panel h2{margin:2px 0 4px}.json-editor{min-height:46dvh;margin:14px 0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;resize:vertical}.binding-list{display:grid;gap:7px}.binding-list code{padding:8px 10px;background:#fff;border:1px solid #dfe5ec;border-radius:9px;font-size:11px;overflow:auto}@media(min-width:760px){.app{min-height:100vh;border-left:1px solid #e5e9ef;border-right:1px solid #e5e9ef}.template-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-backdrop{align-items:center;padding:24px}.sheet{border-radius:22px;max-height:82vh}.canvas{padding-top:26px}.block-picker{grid-template-columns:repeat(3,1fr)}}:root{--ink:#172033;--muted:#718096;--line:#e3e8ef;--surface:#ffffff;--soft:#f4f7f9;--accent:#111827;--success:#18794e}body{background:#edf2f5}.app{background:linear-gradient(180deg,#f9fbfc,#f4f7f9)}.topbar{border-color:#d8e0e8d9}.hero{margin:0 14px 12px;padding:20px;border-radius:24px;background:radial-gradient(circle at 92% 12%,rgba(255,255,255,.16),transparent 30%),linear-gradient(145deg,#111827,#253247);color:#fff;box-shadow:0 16px 40px #1e293b24}.hero-kicker{display:inline-block;font-size:10px;letter-spacing:.14em;font-weight:800;color:#cbd5e1;text-transform:uppercase}.hero h2{margin:7px 0 8px;max-width:430px;font-size:24px;line-height:1.05;letter-spacing:-.04em}.hero p{margin:0;color:#d5dce6;line-height:1.5;font-size:14px;max-width:500px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px}.hero-stats button{display:grid;gap:2px;text-align:left;border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:10px 11px;color:#fff;background:#ffffff14}.hero-stats strong{font-size:17px}.hero-stats span{font-size:10px;color:#cbd5e1}.library-controls{padding:4px 14px 8px}.search-field{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 2px 10px #0f172a06}.search-field span{color:#8793a4;font-size:18px}.search-field input{width:100%;border:0;outline:0;padding:12px 0;color:var(--ink);background:transparent}.filter-row{display:flex;gap:7px;overflow:auto;padding-top:9px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-row button{flex:0 0 auto;border:1px solid var(--line);background:#fff;color:#64748b;padding:7px 11px;border-radius:999px;font-size:11px;font-weight:800}.filter-row button.active{background:#111827;color:#fff;border-color:#111827}.template-card.refined{grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:13px}.template-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eef4ff;color:#315fa8;font-size:18px}.template-icon.email{background:#ecf8f0;color:#32704a}.template-card-body{min-width:0;display:grid;gap:4px}.template-card-topline{display:flex;align-items:center;gap:8px;min-width:0}.template-card-topline strong{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.status-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto;background:#c5ced9}.status-dot.published{background:#22a06b;box-shadow:0 0 0 3px #22a06b1a}.template-key{color:#8994a5;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chevron{color:#a1aab8;font-size:23px}.sheet-heading{display:flex;align-items:flex-start;gap:11px;margin-bottom:18px}.sheet-heading h2{margin:0 0 3px}.sheet-heading p{margin:0;color:#7a8596;font-size:12px;line-height:1.4}.sheet-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#111827;color:#fff;font-weight:800}.button.large{padding:13px 15px;border-radius:12px}.template-meta{display:flex;align-items:center;gap:6px;margin-top:2px}.mini-status{border-radius:999px;padding:2px 6px;font-size:9px;font-weight:800;background:#eef2f7;color:#657386}.mini-status.published{background:#e7f6ed;color:#18794e}.editor-context{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px;padding:2px 2px 8px;color:#7b8797;font-size:11px}.editor-context>div{min-width:0;display:flex;align-items:center;gap:8px}.editor-context code{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:9px;color:#8792a2}.type-pill{flex:0 0 auto;border-radius:999px;background:#eef4ff;color:#315fa8;padding:5px 8px;font-size:10px;font-weight:800}.type-pill.email{background:#eaf7ef;color:#32704a}.document-surface{display:grid;gap:9px;border:1px solid #e0e6ed;border-radius:22px;background:#ffffffa8;padding:10px;box-shadow:0 10px 30px #0f172a09}.block-card{grid-template-columns:19px minmax(0,1fr) 24px;align-items:center;gap:9px;padding:14px 12px;min-height:68px;box-shadow:0 3px 10px #0f172a06}.drag-hint{color:#b4bdc8;letter-spacing:-3px;font-size:14px}.block-copy{min-width:0;display:grid;gap:4px}.block-index{position:static;transform:none;text-align:right;font-variant-numeric:tabular-nums}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:4px 0 14px}.section-heading h2{margin:3px 0 0;font-size:24px;letter-spacing:-.035em}.preview-segment{margin-bottom:14px}.copy{line-height:1.5}.field-panel{margin-top:18px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:15px}.field-panel h3{margin:0 0 10px;font-size:13px}.use-panel{padding:16px 14px 110px;max-width:760px;margin:auto}.publish-state{border-radius:999px;padding:6px 9px;background:#f1f3f6;color:#7c8796;font-size:10px;font-weight:800}.publish-state.ready{background:#e7f6ed;color:#18794e}.integration-card,.auth-card,.key-manager{margin-bottom:10px;padding:14px;border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 3px 12px #0f172a06}.card-label{display:block;margin-bottom:8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8290a2;font-weight:800}.copy-row{display:flex;align-items:center;gap:8px}.copy-row code{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#263449;font-size:11px}.copy-row.multiline{align-items:flex-start}.copy-row.multiline code{white-space:normal;overflow-wrap:anywhere}.copy-row button{flex:0 0 auto;border:1px solid #dce3ea;border-radius:8px;padding:6px 8px;background:#f7f9fb;color:#42516a;font-size:10px;font-weight:800}.integration-card pre{margin:12px 0 0;padding:12px;border-radius:11px;overflow:auto;background:#111827;color:#e5edf5;font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.auth-heading,.key-manager-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.auth-heading h3,.key-manager h3{margin:0 0 3px;font-size:15px}.auth-heading p,.key-manager p{margin:0;color:#7a8596;font-size:11px;line-height:1.4}.lock{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#edf7f0;color:#18794e;font-weight:900}.auth-option{display:grid;gap:5px;padding:10px 0;border-top:1px solid #edf1f5}.auth-option strong{font-size:12px}.auth-option code{overflow:auto;font-size:10px;color:#44536b}.auth-option span{color:#8290a2;font-size:10px}.create-key-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:10px}.create-key-row input{min-width:0;border:1px solid #d6dde6;border-radius:10px;padding:10px 11px;outline:none}.secret-reveal{margin:10px 0;padding:12px;border:1px solid #f2d491;border-radius:12px;background:#fffaf0}.secret-reveal strong{font-size:12px}.secret-reveal p{margin:3px 0 10px;color:#856404}.copy-row.secret code{color:#6b4f00}.key-list{display:grid;gap:8px}.key-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid #edf1f5}.key-row>span:first-child{min-width:0;display:grid;gap:3px}.key-row strong{font-size:12px}.key-row code{color:#8994a4;font-size:9px}.key-meta{flex:0 0 auto;display:grid;justify-items:end;gap:3px}.key-meta small{color:#8994a4;font-size:8px}.key-meta button{border:0;background:transparent;color:#ad2438;font-size:10px;font-weight:800}.bottom-nav.four{grid-template-columns:repeat(4,1fr)}@media(min-width:760px){.hero{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:end;gap:24px;padding:28px}.hero h2{font-size:32px}.hero-stats{margin-top:0}.library-controls{display:flex;align-items:center;gap:10px}.search-field{flex:1;max-width:420px}.filter-row{padding-top:0}.template-list{grid-template-columns:repeat(2,minmax(0,1fr))}.document-surface{padding:14px}}@media(min-width:1050px){.template-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.pack-actions{display:flex;align-items:center;gap:9px;padding-top:9px}.pack-import{border:1px solid #111827;border-radius:999px;background:#111827;color:#fff;padding:8px 12px;font-size:11px;font-weight:800}.pack-import:disabled{opacity:.55;cursor:progress}.pack-actions a{color:#64748b;font-size:10px;font-weight:800;text-decoration:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.theme-pill{flex:0 0 auto;border-radius:999px;background:#f4ecff;color:#7048a8;padding:4px 7px;font-size:9px;font-weight:800}@media(min-width:760px){.pack-actions{padding-top:0;margin-left:auto}}.page-setup-card{margin:0 0 14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 3px 12px #0f172a06}.page-setup-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.page-setup-heading h3{margin:3px 0 0;font-size:15px}.page-setup-heading>span{color:#8994a4;font-size:10px;font-weight:800}.page-margin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.page-margin-grid label{display:grid;gap:5px;min-width:0;color:#7b8797;font-size:9px;font-weight:800}.page-margin-grid input{width:100%;min-width:0;border:1px solid #d6dde6;border-radius:9px;padding:9px 6px;text-align:center;font-size:13px;font-weight:800;color:#263449;background:#f9fafb}.content-padding-control{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:7px;margin-top:12px;color:#59677a;font-size:10px;font-weight:800}.content-padding-control>span{color:#9aa4b2;font-size:9px}.content-padding-control input{width:100%;min-width:0}.content-padding-control strong{min-width:38px;text-align:right;color:#263449;font-size:10px}.page-reset{margin-top:10px;padding:0;font-size:10px}.page-decoration-control{display:grid;gap:7px;margin-top:12px}.control-label{color:#59677a;font-size:10px;font-weight:800}.segmented.compact{margin:0}.segmented.compact button{padding:8px 9px;font-size:10px}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:10px 0 0;border-top:1px solid #edf1f5}.toggle-row>span{display:grid;gap:2px}.toggle-row strong{color:#263449;font-size:11px}.toggle-row small{color:#8994a4;font-size:9px;font-weight:500}.toggle-row input{width:18px;height:18px;flex:0 0 auto}.density-control{display:grid;gap:7px;margin-bottom:12px}.density-control small{color:#8994a4;font-size:9px;line-height:1.4}.inline-toggle{margin-top:4px;padding:10px 0}.theme-library-card{margin:0 0 14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 3px 12px #0f172a06}.theme-library-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.theme-library-heading h3{margin:3px 0 2px;font-size:15px}.theme-library-heading p{margin:0;color:#8994a4;font-size:10px;line-height:1.4}.theme-shelf{display:flex;gap:9px;overflow-x:auto;padding:13px 1px 8px;scrollbar-width:none}.theme-shelf::-webkit-scrollbar{display:none}.theme-choice{flex:0 0 112px;display:grid;gap:5px;text-align:left;border:1px solid #e0e6ed;border-radius:13px;padding:8px;background:#fbfcfd;color:#263449}.theme-choice.active{border-color:#111827;box-shadow:0 0 0 2px #11182714}.theme-choice strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px}.theme-choice small{color:#8a95a4;font-size:8px;text-transform:capitalize}.theme-swatch{height:58px;display:flex;align-items:flex-end;gap:4px;padding:7px;overflow:hidden;border:1px solid;border-radius:9px}.theme-swatch i{display:block;width:18px;height:18px;border-radius:5px;box-shadow:0 1px 3px #0f172a1f}.theme-swatch i:first-child{width:35px;height:38px}.base-swatch{background:#eef2f7;border-color:#d8e1e8}.base-swatch i:first-child{background:#fff}.base-swatch i:nth-child(2){background:#111827}.base-swatch i:nth-child(3){background:#64748b}.theme-library-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid #edf1f5;color:#8994a4;font-size:9px}.theme-library-footer a{color:#42516a;font-weight:800;text-decoration:none}.theme-controls-card{margin:0 0 14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 3px 12px #0f172a06}.theme-controls-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.theme-controls-heading h3{margin:3px 0 0;font-size:15px}.theme-controls-heading>span{color:#18794e;background:#e7f6ed;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800;text-transform:uppercase}.theme-control-section{display:grid;gap:9px;padding:12px 0;border-top:1px solid #edf1f5}.theme-control-section:first-of-type{border-top:0;padding-top:0}.theme-font-row{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(64px,.7fr));gap:7px}.theme-font-row select,.theme-font-row input{width:100%;min-width:0;border:1px solid #d6dde6;border-radius:9px;background:#f9fafb;color:#263449;padding:9px 8px;font-size:11px}.theme-font-row label{display:grid;gap:4px;color:#7b8797;font-size:8px;font-weight:800}.token-slider{display:grid;grid-template-columns:90px minmax(0,1fr) 48px;align-items:center;gap:8px;color:#59677a;font-size:9px;font-weight:800}.token-slider input{width:100%;min-width:0}.token-slider strong{text-align:right;color:#263449;font-size:9px;font-variant-numeric:tabular-nums}.theme-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.color-token{display:grid;gap:5px;padding:8px;border:1px solid #e7ebf0;border-radius:10px;background:#fbfcfd;color:#7b8797;font-size:8px;font-weight:800}.color-input-wrap{display:flex;align-items:center;gap:7px;min-width:0}.color-input-wrap input[type=color]{width:30px;height:30px;flex:0 0 auto;padding:0;border:0;border-radius:7px;overflow:hidden;background:transparent}.color-input-wrap code{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#344258;font-size:9px}@media(min-width:760px){.theme-color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.email-delivery-card{margin:0 0 14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 3px 12px #0f172a06}.email-delivery-card>label{display:grid;gap:5px;margin-top:10px;color:#59677a;font-size:10px;font-weight:800}.email-delivery-card input{width:100%;border:1px solid #d6dde6;border-radius:10px;padding:10px 11px;background:#f9fafb;color:#263449;font-size:12px}.email-size-row{display:flex;justify-content:space-between;gap:12px;padding-top:10px;margin-top:10px;border-top:1px solid #edf1f5;color:#8994a4;font-size:9px}.email-size-row strong{color:#344258}.email-preview-tabs{overflow-x:auto;display:flex}.email-preview-tabs button{flex:1 0 auto}.plain-text-preview{min-height:420px;margin:0 0 14px;padding:16px;overflow:auto;border:1px solid #dce3ea;border-radius:14px;background:#fcfcfd;color:#283548;white-space:pre-wrap;word-break:break-word;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.compatibility-panel{display:grid;gap:8px;margin-bottom:14px}.compatibility-warning{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;padding:11px;border:1px solid #e0e6ed;border-radius:12px;background:#fff}.compatibility-warning>span{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#eef3f7;font-weight:900}.compatibility-warning.warning{border-color:#efdca6;background:#fffaf0}.compatibility-warning.warning>span{background:#f8e9bd;color:#7a5a00}.compatibility-warning.error{border-color:#f0b9c2;background:#fff5f6}.compatibility-warning.error>span{background:#f9dce1;color:#9f2238}.compatibility-warning.info>span{color:#315fa8}.compatibility-warning strong{display:block;margin-bottom:2px;text-transform:capitalize;font-size:10px}.compatibility-warning p{margin:0;color:#697689;font-size:10px;line-height:1.4}.compatibility-clear{display:grid;gap:3px;padding:14px;border:1px solid #cce8d7;border-radius:12px;background:#f1fbf5}.compatibility-clear strong{color:#18794e;font-size:12px}.compatibility-clear span{color:#668173;font-size:10px}.integration-note{margin:10px 0 0;color:#7a8596;font-size:10px;line-height:1.5}.integration-note code{color:#42516a}.folder-browser{padding:2px 14px 8px}.folder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.folder-breadcrumbs{min-width:0;display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}.folder-breadcrumbs::-webkit-scrollbar{display:none}.folder-breadcrumbs>span{display:flex;align-items:center;gap:4px;flex:0 0 auto}.folder-breadcrumbs b{color:#a3adba;font-size:12px}.folder-breadcrumbs button{flex:0 0 auto;border:0;padding:5px 4px;background:transparent;color:#7b8797;font-size:10px;font-weight:800}.folder-breadcrumbs button.current{color:#172033}.new-folder-button{flex:0 0 auto;border:1px solid #dce3ea;border-radius:9px;padding:7px 9px;background:#fff;color:#42516a;font-size:9px;font-weight:800}.folder-grid{display:grid;gap:7px;margin-bottom:8px}.folder-card{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid #dfe5ec;border-radius:13px;background:#ffffffdb;color:#263449;text-align:left;box-shadow:0 2px 8px #0f172a05}.folder-card>span:nth-child(2){min-width:0;display:grid;gap:2px}.folder-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.folder-card small{color:#8a95a4;font-size:9px}.folder-icon{width:38px;height:34px;display:grid;place-items:center;border-radius:9px;background:#fff4db;color:#9a6b13;font-size:17px}.template-card.refined.folder-aware{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:4px;padding:5px}.template-card-open{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:8px;border:0;background:transparent;color:inherit;text-align:left}.template-move-button{align-self:center;width:32px;height:42px;border:0;border-left:1px solid #edf1f5;background:transparent;color:#8c98a8;font-size:16px;font-weight:800}.folder-picker{display:grid;max-height:52vh;overflow:auto;border:1px solid #e1e6ed;border-radius:12px}.folder-picker button{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid #edf1f5;background:#fff;color:#42516a;text-align:left}.folder-picker button:last-child{border-bottom:0}.folder-picker button.active{background:#eef4ff;color:#244f8d}.folder-picker strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}@media(min-width:760px){.folder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}