:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#162d32;background:#f6f8fa;font-synthesis:none;font-size:15px;font-weight:400;--ink:#102a32;--muted:#647581;--teal:#16756d;--lime:#d9f879;--line:#dce4e9;--bg:#f6f8fa;--nav:#0b242c;--surface:#fff;--radius:10px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button,a{transition:background .16s,color .16s,box-shadow .16s}a{color:var(--teal);text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #83bdb4;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:38px;line-height:1.13;letter-spacing:-1.35px;font-weight:720;margin-bottom:7px}h2{font-size:24px;line-height:1.2;letter-spacing:-.65px;font-weight:680;margin-bottom:15px}h3{font-size:18px;line-height:1.3;letter-spacing:-.3px;margin-bottom:8px}p{line-height:1.6}small{font-size:12px;line-height:1.5}.muted{color:var(--muted)}.teal{color:var(--teal)}.amber{color:#b98a36}.block{display:block}.mono{font-family:ui-monospace,monospace;font-size:12px}.preserve-lines{white-space:pre-wrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 15px;border-radius:8px;border:1px solid #cbd8de;background:#fff;color:var(--ink);font-weight:550;font-size:14px;line-height:1.2;white-space:nowrap}.btn:hover{background:#eef3f4;border-color:#9db4bd}.btn.primary{background:var(--lime);border-color:var(--lime);font-weight:650;color:#10271c;box-shadow:0 1px 2px #203b0b08}.btn.primary:hover{background:#c9ef53;border-color:#c9ef53}.page-heading>.actions>.primary{min-height:46px;padding:13px 22px;font-size:16px}.btn.text{border-color:transparent;background:transparent;color:var(--teal);font-weight:650;padding-left:8px;padding-right:8px}.btn.text:hover{background:#e9f3f1}.btn.outline{background:transparent;border-color:#659e98;color:#12625d;padding:7px 20px;min-height:34px}.btn.danger{background:#a8493e;color:#fff;border-color:#a8493e}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:7px;width:33px;height:33px;background:transparent;border:0;border-radius:6px;color:var(--muted)}.icon-btn:hover{background:#e8eff2;color:var(--teal)}input:not([type=checkbox]):not([type=color]),textarea,select{background:#fff;border:1px solid #cdd9df;border-radius:7px;min-height:38px;padding:9px 11px;color:var(--ink);font-size:14px;line-height:1.3;max-width:100%}input::placeholder,textarea::placeholder{color:#8a969e}textarea{resize:vertical;width:100%;min-height:80px}input[type=color]{width:100%;height:39px;padding:4px;border:1px solid #cdd9df;border-radius:7px;background:#fff}input[type=checkbox]{accent-color:var(--teal);width:16px;height:16px;flex-shrink:0}select{padding-right:28px;cursor:pointer}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;font-size:14px;min-width:0}.field>span{font-weight:600}.field small{color:var(--muted);font-weight:400}.field input{width:100%}.checkbox-line{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:400;line-height:1.6;margin:12px 0}.checkbox-line input{width:16px!important;margin-top:3px}.check-list{padding:10px 12px;border:1px solid var(--line);border-radius:7px;display:flex;gap:12px;flex-wrap:wrap}.check-list label{display:flex;align-items:center;gap:7px;font-weight:400}.check-list input{width:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.full{grid-column:1/-1}.form-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.padded{padding:27px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--nav);color:#f1f6f8;display:flex;flex-direction:column;z-index:40;padding:0 15px;border-right:1px solid #17343c}.brand-link{display:block;padding:25px 15px 23px;color:#fff}.brand{display:inline-flex;align-items:center;gap:14px;white-space:nowrap}.brand svg{color:var(--lime);flex-shrink:0}.brand strong{font-size:25px;letter-spacing:-.7px;font-weight:720}.sidebar nav{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#32505a transparent}.nav-group{margin-bottom:25px}.nav-group h2{font-size:11px;font-weight:650;letter-spacing:.8px;color:#a8bac2;margin:17px 10px 12px}.nav-group a,.sidebar-footer>a{display:flex;align-items:center;gap:16px;color:#eaf0f2;font-size:15px;padding:11px 15px;border-radius:8px;margin:2px 0;line-height:1.3}.nav-group a svg{flex-shrink:0}.nav-group a:hover,.sidebar-footer>a:hover{background:#153943}.nav-group a.active,.sidebar-footer>a.active{background:#0d6263;color:#fff;box-shadow:inset 0 0 0 1px #2e85852e;font-weight:600}.sidebar-footer{border-top:1px solid #ffffff29;padding:15px 0 20px;margin-top:15px}.account-row{display:flex;align-items:center;gap:12px;padding:9px 9px 0}.account-row>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px}.account-row .icon-btn{color:#b8cbd1}.avatar{width:35px;height:35px;background:#0d7e76;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:650;flex-shrink:0}.avatar.pale{background:#e9f3ef;color:#236259}.avatar.outline{background:transparent;border:1px solid #829da7;width:29px;height:29px;font-size:10px}.workspace{margin-left:248px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:56px;background:#fbfcfe;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 27px;gap:16px;flex-shrink:0}.topbar-left,.topbar-right{display:flex;align-items:center;gap:15px}.breadcrumb{display:flex;gap:12px;font-size:14px;align-items:center}.breadcrumb>span{color:var(--teal);font-weight:600}.breadcrumb i{font-style:normal;color:#b9c7cd}.breadcrumb strong{font-weight:600}.sending-status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#edf1f5;border-radius:12px;font-size:12px}.sending-status i{width:11px;height:11px;border:1.4px solid #61727c;border-radius:50%}.top-divider{height:26px;border-left:1px solid #cbd6db}.main-content{padding:30px 30px 0;flex:1;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.page-heading p{margin-bottom:0;color:#5d6e7a;font-size:16px;line-height:1.4}.metric-band{display:flex;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:15px 0;margin:0 0 17px;min-height:86px}.metric-band>div{flex:1;padding:0 30px;border-right:1px solid #d5e0e5;min-width:0}.metric-band>div:last-child{border-right:0}.metric-band span{display:block;font-size:14px;font-weight:550;margin-bottom:3px}.metric-band strong{display:block;font-size:28px;line-height:1.15;letter-spacing:-.7px;font-weight:700}.metric-band small{color:var(--muted)}.notice{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#def3f1;color:#135f5b;padding:11px 22px;border-radius:8px;margin:16px 0;font-size:14px;line-height:1.5;min-height:51px}.notice-copy{display:flex;align-items:center;gap:15px}.notice-copy svg{flex-shrink:0;color:#119286}.notice.warning{background:#faf3df;color:#7e6231}.notice.warning svg{color:#b88635}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px 10px;flex-wrap:wrap}.table-toolbar>.actions{gap:10px}.tabs{display:flex;gap:7px;align-items:stretch;overflow-x:auto;flex-shrink:0;margin-bottom:18px;border-bottom:1px solid var(--line)}.tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:12px 15px 13px;color:#5e6d78;font-weight:500;font-size:14px;white-space:nowrap}.tabs button:hover{color:var(--teal)}.tabs button.active{border-bottom-color:#008477;color:#09746c;font-weight:650}.table-toolbar .tabs{border-bottom:0;margin-bottom:0;gap:3px}.table-toolbar .tabs button{padding:10px 12px 12px}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #cdd9df;background:#fff;border-radius:7px;padding:0 10px;min-width:170px;max-width:260px;height:38px;color:#7d8b96}.search-box input{border:0!important;background:transparent!important;min-height:34px!important;width:100%;padding:7px 0!important;outline:none!important;font-size:13px!important}.table-scroll{overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th{font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:650;color:#455962;background:#eef2f5;padding:13px 18px;white-space:nowrap}td{padding:17px 18px;border-bottom:1px solid #e9eff2;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfc}.campaign-panel .table-scroll{margin:0 15px}.campaign-panel th:first-child{border-radius:6px 0 0 6px}.campaign-panel th:last-child{border-radius:0 6px 6px 0}.campaign-panel th{padding:11px 20px}.table-link{background:none;border:0;color:var(--ink);font-weight:600;text-align:left;line-height:1.4;padding:0;font-size:14px}.table-link:hover{color:var(--teal)}.table-link small{display:block;font-weight:400;color:var(--muted);margin-top:4px}.campaign-name{display:flex;align-items:center;gap:12px;min-width:220px}.row-icon{width:37px;height:37px;border-radius:8px;background:#edf6f1;color:var(--teal);display:inline-flex;justify-content:center;align-items:center;flex-shrink:0}.row-actions{display:flex;justify-content:flex-end;gap:3px}.table-footer{border-top:1px solid var(--line);padding:12px 18px;color:var(--muted);font-size:12px}.panel-description{padding:0 20px;margin-bottom:14px;color:var(--muted);font-size:13px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:5px;background:#edf1f5;font-size:11px;font-weight:550;line-height:1.3;white-space:nowrap}.badge.active,.badge.subscribed,.badge.done,.badge.won,.badge.published,.badge.paid{color:#186a59;background:#e4f4ea}.badge.pending,.badge.planned,.badge.paused{color:#98742e;background:#faf1d9}.badge.bounced,.badge.lost,.badge.cancelled,.badge.high{color:#a65248;background:#fbebe8}.badge.email{background:#e8f1f9;color:#51728c}.badge.draft{color:#6c678a;background:#efedf7}.empty{text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:28px 24px 20px;min-height:242px}.empty-icon{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:#edfac2;color:#125257;margin-bottom:16px}.empty h2{font-size:22px;letter-spacing:-.6px;margin-bottom:5px}.empty p{font-size:14px;color:#667482;margin-bottom:9px}.empty .btn{font-size:15px}.campaign-panel .empty{min-height:250px;padding-top:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0 16px}.section-heading h2{margin:0;font-size:23px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.template-card{display:flex;align-items:center;gap:18px;width:100%;background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px 18px;text-align:left;min-width:0;overflow:hidden;min-height:184px}.template-card:hover{border-color:#78a79b;box-shadow:0 5px 20px #213d3910;transform:translateY(-1px)}.mini-email{width:158px;flex:0 0 45%;max-width:180px;min-height:154px;background:#fff;border:1px solid #dce5ea;border-radius:6px;overflow:hidden}.mini-brand{font-size:9px;font-weight:650;text-align:center;padding:12px 2px;background:#fff}.mini-content{padding:14px 15px 9px;background:#f5f8f8;min-height:118px}.mini-content strong{display:block;font-size:16px;letter-spacing:-.5px;line-height:1.15;margin-bottom:12px}.mini-content i{display:block;height:4px;background:#b9ccd3;border-radius:2px;margin:5px 0}.mini-content i:nth-of-type(3){width:65%}.mini-content b{display:block;width:50%;height:14px;margin:13px auto 0;border-radius:3px;background:#16756d}.mini-bienvenida .mini-content{background:#11676a;color:#fff}.mini-bienvenida .mini-content b{background:var(--lime)}.mini-invitación .mini-content{background:#e6f8a5}.mini-invitación .mini-content i{background:#a6bb7f}.template-copy{flex:1;min-width:0}.template-copy h3{font-size:18px;letter-spacing:-.6px;margin-bottom:8px}.template-copy p{font-size:13px;color:#5e6e78;line-height:1.55;margin-bottom:0}.app-footer{margin:18px 30px 0;padding:14px 3px 16px;border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;color:#526570;font-size:12px}.app-footer strong{color:var(--ink);font-weight:600}.folder-filter{padding:0 20px 12px}.person-cell{display:flex;align-items:center;gap:10px}.person-cell strong{font-size:13px}.person-cell small{display:block;color:var(--muted);margin-top:2px}.tags{display:flex;gap:4px;flex-wrap:wrap}.tags>span{background:#edf4ef;color:#4e7468;padding:3px 6px;border-radius:4px;font-size:11px}.modal-backdrop{position:fixed;inset:0;background:#081c2a85;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;justify-content:center;align-items:center;padding:24px}.modal{width:560px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;background:#fff;border-radius:14px;box-shadow:0 24px 100px #071c3433;overflow:hidden}.modal.wide{width:860px}.modal>header{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid var(--line);gap:20px}.modal>header h2{font-size:21px;margin:0}.modal-body{padding:24px 25px;overflow:auto}.modal>footer{border-top:1px solid var(--line);padding:15px 25px;display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.error-text{color:#a94135;font-size:13px}.error-box{background:#fdf0ec;color:#994535;border:1px solid #efd2c8;border-radius:8px;padding:14px;font-size:13px;line-height:1.5;margin:15px 0}.toast-stack{position:fixed;bottom:24px;right:24px;z-index:200;display:flex;flex-direction:column;gap:8px;max-width:420px}.toast{background:#173f3c;border:1px solid #2c6e65;color:#fff;padding:15px 20px;border-radius:10px;box-shadow:0 5px 30px #122f3420;font-size:13px;line-height:1.5}.toast.error{background:#803e32;border-color:#a66256}.loading{display:flex;gap:12px;align-items:center;justify-content:center;min-height:50vh;color:var(--teal);font-size:16px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rules{display:flex;flex-direction:column;gap:12px}.rule-row{display:grid;grid-template-columns:1fr 1.2fr 1.3fr auto;gap:8px}.rule-row select,.rule-row input{min-width:0}.rules>.btn{align-self:flex-start}.dashboard-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin:20px 0}.dashboard-grid .section-heading{margin-top:0}.audience-chart{margin:30px 0}.bar-row{display:flex;align-items:center;gap:18px;margin:20px 0;font-size:13px}.bar-row>span{min-width:80px}.bar-row strong{min-width:25px;text-align:right}.bar-track{height:10px;background:#eef2f4;flex:1;border-radius:8px;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:8px}.setup-list>button{display:flex;align-items:center;gap:15px;background:transparent;border:0;border-bottom:1px solid var(--line);padding:18px 0;width:100%;text-align:left;font-size:14px}.setup-list>button strong{flex:1;font-weight:500}.setup-list>button:last-child{border-bottom:0}.step-dot{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #cad7db;border-radius:50%;color:var(--teal)}.step-dot.complete{border-color:transparent;background:#e6f6e9}.recent-row{display:flex;align-items:center;gap:15px;width:100%;padding:15px 0;background:none;border:0;border-bottom:1px solid var(--line);text-align:left}.recent-row>span:nth-child(2){flex:1}.recent-row small{display:block;margin-top:5px;color:var(--muted)}.recent-row strong{font-size:14px}.check-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #e7edef;font-size:13px}.check-row>span:not(.badge):not(.number-dot),.check-row>strong:first-child,.check-row>div:first-child{flex:1}.check-row:last-child{border-bottom:0}.check-row .badge{margin-left:auto}.local-note{display:flex;gap:12px;align-items:center;margin-top:20px;background:#edf5f1;padding:16px;border-radius:8px;color:var(--teal)}.local-note p{font-size:12px;margin:0}.number-dot{width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#edf3f2;color:var(--teal)}.kanban{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:14px;overflow-x:auto;min-height:450px}.kanban-column{background:#edf2f5;border-radius:9px;padding:13px;min-width:0;border-top:3px solid #a9b8c3}.kanban-column.qualified{border-top-color:#b0a8d7}.kanban-column.proposal{border-top-color:#d2b866}.kanban-column.won{border-top-color:#65a291}.kanban-column.lost{border-top-color:#c88d83}.kanban-column>header{padding:5px 3px 18px}.kanban-column h3{font-size:14px;display:flex;justify-content:space-between}.kanban-column h3 span{font-size:11px;background:#fff;border-radius:4px;padding:2px 6px}.kanban-column>header small{color:var(--muted)}.deal{padding:16px 13px;background:#fff;border:1px solid #dae3e7;box-shadow:0 2px 4px #102a3204;border-radius:7px;margin-bottom:12px}.deal>small{display:block;margin:6px 0 18px;color:var(--muted)}.deal>strong{font-size:19px;display:block}.deal-footer{margin-top:16px;border-top:1px solid #eef2f3;padding-top:12px;display:flex;flex-direction:column;gap:8px}.deal-footer select{font-size:11px;min-height:28px;padding:5px 7px}.kanban-add{display:flex;align-items:center;gap:8px;border:0;background:none;font-size:12px;padding:10px;color:var(--muted);width:100%}.template-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.template-tile{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.template-tile .template-card{border:0;border-radius:0;min-height:225px;padding:25px}.template-tile .mini-email{min-width:180px}.template-tile-footer{padding:12px 20px;background:#fafdfe;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.asset-row{display:flex;align-items:center;gap:14px}.asset-row img{width:60px;height:45px;object-fit:cover;background:#e8edf1;border-radius:4px}.truncate-link{display:block;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox{display:grid;grid-template-columns:300px 1fr;min-height:540px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.inbox>aside{border-right:1px solid var(--line);background:#fbfcfc}.inbox-title{padding:20px;display:flex;justify-content:space-between;font-size:14px;font-weight:600;border-bottom:1px solid var(--line)}.inbox-item{display:flex;align-items:center;gap:12px;padding:18px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:none}.inbox-item.active{background:#e8f4f0}.inbox-item strong{font-size:13px}.inbox-item small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}.inbox>section{display:flex;flex-direction:column;min-width:0}.conversation-header{padding:22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.conversation-header h2{font-size:20px;margin-bottom:4px}.notes{padding:24px;min-height:270px;flex:1;max-height:500px;overflow:auto}.internal-note{background:#fcf6e6;border:1px solid #eee2c3;border-radius:9px;padding:14px 18px;margin-bottom:16px}.internal-note p{margin:7px 0 0;font-size:14px}.internal-note small{color:#92784a}.note-compose{padding:20px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px;align-items:flex-end}.note-compose textarea{width:100%}.archive-details{margin-top:25px}.archive-details summary{cursor:pointer;padding:12px;font-size:13px;color:var(--muted)}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.integration-grid h2{font-size:21px;margin-top:18px}.integration-grid strong{font-size:13px}.integration-grid p{font-size:13px;min-height:64px}.settings-panel{max-width:880px}.settings-panel h2{margin-top:12px}.settings-panel .notice{font-size:13px}.code-sample{font-size:13px;line-height:1.7;background:#102d35;color:#d5f5e4;padding:22px;border-radius:8px;overflow:auto}.flow-settings{display:grid;grid-template-columns:1fr 1fr;gap:25px}.flow-settings .field{margin:0}.flow-canvas{background-color:#edf3f3;background-image:radial-gradient(#b9cbce 1px,transparent 1px);background-size:20px 20px;padding:40px 30px;min-height:450px;border:1px solid var(--line);border-radius:10px;margin-top:20px;display:flex;align-items:center;flex-direction:column}.flow-node{background:#fff;border:1px solid #c5d7dc;border-radius:10px;box-shadow:0 4px 12px #173b3c09;padding:20px;display:flex;align-items:flex-start;gap:16px;width:520px;max-width:100%}.flow-node small{font-size:10px;letter-spacing:1px;color:var(--muted)}.flow-node>.flow-node-main,.flow-node>div:nth-child(2){flex:1;min-width:0}.flow-node select{width:100%;margin-top:6px}.flow-node .field{margin:10px 0 0}.flow-node.trigger{border-top:4px solid #4a9a84}.flow-icon{width:44px;height:44px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#eef7ed;color:var(--teal)}.flow-line{height:40px;display:flex;align-items:center;justify-content:center;color:#88a4a9}.flow-line:before{content:"";height:40px;position:absolute;border-left:1px solid #8ca8ac}.flow-line svg{background:#edf3f3;z-index:1}.editor-page{padding-top:23px}.editor-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.editor-title{display:flex;align-items:center;gap:10px;min-width:0}.editor-title>div{min-width:0}.editor-title h1{font-size:25px;letter-spacing:-.8px;line-height:1.2;overflow-wrap:anywhere}.editor-title small{font-size:11px;color:var(--muted)}.editor-title small .badge{padding:2px 6px}.editor-layout{display:grid;grid-template-columns:190px minmax(280px,1fr) 230px;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:650px}.block-tools,.block-inspector{background:#fff;padding:21px 16px}.block-tools{border-right:1px solid var(--line)}.block-tools h3,.block-inspector h3{font-size:15px;margin-bottom:10px}.block-tools p,.block-inspector p{font-size:12px;line-height:1.5;color:var(--muted)}.block-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.block-grid button{display:flex;flex-direction:column;align-items:center;gap:9px;min-height:77px;padding:12px 3px;background:#fff;border:1px solid var(--line);border-radius:7px;font-size:11px;color:#53717a}.block-grid button:hover{background:#eef7ed;border-color:#91b3a4;color:var(--teal)}.tip{margin-top:30px;background:#f1f7ee;border-radius:7px;padding:14px;font-size:11px}.tip p{font-size:11px;margin:8px 0 0}.block-inspector{border-left:1px solid var(--line)}.block-inspector .field{margin-top:18px;font-size:12px}.block-inspector input,.block-inspector textarea,.block-inspector select{font-size:12px!important}.email-canvas{background:#eaf0f2;min-width:0;padding:0 20px 30px}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;font-size:11px;color:#72848e}.email-document{max-width:600px;background:#fff;margin:0 auto;min-height:500px;box-shadow:0 3px 14px #183a4610;transition:max-width .2s}.email-document.mobile{max-width:320px}.email-brand{padding:25px 25px 10px;font-size:12px;letter-spacing:1px;font-weight:650}.email-block{position:relative;padding:12px 26px;border:1px solid transparent;cursor:pointer;min-height:35px}.email-block:hover{border-color:#c4d8d2}.email-block.selected{border-color:#398d7b;box-shadow:inset 0 0 0 1px #398d7b}.email-block h2{font:700 27px/1.2 Arial,sans-serif;letter-spacing:-.7px;margin:13px 0}.email-block p{font:15px/1.7 Arial,sans-serif;margin:10px 0}.email-block img{max-width:100%;height:auto;display:block;margin:auto}.email-cta{display:inline-block;color:#fff;padding:12px 23px;font:14px Arial,sans-serif;border-radius:5px;margin:10px 0}.email-block hr{border:0;border-top:1px solid #dce4e7;margin:15px 0}.block-actions{position:absolute;top:-16px;right:0;display:none;background:#fff;border:1px solid #a6c6bc;border-radius:5px;z-index:2}.email-block:hover .block-actions,.email-block.selected .block-actions,.email-block:focus-within .block-actions{display:flex}.block-actions .icon-btn{width:28px;height:28px}.canvas-empty{min-height:310px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#77908e;text-align:center;padding:30px 10px}.canvas-empty h3{font-size:20px;color:var(--ink);margin:15px 0 6px}.canvas-empty p{font-size:13px}.email-foot{font-size:11px;color:#82919a;padding:25px;border-top:1px solid #e8edef;text-align:center;margin-top:15px;line-height:1.5}.email-foot small{font-size:10px}.image-placeholder{height:130px;background:#f1f4f6;border:1px dashed #becdd3;display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;color:#8a9ca5;font-size:12px}.html-block{display:flex;align-items:center;gap:10px;background:#f2f5f6;padding:18px;font-size:12px}.preview-frame{display:block;border:0;width:100%;height:60vh;min-height:400px;background:#f1f4f6;margin:auto}.preview-frame.mobile{max-width:375px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.review-grid .metric-band{margin-top:25px}.review-grid .metric-band>div{padding:0 20px}.review-grid .metric-band strong{font-size:23px}.review-grid h2{font-size:22px}.review-grid .notice{padding:13px;font-size:12px}.provider-block{border-top:1px solid var(--line);padding-top:24px;margin-top:24px;font-size:14px}.provider-block p{font-size:12px;color:var(--muted)}.public-link{align-self:center;font-size:14px}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:#0b242c;color:#fff;padding:50px 60px;display:flex;flex-direction:column;justify-content:space-between;gap:50px}.login-story h1{font-size:64px;line-height:1.08;letter-spacing:-2.8px;margin:30px 0 20px}.login-story p{color:#b8ced1;font-size:18px;line-height:1.7}.login-story>small{color:#8aa7af}.login-symbol{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;border:1px solid #759e7e60;background:#152e32;border-radius:30px;color:var(--lime)}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:50px;background:#f7f9fa}.login-form-wrap form{width:390px;max-width:100%}.login-lock{width:56px;height:56px;background:#e8f4e5;display:flex;align-items:center;justify-content:center;border-radius:15px;color:#366e57;margin-bottom:25px}.login-form-wrap h2{font-size:30px;letter-spacing:-1px}.login-form-wrap form>p{color:var(--muted);margin-bottom:30px}.login-form-wrap .field{margin-bottom:22px}.login-form-wrap input{height:46px}.login-form-wrap .primary{width:100%;height:46px;justify-content:space-between;margin-top:7px}.login-hint{display:block;margin-top:25px;color:#82939a;text-align:center;font-size:11px;line-height:1.8}.mobile-toggle,.mobile-close{display:none}.help-list{font-size:14px;line-height:2;padding-left:20px}@media(min-width:1650px){.main-content{padding:35px 40px 0}.app-footer{margin-left:40px;margin-right:40px}.campaign-panel .empty{min-height:300px}}@media(max-width:1350px){.sidebar{width:220px}.workspace{margin-left:220px}.brand-link{padding-left:8px}.brand{gap:10px}.brand strong{font-size:23px}.main-content{padding:26px 24px 0}.table-toolbar{gap:10px}.table-toolbar .actions{flex:1;justify-content:flex-end}.table-toolbar .tabs{flex:1}.search-box{max-width:220px}.template-card{gap:12px;padding:13px;min-height:178px}.mini-email{min-height:140px}.mini-content strong{font-size:14px}.template-copy h3{font-size:16px}.template-copy p{font-size:12px}.editor-layout{grid-template-columns:155px minmax(250px,1fr) 200px}.block-tools,.block-inspector{padding:17px 11px}.email-canvas{padding-left:12px;padding-right:12px}.login-story{padding:40px}.login-story h1{font-size:55px}}@media(max-width:1100px){h1{font-size:32px}.sidebar{width:205px}.workspace{margin-left:205px}.nav-group a{gap:12px;padding:10px;font-size:14px}.brand strong{font-size:21px}.brand svg{width:26px}.template-grid{grid-template-columns:1fr}.template-card{min-height:145px}.mini-email{flex:0 0 145px;min-height:130px}.mini-content{min-height:100px}.template-copy h3{font-size:18px}.template-copy p{font-size:14px}.template-gallery{grid-template-columns:1fr 1fr}.template-tile .template-card{display:block;padding:20px}.template-tile .mini-email{max-width:100%;margin:auto auto 18px;width:200px}.template-tile-footer{align-items:flex-start;flex-direction:column;gap:6px}.integration-grid{grid-template-columns:1fr 1fr}.editor-layout{grid-template-columns:145px minmax(200px,1fr)}.block-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:flex;gap:15px;flex-wrap:wrap;align-items:flex-start}.block-inspector .field{flex:1;min-width:150px;margin:0}.block-inspector>h3{width:100%}.editor-header{align-items:flex-start;flex-direction:column;gap:15px}.inbox{grid-template-columns:240px 1fr}.metric-band>div{padding:0 20px}.metric-band span{font-size:12px}.metric-band strong{font-size:25px}.review-grid,.dashboard-grid{grid-template-columns:1fr}.login-story h1{font-size:48px}.login-story p{font-size:16px}.login-form-wrap{padding:30px}}@media(max-width:800px){.sidebar{width:248px;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.workspace{margin-left:0}.mobile-toggle,.mobile-close{display:inline-flex}.mobile-close{position:absolute;top:28px;right:12px;color:#b6cbd2}.sidebar .brand-link{padding-left:14px}.sidebar .brand strong{font-size:24px}.sidebar .brand svg{width:30px}.sidebar .brand-link+.mobile-close{right:5px;width:27px}.mobile-scrim{position:fixed;inset:0;background:#0b202776;z-index:35}.main-content{padding:24px 20px 0}.app-footer{margin-left:20px;margin-right:20px}.topbar{padding:0 20px}.topbar-right{gap:10px}.topbar-right>.icon-btn,.top-divider{display:none}.topbar-left{gap:12px}.sending-status{font-size:10px;padding:6px 8px}.sending-status i{width:8px;height:8px}.breadcrumb{font-size:12px;gap:7px}.page-heading{align-items:flex-start}.page-heading h1{font-size:32px}.page-heading p{font-size:14px}.page-heading>.actions>.primary{font-size:13px;min-height:38px;padding:10px 14px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.template-grid .template-card{display:block;padding:13px;min-height:260px}.template-grid .mini-email{width:100%;margin:0 auto 12px;min-height:130px}.template-grid .template-copy h3{font-size:15px}.template-grid .template-copy p{font-size:11px}.notice{font-size:12px;padding:12px 15px;gap:12px}.notice-copy{gap:10px}.notice .btn{font-size:11px;padding:8px 10px}.inbox{grid-template-columns:200px 1fr}.login{grid-template-columns:1fr}.login-story{padding:25px 30px;min-height:0}.login-story>div:not(.brand){display:none}.login-story>small{display:none}.login-form-wrap{min-height:calc(100vh - 90px);padding:35px 25px}.kanban{min-height:400px}.main-content>.tabs{margin-top:10px}}@media(max-width:540px){h1{font-size:29px!important}h2{font-size:21px}.topbar{padding:0 14px}.breadcrumb>span,.breadcrumb i{display:none}.topbar-right .avatar{width:28px;height:28px;font-size:10px}.main-content{padding:24px 14px 0}.page-heading{flex-direction:column;gap:16px;margin-bottom:20px}.page-heading>.actions{width:100%}.page-heading>.actions>.btn{flex:1}.metric-band{display:grid;grid-template-columns:1fr 1fr;padding:0;overflow:hidden}.metric-band>div{padding:15px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metric-band>div:nth-child(2n){border-right:0}.metric-band>div:nth-last-child(-n+2){border-bottom:0}.metric-band strong{font-size:25px}.metric-band span{font-size:12px}.notice{align-items:flex-start}.notice .btn{align-self:center}.notice-copy{align-items:flex-start}.notice-copy svg{width:18px;margin-top:2px}.table-toolbar{padding:10px;display:block}.table-toolbar .tabs{margin-bottom:12px;width:100%;max-width:100%;gap:0}.table-toolbar .tabs button{padding:10px;font-size:12px}.table-toolbar .actions{display:flex;justify-content:flex-start;gap:8px}.table-toolbar .actions>.search-box{max-width:100%;width:100%;flex:1 1 100%}.table-toolbar select{font-size:12px;flex:1;min-width:0}.table-toolbar .btn{font-size:12px;padding:9px 10px;flex:1}.campaign-panel .table-scroll{margin:0 10px}.campaign-panel table{min-width:470px}.campaign-panel th{font-size:9px;padding:11px}.empty{padding:25px 16px;min-height:230px}.empty-icon{height:66px;width:66px;margin-bottom:14px}.empty-icon svg{width:30px}.empty h2{font-size:19px;max-width:280px}.empty p{font-size:12px;max-width:280px}.empty .btn{font-size:13px}.section-heading{align-items:center;margin:24px 0 15px}.section-heading h2{font-size:19px}.section-heading .btn{font-size:12px;padding:5px}.template-grid{grid-template-columns:1fr;gap:12px}.template-grid .template-card{display:flex;min-height:155px;padding:13px 18px;gap:22px}.template-grid .mini-email{flex-basis:135px;width:135px;margin:0}.template-grid .template-copy h3{font-size:18px}.template-grid .template-copy p{font-size:12px}.template-gallery{grid-template-columns:1fr}.template-tile .template-card{display:flex}.template-tile .mini-email{min-width:145px;margin:0}.template-tile-footer{flex-direction:row;align-items:center}.form-grid,.dashboard-grid,.review-grid,.flow-settings{grid-template-columns:1fr}.form-grid>.full{grid-column:auto}.padded{padding:20px}.modal-backdrop{padding:12px}.modal{max-height:95vh}.modal>header{padding:16px 19px}.modal>header h2{font-size:19px}.modal-body{padding:20px 18px}.modal>footer{padding:15px 18px}.rule-row{grid-template-columns:1fr 1fr}.rule-row input{grid-column:1}.toast-stack{bottom:16px;right:12px;left:12px;max-width:none}.app-footer{margin:20px 14px 0;font-size:10px}.editor-header .actions{gap:7px}.editor-header .btn{font-size:11px;padding:9px 10px}.editor-title h1{font-size:22px!important}.editor-layout{grid-template-columns:1fr}.block-tools{border-right:0;border-bottom:1px solid var(--line);padding:15px}.block-tools>p,.block-tools>.tip{display:none}.block-grid{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.block-grid button{min-height:60px;gap:5px;font-size:10px;padding:9px 3px}.block-grid button svg{width:18px;height:18px}.email-canvas{padding:0 10px 20px}.block-inspector .field{flex:1 1 100%}.block-inspector{padding:20px}.email-block{padding:10px 20px}.email-block h2{font-size:24px}.email-block p{font-size:14px}.block-actions{top:0}.inbox{grid-template-columns:1fr}.inbox>aside{border-right:0;border-bottom:1px solid var(--line);max-height:225px;overflow:auto}.inbox-item{padding:13px}.conversation-header{padding:18px}.conversation-header h2{font-size:18px}.integration-grid{grid-template-columns:1fr}.flow-canvas{padding:25px 12px}.flow-node{padding:16px 12px;gap:10px}.flow-icon{width:32px;height:32px}.flow-node .field,.flow-node input,.flow-node select{font-size:12px}.flow-node>.icon-btn{width:25px}.settings-panel .btn{white-space:normal}.topbar .sending-status{white-space:nowrap}.help-list{font-size:13px}.notes{padding:18px}.dashboard-grid .metric-band{grid-template-columns:repeat(3,1fr)}.dashboard-grid .metric-band>div{padding:13px 10px;border-bottom:0}.dashboard-grid .metric-band>div:nth-child(2){border-right:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.mini-brand{display:flex;align-items:center;justify-content:center;gap:5px}.mini-brand svg{flex-shrink:0}.campaign-panel th:first-child{width:40%}.campaign-panel .empty h2{font-size:24px}.campaign-panel .empty p{font-size:15px}.campaign-panel .empty .btn{font-size:16px}.notice{font-size:15px}.template-grid.compact .template-card{min-height:180px}.template-grid.compact .mini-content{min-height:110px}.template-grid.compact .mini-email{min-height:146px}.template-grid.compact .template-copy h3{font-size:19px}.template-grid.compact .template-copy p{font-size:13px}.page-heading{margin-bottom:21px}.sidebar .nav-group{margin-bottom:22px}.sidebar .nav-group a{padding-top:10px;padding-bottom:10px}@media(max-width:540px){.campaign-panel .empty h2{font-size:19px}.campaign-panel .empty p{font-size:12px}.campaign-panel .empty .btn{font-size:13px}.notice{font-size:12px}.template-grid.compact .template-card{min-height:155px}.template-grid.compact .template-copy h3{font-size:18px}.template-grid.compact .template-copy p{font-size:12px}}@media(max-width:800px){.sidebar:not(.open){visibility:hidden}.sidebar.open{visibility:visible}}.variant-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 14px;margin-bottom:12px;border:1px solid #d6e3e1;border-radius:10px;background:#f8fbfa;color:#365651;font-size:.9rem}.variant-toolbar>span{font-weight:700;margin-right:auto}.variant-toolbar label{display:flex;align-items:center;gap:8px}.variant-toolbar select{padding:7px;border:1px solid #cadbd7;border-radius:7px;background:#fff;color:#163837}.lab-panel h2{margin-top:0}.lab-panel details{margin-top:16px}.lab-panel summary{cursor:pointer;font-weight:650}.flow-node-main{min-width:0}.flow-node-main .form-grid{margin-top:10px}.flow-node-main .form-grid .field{min-width:0}.chat-messages{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-height:510px;overflow:auto}.chat-message{max-width:min(92%,640px);padding:10px 13px;border-radius:10px;background:#edf3f2;overflow-wrap:anywhere}.chat-message.agent{align-self:flex-end;background:#e2f3e9}.chat-message p{margin:4px 0}.chat-message small{color:#43625b}.widget-install{margin-top:16px}.chat-inbox .note-compose .field{width:100%}@media(max-width:700px){.flow-node-main .form-grid{grid-template-columns:1fr}.variant-toolbar>span{flex-basis:100%}.chat-messages{max-height:360px}}.table-paging{display:inline-flex;align-items:center;gap:8px;margin-left:12px}.local-analytics{margin-top:18px}.local-analytics .section-heading{align-items:flex-start;gap:10px}.local-analytics .section-heading p{margin-bottom:0}.series-chart{display:flex;gap:3px;align-items:stretch;height:128px;margin:16px 0 8px;border-bottom:1px solid #c9deda;background:#f6faf9;padding:4px}.series-col{display:flex;flex:1;min-width:0;align-items:flex-end}.series-col>div{width:100%;border-radius:3px 3px 0 0;background:#23816e}.series-col:hover>div{background:#0d4c42}.audience-fieldset{min-width:0;margin:0;padding:12px 14px;border:1px solid #cbded8;border-radius:10px}.audience-fieldset>legend{padding:0 6px;font-weight:650;color:#24463e}.audience-fieldset .field{min-width:0}.segment-group{border:1px solid #c9dfd8;border-radius:10px;padding:10px;background:#f7fbf9;margin:6px 0 10px;min-width:0}.segment-depth-1,.segment-depth-2{background:#fff;border-left:3px solid #5aab94}.segment-depth-2{border-left-color:#9bbf68}.segment-group-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.segment-group-header .field{flex:1;max-width:310px}.segment-rule{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr) auto;gap:6px;align-items:end;padding:8px 0;border-top:1px solid #d9e8e1}.segment-rule .field{margin:0}.segment-rule .icon-btn{margin-bottom:2px;grid-column:-2}.segment-preview-btn{margin:8px 0}.segment-result{background:#edf8f3;padding:10px 12px;border-radius:8px}.segment-result .check-row:last-child{border:0}.contact-selection{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#eaf6ef;padding:9px 14px;color:#194735}.selection-cell{width:45px;text-align:center}.selection-cell input,.audience-fieldset input[type=checkbox]{accent-color:#16756d}.consent-entry{border-bottom:1px solid #d6e4df;padding:8px 0 12px;overflow-wrap:anywhere}.consent-entry blockquote{margin:6px 0;background:#f4faf7;padding:8px 12px;border-left:3px solid #84ac9d}@media(max-width:640px){.segment-rule{grid-template-columns:minmax(0,1fr) auto}.segment-rule .field{grid-column:1}.segment-rule .icon-btn{grid-column:2;grid-row:1}.audience-fieldset,.segment-group{padding:8px}.contact-selection{gap:5px}}.feature-hero{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px}.feature-hero>div:nth-child(2){flex:1 1 260px}.feature-hero h2,.feature-hero p{margin:0}.feature-hero p{margin-top:4px;color:var(--muted,#52635f)}.feature-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#d9f1eb;color:#126d62;flex:none}.feature-grid,.feature-workspace{display:grid;gap:14px;margin:18px 0;grid-template-columns:repeat(3,minmax(0,1fr))}.feature-workspace{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.feature-choice{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:7px;padding:18px;color:inherit;cursor:pointer;font:inherit}.feature-choice svg{color:#126d62}.feature-choice.selected{outline:2px solid #1f796f;outline-offset:-2px;background:#effaf7}.feature-choice:disabled{cursor:default}.feature-choice small{color:var(--muted,#52635f)}.feature-result{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:#f0f6f4;border-radius:8px}.feature-stack{display:grid;gap:14px;margin:14px 0}.feature-stack .table-scroll{margin-top:8px}.feature-stack input[readonly]{font-family:monospace}.feature-stack .btn{white-space:normal}.recovery-list{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 18px 14px 32px;background:#f0f6f4;border-radius:8px}.recovery-list code{overflow-wrap:anywhere}@media(max-width:860px){.feature-workspace,.feature-grid{grid-template-columns:minmax(0,1fr)}}.company-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;margin-top:16px}.company-card .actions{display:flex;flex-wrap:wrap;gap:8px}.company-card h2{margin:10px 0 0}.workspace-picker{display:flex;align-items:center;gap:6px;font-size:.86rem;min-width:0}.workspace-picker select{max-width:min(210px,25vw);padding:7px;border:1px solid #d3e1de;border-radius:8px;color:#162d32;background:#fff}.login-access{width:390px;max-width:100%}.login-access .login-intro{color:var(--muted);line-height:1.55;margin:10px 0 23px}.login-method-note{color:var(--muted);font-size:13px;line-height:1.55;margin:11px 0 0}.login-alternative{width:100%;min-height:42px;justify-content:center;white-space:normal;text-align:center;margin-top:16px}.login-access form>p.error-box{color:#a13537;margin-bottom:12px}@media(max-width:720px){.workspace-picker svg{display:none}.workspace-picker select{max-width:31vw}.topbar-right .sending-status{font-size:.72rem}}.delivery-panel{margin-top:20px}.delivery-panel .section-heading{flex-wrap:wrap;gap:10px}.delivery-panel .delivery-actions{margin:16px 0;flex-wrap:wrap}.html-mode-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;margin:12px 0;background:#fff;border:1px solid var(--line);border-radius:12px}.html-mode-toolbar small,.html-preview-toolbar small{display:block;color:var(--muted);margin-top:4px;font-size:12px}.html-mode-toolbar .tabs,.html-studio-editor .tabs{margin:0}.html-studio{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(340px,1.2fr);border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.html-studio-editor{min-width:0;padding:20px}.html-studio-head{display:flex;align-items:center;gap:12px}.html-studio-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:#16675f;background:#e0f5ee}.html-kicker{font-size:10px;font-weight:800;letter-spacing:1.35px;color:#16756d}.html-studio-head h2{font-size:21px;margin:2px 0 0}.html-studio-editor>p{font-size:13px;line-height:1.55;margin:14px 0}.html-studio-fields{display:grid;gap:13px;margin-top:16px}.html-studio-fields .field+.field{margin-top:10px}.html-tip,.html-import-result{border:1px solid #cde6dd;border-radius:9px;padding:10px 12px;background:#f2fbf8;color:#22594e;font-size:12px}.html-tip{display:flex;align-items:center;gap:8px}.html-import-result{margin:0 0 12px}.html-import-result p{margin:4px 0}.html-source-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:14px 0}.html-source-tools small{color:var(--muted);white-space:nowrap}.html-studio-editor .html-source{height:370px;min-height:220px;resize:vertical;font:12px/1.6 ui-monospace,Menlo,Consolas,monospace;background:#102b33;color:#e1f5ed;border-color:#294750;padding:13px;tab-size:2}.html-studio-editor .html-source::placeholder{color:#a2c7bf}.html-token-help code{font-size:11px;display:inline-block;margin:3px;padding:1px 4px;background:#edf3f5;border-radius:4px}.html-studio-preview{min-width:0;background:#eaf0f2;border-left:1px solid var(--line);padding:14px}.html-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:0 0 10px}.html-preview-toolbar .btn{padding:7px 9px;font-size:12px}.html-preview-toolbar button[aria-pressed=true]{color:#175d52;border-color:#a9d6ca;background:#effbf6}.html-image-control{display:flex;align-items:center;gap:6px;color:#486471;font-size:12px;margin:0 0 10px}.html-image-control input[type=checkbox]{width:auto;margin:0 2px}.html-device{overflow:hidden;width:100%;border-radius:10px;border:1px solid #cbd9dd;margin:auto;background:#f1f4f6;transition:max-width .18s ease}.html-device.mobile{max-width:375px;border:5px solid #233941;border-radius:20px}.html-device iframe{display:block;width:100%;height:730px;border:0}.html-preview-empty{min-height:360px;display:grid;align-content:center;justify-items:center;gap:9px;padding:24px;text-align:center;color:#4f6b73;border:1px dashed #b6c8ce;border-radius:12px}.html-preview-empty strong{color:#264752}.html-preview-error{padding:14px;background:#fff;border-radius:9px}.mini-workshop{background:#141c31!important}.mini-workshop .mini-brand{color:#fff!important;background:#1a2439!important;letter-spacing:1px}.mini-workshop .mini-content{background:#0b101e!important;color:#fff!important;border:1px solid #7b6537}.mini-workshop .mini-content strong{color:#faf1d8!important}.mini-workshop .mini-content i{background:#36425a!important}.mini-workshop .mini-content b{background:#e8c66f!important}@media(max-width:1100px){.html-studio{grid-template-columns:minmax(240px,.8fr) minmax(250px,1.2fr)}.html-preview-toolbar{flex-wrap:wrap}}@media(max-width:850px){.html-studio{grid-template-columns:minmax(0,1fr)}.html-studio-preview{border-left:0;border-top:1px solid var(--line)}.html-mode-toolbar{align-items:flex-start;flex-direction:column}.html-device iframe{height:640px}}@media(max-width:480px){.html-studio-editor,.html-studio-preview{padding:11px}.html-mode-toolbar{padding:10px}.html-mode-toolbar .tabs{width:100%;gap:0}.html-mode-toolbar .tabs button{white-space:normal;font-size:12px}.html-preview-toolbar .actions{gap:4px}}.html-studio-editor>.tabs{flex-wrap:wrap;row-gap:3px}.html-layout-panel{display:grid;gap:12px;margin-top:14px}.html-layout-list{list-style:none;padding:0;margin:0;display:grid;gap:4px;max-height:365px;overflow:auto}.html-layout-list li{display:flex;justify-content:space-between;align-items:center;gap:4px;min-width:0;border:1px solid #dbe7e8;border-radius:9px;background:#fbfdfd}.html-layout-list li.active{border-color:#8ec7b6;background:#ebf9f3}.html-layout-select{display:flex;align-items:center;gap:7px;min-width:0;flex:1;padding:8px 3px 8px 8px;border:0;background:transparent;color:#234941;text-align:left;font:inherit;font-size:12px;font-weight:650}.html-layout-select[draggable=true]{cursor:grab}.html-layout-select[draggable=true]:active{cursor:grabbing}.html-layout-select svg,.html-layout-index{flex:none;color:#698984}.html-layout-index{font-size:10px;font-variant-numeric:tabular-nums}.html-layout-arrows{display:flex;gap:1px;margin-right:3px}.html-layout-arrows .icon-btn{width:28px;height:28px;padding:3px}.html-layout-arrows .icon-btn:disabled{opacity:.28}.html-layout-status:empty{display:none}.html-layout-status{font-size:12px;color:#41675e}.html-layout-inspector{display:grid;gap:11px;background:#f8fcfb;border:1px solid #d8e9e3;border-radius:11px;padding:12px;min-width:0}.html-layout-inspector h3{margin:2px 0 0;font-size:17px}.html-layout-control,.html-layout-media{display:grid;gap:6px;font-size:12px}.html-layout-control>span{font-weight:650}.html-layout-control>small{color:var(--muted);line-height:1.4}.html-layout-align{display:flex;flex-wrap:wrap;gap:4px}.html-layout-align .btn{padding:5px 7px;font-size:11px;min-height:29px}.html-layout-align .btn svg{width:13px;height:13px}.html-layout-align .btn[aria-pressed=true]{color:#175d52;border-color:#a9d6ca;background:#e8f9f1}.html-layout-media{border-top:1px solid #d8e9e3;padding-top:9px}.html-layout-media>strong{display:flex;align-items:center;gap:5px}.html-layout-media select{min-width:0;width:100%;font-size:12px}.pen-import-intro p{margin:7px 0 16px;color:#4b6770;font-size:14px}.pen-import-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 14px;align-items:start}.pen-import-grid .field{margin:0 0 6px}.pen-import-grid input[type=file]{max-width:100%;width:100%;padding:9px;background:#f3f8f7;border:1px dashed #b6cec8;border-radius:8px}.pen-import-filename{display:flex;align-items:center;gap:5px;overflow-wrap:anywhere}.pen-import-details{margin-top:14px}.pen-import-notes{background:#f3f9f7;border:1px solid #d6e8e1;border-radius:9px;padding:9px 12px;margin:10px 0 14px;color:#315b54;font-size:12px}.pen-import-notes ul{margin:6px 0 0;padding-left:19px}.pen-import-notes li+li{margin-top:3px}@media(max-width:630px){.pen-import-grid{grid-template-columns:1fr;gap:10px}}.html-device.pen-scaled{height:730px}.pen-preview-note{display:block;margin:-3px 0 9px;color:var(--muted);font-size:11px}