:root{color-scheme:dark;--bg:#130a10;--side:#0c0808;--surface:#21171e;--raised:#2a2027;--border:#3b2e36;--text:#f3e9e7;--muted:#bcaeb7;--subtle:#8e7f8a;--accent:#e3b7ce;--teal:#b9d6d7;--lime:#c0d58e;--shadow:0 18px 60px #0003;--button-text:#20121b;font-family:Arial,Helvetica,sans-serif;line-height:1.55;background:var(--bg);color:var(--text)}
:root[data-theme=light]{color-scheme:light;--bg:#f4f0ea;--side:#e9e1dc;--surface:#fdfaf6;--raised:#ede5e0;--border:#d3c7cc;--text:#352933;--muted:#685a64;--subtle:#776974;--teal:#315a60;--lime:#4b642a;--shadow:0 18px 60px #33222b0d}
*{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{opacity:.6;cursor:wait}a{color:inherit;text-underline-offset:4px}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:4px}button{border:0;background:none}input,textarea,select{width:100%;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:9px;padding:12px 14px;min-width:0}input::placeholder,textarea::placeholder{color:var(--subtle);opacity:1}textarea{resize:vertical}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-text,var(--accent));flex-shrink:0}input[type=color]{width:52px;height:45px;padding:4px}input[type=file]{font-size:13px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1.7px;font-size:46px;line-height:1.17;margin-bottom:13px}h1 em{font-weight:400;color:var(--accent-text,var(--accent))}h2{font-size:18px;line-height:1.4;font-weight:600;letter-spacing:-.2px;margin-bottom:5px}h3{font-size:17px;font-weight:500;margin-bottom:8px}p{margin-bottom:16px}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.skip{position:fixed;left:12px;top:-80px;padding:10px;background:var(--accent);color:#20121b;z-index:100}.skip:focus{top:10px}.primary,.secondary,.quiet,.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;padding:12px 17px;font-size:14px;font-weight:600;white-space:nowrap;min-height:44px}.primary{background:var(--accent);color:var(--button-text);box-shadow:0 2px 0 #0001}.primary:hover{filter:brightness(1.08)}.secondary{border:1px solid var(--border);background:var(--raised);color:var(--text)}.secondary:hover,.quiet:hover{background:var(--raised)}.quiet{color:var(--muted);font-weight:400}.primary.compact{padding:9px 14px;min-height:38px}.full{width:100%;margin-bottom:12px}.text-button,.small-action{display:inline-flex;align-items:center;gap:6px;color:var(--accent-text,var(--accent));font-size:13px;text-decoration:underline;text-underline-offset:4px;padding:5px 0}.text-button .icon{width:16px;height:16px}.small-action{text-decoration:none;white-space:nowrap;color:var(--muted)}.small-action .icon{width:15px;height:15px}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:var(--muted);flex-shrink:0}.icon-button:hover{background:var(--raised);color:var(--text)}.icon-button .icon{width:17px;height:17px}.muted{color:var(--muted);font-size:13px}.fine{font-size:12px;color:var(--muted);line-height:1.65}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:600;margin-bottom:14px}.round-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--secondary-soft,var(--accent-soft));color:var(--teal)}
.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;flex-shrink:0;background:var(--side);border-right:1px solid var(--border);padding:35px 23px 28px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.wordmark{display:flex;align-items:center;gap:13px;text-decoration:none;font-family:Georgia,serif;font-size:32px;line-height:.95;letter-spacing:-1px}.wordmark>.icon{width:27px;height:27px;color:var(--accent-text,var(--accent))}.wordmark-sub{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:3.6px;margin:8px 0 0 2px;color:var(--muted)}.workspace{display:flex;align-items:center;gap:11px;border:1px solid var(--border);padding:13px 10px;border-radius:10px;margin:40px 0 32px;min-width:0}.workspace img,.workspace-initial{width:35px;height:35px;border-radius:8px;object-fit:contain;flex-shrink:0}.workspace-initial{display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-text,var(--accent));font-family:Georgia,serif;font-size:21px}.workspace>div{min-width:0}.workspace strong{display:block;font-size:12px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.workspace small{font-size:10px;color:var(--muted)}.nav-label{font-size:9px;letter-spacing:1.8px;color:var(--subtle);margin:0 12px 13px}.nav-item{display:flex;align-items:center;width:100%;gap:12px;text-align:left;font-size:12px;padding:13px 12px;border-radius:8px;color:var(--muted);margin-bottom:6px;position:relative}.nav-item .icon{width:18px;height:18px}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent-text,var(--accent))}.nav-item i{width:5px;height:5px;background:var(--accent);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:35px}.device-status{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px;padding:23px 10px 0;margin-top:15px;border-top:1px solid var(--border)}.status-dot{height:5px;width:5px;background:var(--lime);border-radius:50%}#save-state{display:block;font-size:9px;color:var(--subtle);padding:6px 10px}.app-content{margin-left:246px;width:calc(100% - 246px);min-width:0}.topbar{height:82px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 44px;gap:15px}.breadcrumb{margin-right:auto;font-size:11px;color:var(--muted)}.breadcrumb span{padding:0 14px;color:var(--subtle)}.topbar .quiet{font-size:11px;padding:8px 7px}.topbar .quiet .icon{width:16px;height:16px}.mobile-wordmark{display:none}main#main{max-width:1540px;margin:auto;padding:43px 44px 0;outline:none}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:26px}.page-heading .eyebrow{margin-bottom:10px}.page-subtitle{font-size:13px;color:var(--muted);margin-bottom:0;line-height:1.8}.page-heading .primary{margin-top:20px}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--secondary-soft,var(--accent-tint));border:1px solid var(--secondary-border,var(--border));color:var(--teal);border-radius:8px;padding:11px 15px;font-size:11px;margin-bottom:23px}.demo-banner strong{font-weight:600}.demo-banner button{color:inherit;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.demo-banner .icon{height:15px;width:15px;margin-left:5px}.toolbar{display:flex;align-items:center;gap:20px;margin-bottom:30px}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:var(--surface);padding:0 12px;border-radius:8px;max-width:410px;width:100%;height:43px}.search .icon{width:16px;height:16px;color:var(--muted)}.search input{border:0;background:none;padding:0;font-size:12px;height:100%;border-radius:0;outline-offset:1px}.search kbd{font-size:11px;color:var(--subtle);padding:0 6px;border:1px solid var(--border);border-radius:4px}.toolbar-note{font-family:Georgia,serif;font-style:italic;font-size:12px;color:var(--subtle);margin-left:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.section-heading h2{font-size:15px;margin:0}.section-heading p{margin:0}.tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:border-color .2s,transform .2s;overflow:hidden;position:relative;min-width:0}.tool-card:hover{border-color:var(--accent-text,var(--accent));transform:translateY(-2px)}.tool-main{display:flex;flex-direction:column;padding:22px 18px 17px;text-decoration:none;min-height:163px;position:relative}.tool-logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:#c7b5df20;color:#c7b5df;font-size:16px;letter-spacing:-.4px;margin-bottom:20px}.logo-1{background:var(--secondary-soft,var(--accent-soft));color:var(--teal)}.logo-2{background:var(--accent-soft);color:var(--accent-text,var(--accent))}.logo-3{background:var(--accent-soft);color:var(--lime)}.logo-4{background:#bdc5e01a;color:#bdc5e0}.tool-text{min-width:0;display:block}.tool-text strong{font-size:13px;font-weight:500;display:block;overflow-wrap:anywhere;line-height:1.5}.tool-text small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.external-arrow{position:absolute;right:18px;top:24px;width:16px;height:16px;color:var(--subtle)}.tile-controls{display:flex;justify-content:flex-end;position:relative;padding:0 8px 5px;gap:2px;margin-top:-5px}.tile-controls .icon-button{width:29px;height:29px}.tile-controls .icon-button .icon{width:14px;height:14px}.is-favorite .icon{fill:var(--accent-soft);color:var(--accent-text,var(--accent))}.quick-section{margin-bottom:30px}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:23px}.column{display:flex;flex-direction:column;gap:23px;min-width:0}.panel{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:23px;min-width:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.panel-heading h2{font-size:16px}.panel-heading p{font-size:11px;line-height:1.6;color:var(--muted);margin:5px 0 0}.panel-heading .small-action{font-size:10px;padding-top:3px}.share-row,.fact-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--border);padding:14px 0}.share-row:last-child,.fact-row:last-child{border-bottom:0;padding-bottom:3px}.small-symbol{width:33px;height:33px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.small-symbol .icon{width:15px;height:15px}.row-text{flex:1;min-width:0}.row-text a{font-size:12px}.row-text strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere;white-space:pre-wrap}.row-text small{display:block;font-size:10px;color:var(--muted);overflow-wrap:anywhere;margin-bottom:4px}.copy-button{font-size:10px;min-height:32px;padding:5px 9px;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-weight:400}.copy-button .icon{width:13px;height:13px}.copy-button:hover{border-color:var(--accent-text,var(--accent));color:var(--text)}.task-row{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:10px}.task-row label{display:flex;align-items:center;gap:12px;font-size:12px;overflow-wrap:anywhere}.done{text-decoration:line-through;color:var(--subtle)}.task-empty{font-size:12px;line-height:1.9;margin-bottom:18px}.inline-form{display:flex;gap:8px;align-items:center;border-top:1px solid var(--border);padding-top:14px;margin-top:10px}.inline-form input{font-size:12px;border:0;background:none;padding:8px 0}.inline-form .icon-button{border:1px solid var(--border)}#note{border:0;background:transparent;font-size:12px;padding:0;line-height:1.9;min-height:95px}.note-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--border);padding-top:10px;margin-top:8px}.note-footer>span{font-size:9px;color:var(--subtle)}.note-footer .small-action{font-size:10px}.add-widget{display:flex;align-items:center;gap:9px;text-align:left;color:var(--muted);border:1px dashed var(--border);border-radius:10px;flex-wrap:wrap;font-size:12px;padding:20px}.add-widget .icon{width:17px;height:17px}.add-widget>span{width:100%;padding-left:26px;font-size:10px;color:var(--subtle)}.add-widget:hover{border-color:var(--accent-text,var(--accent))}.empty-state{padding:12px 5px 16px;text-align:left}.empty-state>span{display:none}.empty-state h3{font-family:Georgia,serif;color:var(--muted);font-size:19px;line-height:1.5;margin-bottom:8px}.empty-state p{font-size:11px;line-height:1.9;color:var(--muted);max-width:300px;margin-bottom:12px}.empty-state .text-button{font-size:11px}.tools-grid>.empty-state{grid-column:1/-1;padding:25px;border:1px dashed var(--border);border-radius:12px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:25px}.metric-card{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:19px;text-align:left}.metric-card small,.metric-card strong,.metric-card span{display:block}.metric-card small{font-size:11px;color:var(--muted)}.metric-card strong{font-family:Georgia,serif;font-weight:400;font-size:31px;margin:8px 0;color:var(--teal)}.metric-card span{font-size:10px;color:var(--subtle)}.metric-card .icon{height:12px;width:12px;margin-left:7px}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:32px 0 24px;font-size:10px;color:var(--subtle)}.app-footer .icon{height:12px;width:12px;margin-right:4px}.mobile-nav{display:none}.filters{display:flex;gap:4px;flex-wrap:wrap}.filters button{font-size:11px;color:var(--muted);padding:9px 13px;border:1px solid transparent;border-radius:7px}.filters .selected{color:var(--text);background:var(--surface);border-color:var(--border)}.all-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.info-strip{display:flex;align-items:center;gap:12px;padding:15px 18px;background:var(--secondary-soft,var(--accent-tint));color:var(--muted);font-size:12px;line-height:1.8;border:1px solid var(--border);border-radius:9px;margin-bottom:24px}.info-strip .icon{color:var(--teal);width:18px;height:18px}.info-strip.spaced{margin-top:25px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px}.settings-panel h2{margin-bottom:22px}.settings-panel form{display:flex;flex-direction:column;gap:20px}label{font-size:12px;display:block}label>input,label>select{margin-top:8px}label small{font-size:11px;color:var(--muted);display:block;margin-top:8px;line-height:1.7}.color-row{display:flex;align-items:center;gap:14px;margin-top:8px}.color-row span{font-size:12px;color:var(--muted)}.swatches{display:flex;gap:9px}.swatches button{width:30px;height:30px;border-radius:50%;background:var(--swatch);border:2px solid var(--border)}.brand-preview{border-radius:12px;border:1px solid var(--border);background:var(--side);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 25px;text-align:center;position:relative;overflow:hidden}.brand-preview:before{content:'';position:absolute;width:270px;height:270px;border:1px solid var(--border);border-radius:50%;top:-130px;right:-100px;box-shadow:0 0 0 35px #b9d6d706,0 0 0 70px #b9d6d704;pointer-events:none}.brand-preview .eyebrow{font-size:8px}.preview-mark{width:80px;height:80px;border-radius:21px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;margin:28px 0;color:var(--accent-text,var(--accent))}.preview-mark .icon{width:37px;height:37px}.preview-mark img{width:100%;height:100%;object-fit:contain}.brand-preview h2{font-family:Georgia,serif;font-size:31px;font-weight:400;overflow-wrap:anywhere;max-width:100%}.brand-preview p{font-size:12px;color:var(--muted)}.preview-tiles{display:flex;gap:15px;margin:22px 0 40px}.preview-tiles span{width:65px;height:65px;border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--teal)}.brand-preview .fine{max-width:240px;font-size:11px}.privacy-summary{display:flex;align-items:center;gap:20px;background:var(--secondary-soft,var(--accent-tint));border:1px solid var(--border);border-radius:12px;padding:23px;margin-bottom:25px}.privacy-summary .round-icon{flex-shrink:0}.privacy-summary h2{font-size:17px}.privacy-summary p{font-size:12px;line-height:1.9;color:var(--muted);max-width:780px;margin-bottom:0}.flow-step{display:flex;gap:17px;margin-bottom:24px}.flow-step b{font-family:Georgia,serif;color:var(--teal);font-weight:400;font-size:20px}.flow-step strong{font-size:12px;font-weight:500}.flow-step p,.panel-copy{font-size:12px;color:var(--muted);line-height:1.9;margin:7px 0 0}.settings-panel .info-strip{margin:0;font-size:11px;padding:15px}.panel-copy{margin-bottom:16px}.button-stack{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.gate{max-width:1260px;margin:auto;min-height:100svh;padding:50px 65px 25px;display:flex;flex-direction:column}.gate-brand{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:3px}.gate-brand .icon{color:var(--accent-text,var(--accent));width:27px;height:27px}.gate-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:center;flex:1;padding:65px 0}.gate h1{font-size:76px;line-height:1.1;letter-spacing:-3px;margin:25px 0}.gate-intro{font-size:17px;color:var(--muted);line-height:1.9}.gate-details{display:flex;flex-direction:column;gap:15px;margin-top:40px}.gate-details span{display:flex;gap:12px;font-size:13px;color:var(--muted);align-items:center}.gate-details .icon{color:var(--teal);width:17px;height:17px}.gate-card{padding:35px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.gate-card h2{font-family:Georgia,serif;font-weight:400;font-size:29px;margin:22px 0 12px}.gate-card>p{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:25px}.gate-card>p.fine{font-size:11px;margin:13px 0 0}.gate-card .text-button{display:block;margin:10px auto 25px;font-size:12px}.local-note{display:flex;align-items:center;gap:8px;border-top:1px solid var(--border);padding-top:20px;font-size:10px;color:var(--teal)}.local-note .icon{height:15px;width:15px}.gate footer{font-size:11px;color:var(--subtle)}.gate-card form label{margin-bottom:15px}.form-error{font-size:12px;color:#f3b6b6;line-height:1.6;margin:5px 0}.form-error:empty{display:none}[data-theme=light] .form-error{color:#9f2424}
dialog{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow);padding:28px;width:min(530px,calc(100vw - 28px));max-height:90svh;overflow:auto}dialog::backdrop{background:#09060bd1;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.dialog-heading h2{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:0}.dialog-heading .icon-button{flex-shrink:0}dialog label{margin-bottom:18px}dialog .check-label{display:flex;align-items:center;gap:10px;margin-top:5px}dialog .check-label input{margin:0}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-hint{font-size:11px;color:var(--muted);line-height:1.8;margin:12px 0 18px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;border-top:1px solid var(--border);padding-top:20px}.edit-options{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.edit-options button{font-size:11px}.danger-text{color:#f1b2b2;text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:5px 0}[data-theme=light] .danger-text{color:#9f2424}.install-help h3{font-size:14px;margin:18px 0 5px}.install-help p{font-size:12px;line-height:1.9;color:var(--muted)}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);padding:12px 20px;border:1px solid var(--border);border-radius:10px;background:var(--text);color:var(--bg);font-size:13px;max-width:calc(100vw - 36px);box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:100;transition:.2s;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){main#main{padding-top:55px}.tool-main{min-height:185px}.tool-logo{margin-bottom:28px}.topbar{padding:0 55px}main#main{padding-left:55px;padding-right:55px}.dashboard-columns{grid-template-columns:1.5fr 1fr}}
@media(max-width:1150px){.sidebar{width:218px;padding-left:17px;padding-right:17px}.app-content{margin-left:218px;width:calc(100% - 218px)}main#main{padding:33px 25px 0}.topbar{padding:0 25px}h1{font-size:38px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-main{min-height:125px;padding:16px}.tool-logo{margin-bottom:15px}.dashboard-columns{grid-template-columns:1.2fr 1fr;gap:16px}.column{gap:16px}.panel{padding:18px}.toolbar-note{display:none}.gate{padding-left:40px;padding-right:40px}.gate-layout{gap:40px}.gate h1{font-size:61px}.gate-card{padding:28px}.all-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{flex-wrap:wrap;gap:12px}.settings-grid{gap:16px}.copy-button span{display:none}.copy-button{padding:7px}.share-row{gap:8px}.share-row>.icon-button{width:28px}}
@media(max-width:850px){.dashboard-columns,.settings-grid{grid-template-columns:1fr}.brand-preview{min-height:400px}.panel{padding:23px}.copy-button span{display:inline}.privacy-summary{align-items:flex-start}.gate-layout{grid-template-columns:1fr;gap:35px;padding:45px 0}.gate{max-width:650px}.gate h1{font-size:62px}.gate-details{display:none}.gate-intro br{display:none}.gate-card{max-width:100%}.gate-card h2{margin-top:16px}.gate-layout>section:first-child .eyebrow{margin-bottom:12px}.gate h1{margin:15px 0}.page-heading{align-items:flex-start;flex-direction:column;gap:10px}.page-heading .primary{margin:0}.app-footer{align-items:flex-start;flex-direction:column;gap:6px}.demo-banner{flex-direction:column;align-items:flex-start;gap:6px}.topbar{gap:8px}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 6px}.topbar .quiet span{display:none}.demo-banner button{padding-left:0}}
@media(max-width:640px){.sidebar{display:none}.app-content{margin:0;width:100%}.topbar{height:67px;padding:0 20px;position:sticky;top:0;background:var(--bg);z-index:5;gap:12px}.breadcrumb{display:none}.mobile-wordmark{display:flex;align-items:center;gap:8px;font:25px Georgia,serif;margin-right:auto}.mobile-wordmark .icon{width:22px;height:22px;color:var(--accent-text,var(--accent))}main#main{padding:29px 20px 85px}.page-heading{margin-bottom:21px;gap:16px}h1{font-size:36px;letter-spacing:-1.3px}.page-subtitle{font-size:12px;max-width:330px}.eyebrow{font-size:9px;letter-spacing:1.7px}.page-heading .primary{font-size:12px;padding:10px 14px;min-height:41px}.toolbar{margin-bottom:25px}.search{max-width:none;height:45px}.search input{font-size:12px}.search kbd{display:none}.section-heading h2{font-size:14px}.section-heading .text-button{font-size:10px}.section-heading .text-button .icon{width:13px}.tools-grid{gap:10px}.tool-card{border-radius:10px}.tool-main{padding:16px 14px 11px;min-height:128px}.tool-logo{width:35px;height:35px;font-size:14px;border-radius:9px;margin-bottom:16px}.tool-text strong{font-size:12px}.tool-text small{font-size:9px}.external-arrow{right:14px;top:18px;width:14px;height:14px}.tile-controls{padding:0 6px 4px;margin-top:0}.quick-section{margin-bottom:24px}.dashboard-columns{gap:17px}.column{gap:17px}.panel{padding:20px}.panel-heading h2{font-size:16px}.panel-heading p{font-size:11px}.panel-heading .small-action{font-size:10px}.share-row{padding:15px 0;gap:8px}.row-text a{font-size:12px}.copy-button{padding:7px 8px}.copy-button span{display:none}.row-text strong{font-size:13px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;background:var(--side);border-top:1px solid var(--border);padding:8px 8px max(9px,env(safe-area-inset-bottom));z-index:10}.mobile-nav .nav-item{flex-direction:column;gap:4px;font-size:9px;justify-content:center;padding:6px 2px;margin:0;border-radius:7px}.mobile-nav .nav-item .icon{width:19px;height:19px}.mobile-nav .nav-item i{display:none}.app-footer{font-size:9px;padding-top:24px}.demo-banner{font-size:10px;padding:12px}.demo-banner button{font-size:10px}.gate{padding:27px 22px 20px}.gate-layout{padding:35px 0 30px;gap:28px}.gate h1{font-size:52px;letter-spacing:-2px}.gate-intro{font-size:14px;margin:18px 0 0}.gate-card{padding:25px}.gate-card h2{font-size:26px}.gate-brand{font-size:9px;letter-spacing:2.4px}.gate-brand .icon{width:22px}.gate footer{font-size:10px}.form-pair{grid-template-columns:1fr;gap:0}.privacy-summary{padding:18px;gap:12px}.privacy-summary .round-icon{width:35px;height:35px}.privacy-summary h2{font-size:16px}.privacy-summary p{font-size:11px}.info-strip{font-size:11px;align-items:flex-start}.filters{gap:3px}.filters button{font-size:11px;padding:7px 10px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{padding:15px}.metric-card strong{font-size:27px}.metric-card small{overflow-wrap:anywhere}.metric-card span{font-size:9px}dialog{padding:23px}.dialog-heading h2{font-size:25px}.dialog-actions .primary{white-space:normal;text-align:center}#toast{bottom:100px;font-size:12px;width:max-content}.form-error{font-size:12px}.task-row label{font-size:13px}.task-row .icon-button{width:28px}label input,label select{font-size:16px}#task-form input,#note,.search input{font-size:16px}.search{gap:8px}.search input::placeholder{font-size:12px}.note-footer{align-items:flex-start;gap:12px}.note-footer>span{max-width:170px}.brand-preview{min-height:380px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* Bundled destination pictures; no remote icon requests. */
.tool-logo img{width:28px;height:28px;object-fit:contain;display:block}.tool-logo.brand-chatgpt{background:#147d64}.tool-logo.brand-gmail,.tool-logo.brand-drive,.tool-logo.brand-calendar{background:#fff}.tool-logo.brand-chatgpt img{width:26px;height:26px}.tool-logo.generic-shortcut{background:var(--raised);color:var(--teal)}.tool-logo.generic-shortcut>.icon{width:23px;height:23px}@media(max-width:640px){.tool-logo img{width:25px;height:25px}.tool-logo.brand-chatgpt img{width:23px;height:23px}.tool-logo.generic-shortcut>.icon{width:21px;height:21px}}

.tester-badge{display:inline-block;padding:7px 12px;border:1px solid var(--border);border-radius:30px;color:var(--teal);font-size:10px;letter-spacing:1.6px;margin-bottom:28px}.tester-intro{max-width:380px;color:var(--muted);font-size:13px;line-height:1.9}.tester-footer{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.tester-footer>span{margin-right:auto}.tester-footer .text-button{font-size:11px}.tester-checks{font-size:12px;color:var(--muted);padding-left:21px;line-height:1.9}.tester-checks li{margin:0 0 10px}.topbar .testing-button{font-size:11px}@media(max-width:640px){.tester-badge{font-size:8px;padding:6px 10px;margin-bottom:20px}.tester-footer{gap:14px}.tester-footer>span{width:100%}.tester-intro{font-size:12px}.gate-layout{padding-top:28px}.gate-details{display:none}.gate h1{font-size:47px}.topbar .testing-button{font-size:10px;padding:6px}.gate-card{padding:23px}}

.import-panel{margin-bottom:24px}.import-optional{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.website-import-form{display:flex;align-items:flex-end;gap:13px}.website-import-form label{flex:1}.website-import-form button{margin-bottom:0}.import-review{margin-top:20px;padding-top:23px;border-top:1px solid var(--border)}.import-review-heading{display:flex;justify-content:space-between;gap:20px}.import-review .eyebrow{font-size:9px;display:block;margin-bottom:8px}.import-review h3{font-size:21px;font-family:Georgia,serif;overflow-wrap:anywhere}.import-label{font-size:12px;color:var(--muted);margin:17px 0 10px}.import-logos{display:flex;gap:12px;flex-wrap:wrap}.import-logo{border:2px solid var(--border);border-radius:10px;padding:13px;background:var(--raised);min-width:105px;max-width:190px;min-height:87px;font-size:11px}.import-logo img{display:block;max-width:150px;width:auto;height:50px;object-fit:contain;margin:0 auto 9px;background:#fff;border-radius:4px;padding:4px}.import-logo small{color:var(--muted)}.import-logo.selected,.import-colors .selected{border-color:var(--teal)}.import-colors{display:flex;gap:10px;flex-wrap:wrap}.import-colors button{display:flex;align-items:center;gap:9px;border:2px solid var(--border);padding:9px 12px;border-radius:8px;font-size:11px}.import-colors i{width:25px;height:25px;border:1px solid #8888;border-radius:50%}@media(max-width:640px){.website-import-form{flex-direction:column;align-items:stretch}.website-import-form button{align-self:flex-start}.import-logos{gap:8px}.import-logo{min-width:95px;max-width:150px}.import-logo img{max-width:115px}.import-colors button{padding:8px}.import-panel{padding:20px}.import-review .primary{font-size:12px}}

.brand-palette-fields{display:grid;gap:20px}.brand-palette-fields[hidden]{display:none}.brand-palette-fields .form-hint{margin:0}.filters .selected{border-color:var(--accent-text)}.small-symbol{color:var(--teal)}

.guided-setup{max-width:1040px!important;padding-bottom:45px!important}.guided-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px}.guided-setup>h1{font-size:36px;max-width:740px}.guided-setup>.page-subtitle{max-width:760px;margin-bottom:25px}.setup-progress{list-style:none;display:flex;gap:16px;margin:0 0 34px;padding:0}.setup-progress li{display:flex;align-items:center;gap:7px;flex:1;font-size:11px;color:var(--muted)}.setup-progress li>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid var(--border);flex-shrink:0}.setup-progress .current{color:var(--accent-text)}.setup-progress .current>span{background:var(--accent);color:var(--button-text)}.setup-progress .complete>span{border-color:var(--teal);color:var(--teal)}.guided-form{max-width:760px;display:grid;gap:20px}.guided-form label>textarea{margin-top:8px}.guided-form .check-label{display:flex;align-items:center;gap:12px}.guided-fields{display:grid;gap:20px}.guided-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:20px}.guided-actions>.primary{margin-left:auto}.guided-form .fine{margin:0}.guided-brand{margin:25px 0}.guided-summary{display:grid;gap:20px}.guided-summary section{display:grid;grid-template-columns:32px 1fr;gap:6px 12px}.guided-summary section>span{grid-row:span 2;color:var(--teal)}.guided-summary h2{font-size:16px}.guided-summary p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}@media(max-width:640px){.guided-header{margin-bottom:30px}.guided-header .gate-brand{font-size:8px;letter-spacing:1px}.guided-setup>h1{font-size:29px}.setup-progress{gap:5px}.setup-progress li{flex-direction:column;font-size:9px;gap:6px;text-align:center}.guided-actions{gap:12px}.guided-actions>.primary{font-size:12px;padding:12px}.guided-form{padding:20px}}

@media(max-width:640px){.topbar [data-action="testing-guide"]{display:none}}

/* Full-palette choices and workspace backgrounds. */
body,.app-content{background:var(--workspace-background,var(--bg));background-attachment:fixed}.look-options{border:0;padding:0;margin:18px 0;min-width:0}.look-options legend{font-size:12px;margin-bottom:12px}.brand-looks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.brand-look{text-align:left;border:2px solid var(--border);border-radius:11px;padding:10px;background:var(--surface);min-width:0}.brand-look.selected{border-color:var(--accent-text)}.brand-look strong,.brand-look small{display:block}.brand-look strong{font-size:12px;margin:11px 0 6px}.brand-look small{font-size:11px;line-height:1.6;color:var(--muted)}.look-mini{height:90px;display:flex;overflow:hidden;background:var(--look-bg);border-radius:6px;border:1px solid #8885}.look-mini>i{width:24%;background:var(--look-side);border-right:2px solid var(--look-accent)}.look-mini>span{flex:1;padding:12px 8px;display:flex;gap:5px;flex-wrap:wrap}.look-mini b{width:60%;height:7px;background:var(--look-accent);border-radius:3px}.look-mini em{width:45%;height:37px;background:var(--look-card);border-top:3px solid var(--look-secondary);border-radius:3px}.guided-brand>.settings-grid{margin-bottom:22px}.brand-palette-fields input[type=color]{min-height:42px}.brand-preview{background:var(--workspace-background,var(--side))}@media(max-width:640px){.brand-looks{grid-template-columns:1fr}.brand-look{display:grid;grid-template-columns:105px 1fr;gap:0 13px;align-items:center}.brand-look .look-mini{grid-row:span 2}.brand-look strong{margin-top:0}.brand-look small{align-self:start}.look-mini{height:75px}}

.guided-tool{display:grid;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--border)}

.quick-gate .gate-card{max-width:520px;margin:60px auto 0}.quick-gate h1{font-size:36px}.quick-gate .fine{line-height:1.8}.panel .button-stack{max-width:400px}.panel>.fine{line-height:1.8;color:var(--muted)}