/*! NovaSoft Labs. Copyright (c) 2026 NovaSoft Technologies Pty Ltd (ABN 31 694 025 379). All rights reserved. Copying, modifying or redistributing this code without written permission is prohibited. */
:root{color-scheme:light;--ink:#14203b;--muted:#718096;--line:#e8ebf1;--purple:#6b55e8;--bg:#f6f7fb;--glow:#eff0ff;--r:17px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b3a7ff;outline-offset:2px}a{color:inherit}.app-top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);background:#10182b;color:#fff;border-bottom:1px solid #27304a;gap:14px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{width:41px;height:41px;display:block;border-radius:12px;object-fit:contain;flex:none}.brand-main{display:block;font-weight:790;font-size:21px;letter-spacing:-.8px;line-height:1.1}.brand-sub{display:block;color:#9ca9c6;font-size:10px;letter-spacing:.25em;text-transform:uppercase;margin-top:3px}.top-right{display:flex;align-items:center;gap:11px;font-size:12px;color:#c9cce1}.top-label{border:1px solid #394058;padding:8px 12px;border-radius:30px;white-space:nowrap}.top-label .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b5f2cc;margin-right:6px;vertical-align:middle}.hero{max-width:1432px;margin:auto;display:flex;align-items:end;justify-content:space-between;gap:24px;padding:38px 29px 26px}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:#6c59d9;font-size:11px;margin-bottom:11px}.eyebrow:before{content:"";width:18px;height:2px;background:#a99bfa}.hero h1{font-size:clamp(28px,3vw,41px);line-height:1.12;font-weight:820;letter-spacing:-1.7px;margin:0}.hero h1 em{color:#715be4;font-style:normal}.hero p{color:#737f94;font-size:14px;line-height:1.6;margin:11px 0 0;max-width:610px}.feature-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-bottom:3px}.feature-chips span{font-size:11px;padding:8px 11px;border:1px solid #e4e8f0;border-radius:99px;background:#fff;color:#728099;font-weight:650;white-space:nowrap}.workspace{max-width:1432px;margin:0 auto;display:grid;grid-template-columns:minmax(425px,510px) minmax(510px,1fr);align-items:start;gap:22px;padding:0 29px 44px}.control-shell,.preview-shell{background:#fff;border:1px solid #e7eaf1;border-radius:19px;box-shadow:0 10px 30px #151b3610;overflow:hidden}.editor-head{padding:23px 26px 18px;border-bottom:1px solid var(--line)}.editor-head h2{font-size:17px;letter-spacing:-.45px;margin:0 0 5px}.editor-head p{font-size:12px;color:#8a96a8;line-height:1.5;margin:0}.step-bar{display:grid;grid-template-columns:repeat(5,1fr);padding:10px 12px;border-bottom:1px solid var(--line);gap:4px}.step-btn{background:transparent;border:0;border-radius:10px;color:#8a91a6;padding:10px 3px 9px;font-size:11px;font-weight:750;display:flex;align-items:center;flex-direction:column;gap:6px;min-width:0}.step-btn .step-number{display:grid;place-items:center;width:27px;height:27px;border:1px solid #e8eaf2;border-radius:9px;font-size:12px;color:#a2a9ba;background:#fff}.step-btn:hover{background:#f5f4ff;color:#6554cb}.step-btn.active{color:#5846cc;background:#f2f0ff}.step-btn.active .step-number{background:#6a56e3;border-color:#6a56e3;color:#fff;box-shadow:0 4px 10px #7061d346}.step-page{display:none;padding:24px 26px 26px;min-height:397px}.step-page.active{display:block}.section-label{font-size:11px;font-weight:850;color:#8a91a2;letter-spacing:.1em;text-transform:uppercase;margin:3px 0 16px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full{grid-column:1/-1}.field label,.simple-label{font-size:12px;font-weight:720;color:#42516b}.field label small{font-weight:500;color:#9ba4b6}.field input,.field textarea,.field select,.form-input{display:block;width:100%;border:1px solid #e0e5ee;background:#fcfdff;border-radius:10px;padding:11px 12px;min-height:44px;color:#22314f;font-size:13px;transition:border .18s}.field textarea{min-height:75px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#a9b1be}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9387e8;background:#fff;outline:2px solid #e7e1ff}.field-note{font-size:11px;color:#939fb0;line-height:1.5;margin-top:0}.subsection{display:flex;align-items:center;gap:11px;margin:25px 0 17px;font-size:11px;color:#8994a6;font-weight:840;letter-spacing:.1em;text-transform:uppercase}.subsection:after{content:"";height:1px;flex:1;background:#edf0f5}.asset-grid{display:grid;grid-template-columns:1fr;gap:12px}.upload{padding:14px;border:1px dashed #cdd3e2;border-radius:13px;background:#f9faff}.upload-heading{font-size:12px;font-weight:750;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}.upload .field{margin-top:12px}.upload button{border:1px solid #dedff4;background:#fff;color:#5b50af;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:700}.upload .field-note{margin:10px 0 0}.upload input[type=file]{display:none}.checkrow{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5;color:#536075;margin:15px 0;cursor:pointer}.checkrow input{accent-color:#6b55e8;width:17px;height:17px;flex:none}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.template-choice{border:1px solid #e3e7ef;background:#fff;border-radius:13px;padding:10px 9px;text-align:left;min-width:0;transition:.15s}.template-choice:hover{border-color:#a9a0ed;transform:translateY(-1px)}.template-choice.active{background:#f9f8ff;border:2px solid #7563e3;padding:9px 8px}.template-mini{height:64px;border-radius:7px;background:#f4f6fa;border:1px solid #e9edf3;display:flex;align-items:center;gap:7px;padding:9px;position:relative;overflow:hidden;margin-bottom:8px}.mini-logo{width:26px;height:27px;border-radius:4px;background:#c7c1f9;flex:none}.mini-lines{flex:1}.mini-lines b,.mini-lines i{display:block;height:4px;width:90%;background:#c4cad5;margin-bottom:6px;border-radius:10px}.mini-lines b{width:65%;background:#7e70db;height:6px}.mini-lines i:last-child{width:76%;margin-bottom:0}.template-choice[data-template=frame] .template-mini{border-left:5px solid #8a74f0}.template-choice[data-template=split] .template-mini{background:linear-gradient(90deg,#e7e2ff 33%,#f5f6f9 33%)}.template-choice[data-template=editorial] .template-mini{flex-direction:row-reverse;border-bottom:4px solid #aaa2f3}.template-choice[data-template=stack] .template-mini{flex-direction:column;align-items:start;gap:5px}.template-choice[data-template=stack] .mini-logo{width:19px;height:19px}.template-choice[data-template=stack] .mini-lines{width:100%}.template-choice[data-template=compact] .template-mini{height:64px;align-items:center}.template-choice[data-template=compact] .mini-logo{width:20px;height:20px}.template-choice[data-template=signal] .template-mini{background:linear-gradient(90deg,#302967 38%,#f4f6fa 38%)}.template-choice[data-template=signal] .mini-logo{background:#fff5}.template-choice strong{font-size:11px;color:#38425c}.template-choice small{display:block;color:#98a0b0;font-size:10px;margin-top:4px}.palette{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.swatch{border:2px solid white;outline:1px solid #e0e4ed;border-radius:100%;width:31px;height:31px;padding:0;transition:.15s}.swatch.active{outline:2px solid #5545cc;outline-offset:2px;transform:scale(1.03)}.color-line{display:flex;align-items:center;gap:13px}.color-line input[type=color]{width:46px;height:42px;border:1px solid #e2e5ed;padding:4px;border-radius:10px;cursor:pointer;background:#fff}.color-line p{margin:0;color:#8793a8;font-size:11px}.bg-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bg-option{border:1px solid #e0e4ed;background:#fff;border-radius:10px;display:flex;align-items:center;flex-direction:column;gap:7px;padding:10px 4px;font-size:11px;color:#59647c}.bg-option b{width:100%;height:27px;display:block;border-radius:6px;border:1px solid #e2e7ed}.bg-option.active{border:2px solid #7e6deb;padding:9px 3px}.add-item{border:1px dashed #bcb6ef;background:#f9f8ff;color:#604fc5;padding:10px 12px;border-radius:10px;font-size:12px;font-weight:780;display:flex;align-items:center;gap:8px;justify-content:center;width:100%;margin:12px 0 4px}.item-editor{background:#fbfcff;border:1px solid #e5e8f1;border-radius:12px;padding:13px;margin:10px 0}.item-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;color:#475269;font-size:12px;font-weight:750}.small-btn{border:1px solid #e8dce4;background:#fff5f8;border-radius:7px;padding:6px 9px;color:#b94d74;font-size:11px}.mini-action{font-size:11px;border:1px solid #dadff1;background:#fff;color:#5e54ba;border-radius:7px;padding:8px 11px;margin-top:10px}.editor-footer{padding:16px 24px;background:#fbfcff;border-top:1px solid #e9ecf2;display:flex;align-items:center;justify-content:space-between;gap:10px}.editor-footer span{font-size:11px;color:#929caf}.primary,.secondary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;font-size:12px;font-weight:800;min-height:42px;padding:11px 16px}.primary{border:1px solid #6552da;background:#6753df;color:#fff;box-shadow:0 6px 12px #5841c924}.primary:hover{background:#5a45ce}.secondary{border:1px solid #dcdfea;background:#fff;color:#4d5770}.secondary:hover{background:#f5f6fa}.ghost{border:0;background:transparent;color:#7463ce}.primary:disabled{opacity:.6;cursor:not-allowed}.actions{display:flex;gap:9px;flex-wrap:wrap}.export-info{border:1px solid #e5e4ff;background:#f7f6ff;padding:15px;border-radius:12px;color:#5d5a85;font-size:12px;line-height:1.65}.export-info strong{color:#4a4086}.code-view{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;min-height:180px;line-height:1.6;white-space:pre;width:100%;resize:vertical;background:#121b2c;color:#cde0e9;border-radius:11px;padding:14px;border:0;margin-top:12px}.smallhelp{font-size:11px;color:#919eaf;line-height:1.6}.status{margin-top:11px;padding:10px 13px;background:#eaf9f0;color:#187044;border-radius:9px;font-size:12px;font-weight:680;display:none}.status.warn{background:#fff2e4;color:#915715}.status.error{background:#fff0f0;color:#b83c45}.preview-shell{position:sticky;top:21px}.preview-top{padding:21px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.preview-top h2{margin:0 0 4px;font-size:16px;letter-spacing:-.4px}.preview-top p{margin:0;font-size:11px;color:#9aa5b7}.live-pill{border:1px solid #e3e8ef;background:#f8fafc;color:#6b788f;border-radius:99px;font-size:11px;font-weight:730;padding:7px 11px;white-space:nowrap}.live-pill:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#59c992;margin-right:6px}.mail-window{background:#eff1f7;padding:30px 25px 34px;min-height:400px}.mail-card{box-shadow:0 16px 35px #25305416;border:1px solid #e8edf4;border-radius:13px;overflow:hidden;background:#fff}.mail-toolbar{display:flex;align-items:center;gap:6px;padding:12px 15px;background:#fafbfe;border-bottom:1px solid #edf0f4}.mail-dot{height:8px;width:8px;border-radius:99px;background:#e4dfe2}.mail-dot:nth-child(1){background:#f4adaf}.mail-dot:nth-child(2){background:#f6d48d}.mail-dot:nth-child(3){background:#a2ddbe}.mail-toolbar span{margin-left:9px;font-size:10px;color:#9ca5b4}.mail-content{padding:25px 25px 35px;font-family:Arial,sans-serif}.mail-salutation{font-size:12px;line-height:1.7;color:#67748a;margin:0 0 9px}.mail-divider{border-top:1px solid #ebedf3;margin:24px 0 20px}.signature-wrap{max-width:100%;overflow-x:auto}.preview-bottom{padding:18px 23px;border-top:1px solid #ecedf2;display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:space-between}.preview-hint{display:flex;align-items:center;gap:7px;font-size:11px;color:#9aa2b2}.preview-hint svg{flex:none}.tip-card{margin-top:15px;border:1px solid #e2e5ef;background:#fff;border-radius:13px;padding:17px 19px;display:flex;gap:12px;color:#6b778e;font-size:12px;line-height:1.6}.tip-card strong{color:#3b4764}.tip-icon{background:#f2f0ff;color:#6e57d8;border-radius:10px;padding:8px;height:35px;min-width:35px;text-align:center;font-size:16px}.page-footer{max-width:1374px;margin:0 auto;padding:0 29px 32px;color:#99a2b0;font-size:11px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-footer strong{color:#6753d7}.hidden{display:none!important}@media(max-width:1150px){.workspace{grid-template-columns:minmax(365px,48%) minmax(420px,52%);gap:15px;padding:0 19px 35px}.hero{padding-left:19px;padding-right:19px}.mail-window{padding:18px 13px}.mail-content{padding:19px 14px 26px}.feature-chips{display:none}.preview-top{padding:18px}.preview-bottom{padding:13px}.step-page{padding:22px 19px}.page-footer{padding-left:19px}.template-grid{gap:7px}}@media(max-width:890px){.workspace{grid-template-columns:1fr;max-width:680px}.hero{max-width:680px;padding-top:26px}.preview-shell{position:static;grid-row:1}.mail-window{min-height:280px}.step-page{min-height:0}.preview-bottom{justify-content:flex-start}.control-shell{grid-row:2}.tip-card{display:none}}@media(max-width:480px){.app-top{height:66px;padding:0 16px}.top-label{display:none}.hero{padding:22px 16px}.hero h1{letter-spacing:-1.1px;font-size:31px}.workspace{padding:0 12px 30px}.editor-head{padding:18px}.step-page{padding:19px 15px}.step-btn{font-size:10px}.step-bar{padding:7px}.fields{gap:12px}.field{grid-column:1/-1}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bg-options{grid-template-columns:repeat(2,1fr)}.mail-content{padding:15px 10px 23px}.mail-window{padding:12px 8px}.preview-top{padding:16px}.preview-bottom{padding:12px}.editor-footer{padding:14px 15px}.actions{width:100%}.actions button{flex:1}.page-footer{padding:0 17px 24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.top-link{color:#fff;text-decoration:none;font-weight:700;border:1px solid #394058;padding:8px 12px;border-radius:30px;white-space:nowrap}.top-link:hover{background:#1d2740}.page-footer a{color:#6753d7}.noscript{max-width:680px;margin:0 auto 32px;padding:0 29px;color:#4d5770;font-size:14px}