:root{
  color-scheme:dark;
  --app-bg:#0d0f11;
  --app-panel:#121517;
  --app-raised:#191d1f;
  --app-raised-hover:#202629;
  --app-border:#2a3030;
  --app-muted:#969b91;
  --app-ink:#f0efe8;
  --app-accent:#d5f16d;
  --app-accent-ink:#1a2012;
  --app-warm:#c9a77d;
}
*{box-sizing:border-box}
body{background:var(--app-bg);color:var(--app-ink);font-family:"Segoe UI",Aptos,Arial,sans-serif;letter-spacing:.005em}
button,input,select,textarea{font:inherit}
button{border:1px solid var(--app-border);border-radius:8px;background:var(--app-raised);color:var(--app-ink);transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}
button:hover{border-color:#424b47;background:var(--app-raised-hover)}
button:active{transform:translateY(1px)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}
button:disabled{opacity:.38}
header{position:sticky;top:0;z-index:20;height:72px;gap:17px;padding:0 27px;background:#111416f2;border-bottom:1px solid #282e2e;box-shadow:0 8px 26px #0002;backdrop-filter:blur(18px)}
.brand{gap:10px;color:#f2f0e9;font-size:23px;font-weight:700;letter-spacing:-1.1px}
.logo{width:35px;height:35px;border-radius:10px;background:var(--app-accent);color:#192014;font-size:24px;box-shadow:0 5px 18px #d5f16d22}
.beta{padding:4px 6px;border:1px solid #485044;border-radius:999px;color:#bbc29e;font-size:8px;letter-spacing:1.2px}
.project{margin-left:28px;color:#d9d9d1;font-size:12px}
.project span{color:#8b9189}
#save{display:flex;align-items:center;gap:7px;color:#aab09e;font-size:10px}
#save::first-letter{color:var(--app-accent)}
#undo{padding:9px 12px;background:transparent;color:#c6c9c0;font-size:11px}
.primary{border-color:var(--app-accent);background:var(--app-accent);color:var(--app-accent-ink);font-weight:700;box-shadow:0 5px 15px #d5f16d18}
.primary:hover{border-color:#e5ff91;background:#e5ff91;color:#151a10;box-shadow:0 7px 22px #d5f16d35}
.workspace{grid-template-columns:326px minmax(0,1fr);min-height:calc(100vh - 72px)}
aside{position:relative;min-height:calc(100vh - 72px);padding:27px 21px 18px;background:linear-gradient(180deg,#141719 0%,#101314 100%);border-right:1px solid #272d2d}
aside .eyebrow{color:#a7c65a;font-size:9px;letter-spacing:1.8px}
aside h1{margin:16px 0 9px;color:#f3f1e8;font-family:Georgia,"Times New Roman",serif;font-size:31px;font-weight:400;line-height:1.07;letter-spacing:-1.05px}
.muted{margin:0 0 22px;color:#9b9f96;font-size:11px;line-height:1.7}
.tabs{gap:23px;margin-bottom:20px;border-color:#2b3030}
.tabs button{padding:0 0 11px;background:transparent;color:#858b84;font-size:11px}
.tabs button:hover{color:#e1e2d8}
.tabs .active{border-bottom:2px solid var(--app-accent);color:#e7e9dc}
label,.eyebrow{color:#a6aa9f}
label{margin:16px 0 10px;font-size:9px;letter-spacing:1.45px}
.templates{gap:7px}
.templates button{min-height:43px;padding:8px 10px;border-color:#2b3231;background:#171b1d;color:#e5e6df;font-size:11px}
.templates button:hover{background:#202625;transform:translateY(-1px)}
.templates .selected{border-color:#829744;background:#1d2619;box-shadow:inset 3px 0 var(--app-accent)}
.templates small{color:#a8bd70}
.swatch{border:1px solid #ffffff20}
#count{color:#afb49e}
.section-row{margin:5px 0;padding:7px 8px;border-color:#272e2e;background:#171b1d;color:#d5d8cf;font-size:10px}
.section-row button{min-width:24px;border:0;background:transparent;color:#9da49a}
.section-row button:hover{background:#252b29;color:#eaf0de}
.drag-handle{color:#77816c}
.add{min-height:39px;border-color:#46503c;background:#1b2118;color:#d5e5ad}
.add:hover{border-color:#82964f;background:#242d1d}
#addmenu{padding:8px;border:1px solid #2b3230;border-radius:8px;background:#15191a}
#addmenu button{border:0;background:transparent;color:#d7d9d1;text-align:left}
#addmenu button:hover{background:#242a26}
.wizard-launch{margin:2px 0 12px;padding:15px;border:1px solid #394635;border-radius:10px;background:linear-gradient(120deg,#1c251b,#191e1a 62%,#24231b);color:#f1f2e9;box-shadow:0 10px 24px #0002}
.wizard-launch:hover{border-color:#7b9148;background:linear-gradient(120deg,#252f1f,#202620 62%,#2a291f);transform:translateY(-1px)}
.wizard-launch span{font-size:12px;letter-spacing:.01em}
.wizard-launch small{color:#acb69b;font-size:10px;line-height:1.5}
.page-manager{margin:8px 0 15px;padding:12px;border-color:#2a3130;background:#171b1d}
.page-manager-heading label{color:#a6aa9f}
.page-manager-heading button{color:#c7db83}
.page-manager select,.page-manager input,.slug-input{border-color:#353d3a;background:#101314;color:#eff0e9}
.page-manager select option,.page-kind option{background:#161a1b;color:#eee}
.new-page{border-color:#414b3d;background:#191f18;color:#d7e5b0}
.new-page:hover{background:#242d1d}
.tip{margin-top:20px;border:1px solid #2c332b;background:#171c17;color:#dce4cd}
.tip span{color:#c5df77;font-size:8px}
.tip p{color:#a8afa0;font-size:10px;line-height:1.7}
aside footer{color:#818880}
aside footer span{color:var(--app-accent)}
main{min-width:0;background:#0d0f11}
.toolbar{position:sticky;top:72px;z-index:8;height:62px;padding:0 27px;border-bottom:1px solid #272d2d;background:#121517ed;color:#c4c8be;backdrop-filter:blur(14px)}
.toolbar>div:first-child{color:#c8ccc2}
.toolbar button{border-color:#303735;background:#191e20;color:#d9dbd3}
.toolbar button:hover{border-color:#4d5a4a;background:#232a28}
.toolbar .dot{width:7px;height:7px;background:#d3ef70;box-shadow:0 0 12px #d3ef7080}
.separator{color:#515a51}
.devices{gap:3px;padding:3px;border:1px solid #272f2d;background:#0d1011}
.devices button{border:0;background:transparent;color:#90978f}
.devices .active{background:#252b26;color:#e1edc4;box-shadow:inset 0 0 0 1px #424e38}
#preview{border-color:#515d3e;background:#222a1c;color:#d9eea4}
#preview:hover{border-color:#869c4d;background:#2a3420}
.canvas-area{min-height:calc(100vh - 134px);padding:26px clamp(20px,3.3vw,52px);background-color:#101315;background-image:radial-gradient(#b9ce7822 .8px,transparent .8px);background-size:18px 18px}
.canvas-caption,.below{color:#919a8d;font-size:8px;letter-spacing:1.4px}
.canvas-caption span:first-child{color:#b8c3a7}
.canvas-caption span:last-child{color:#9ba694}
#canvas{width:100%;max-width:1500px;height:min(760px,calc(100vh - 210px));min-height:560px;border:1px solid #383e3a;border-radius:13px;background:#f8f7f1;box-shadow:0 24px 70px #0007,0 0 0 5px #ffffff04;transition:max-width .25s,border-radius .25s}
#canvas.tablet{max-width:768px}
#canvas.mobile{max-width:390px;min-height:680px;border-radius:28px;box-shadow:0 24px 70px #0008,0 0 0 7px #202523}
.below{margin:14px auto 0;max-width:1500px;letter-spacing:.2px}
.below span:first-child{color:#c4d69a}
input,select,textarea{border:1px solid #343c3a;border-radius:7px;background:#111516;color:#eef0e9}
input::placeholder,textarea::placeholder{color:#777f77}
input[type=color]{border-color:#353d39;background:#171b1d}
input[type=checkbox],input[type=radio]{accent-color:var(--app-accent)}
textarea{resize:vertical}
.style-options label{border-color:#333b38;background:#181d1e;color:#d6d9d0}
.style-options label:has(input:checked){border-color:#7d914a;background:#20271c;color:#e9f0d8}
dialog{border-color:#343c39;border-radius:15px;background:#15191a;color:#eff0e9;box-shadow:0 35px 110px #000b}
dialog::backdrop{background:#030505b8;backdrop-filter:blur(7px)}
.dialog-head h2{color:#f0efe8;font-family:Georgia,"Times New Roman",serif;font-size:31px;font-weight:400;letter-spacing:-.7px}
.dialog-head>button{background:transparent;color:#b3b9ad}
.dialog-head>button:hover{background:#242a29;color:#fff}
.dialog-copy,.fine{color:#9aa296}
.block-option{border-color:#303836;background:#1a1f20;color:#ecede5}
.block-option:hover{border-color:#81954c;background:#22291d}
.block-symbol,.block-plus{color:#cde982}
.block-option small{color:#a2a89a}
.check-row{border-color:#2e3533;color:#dce0d7}
.pass{background:#29351f;color:#d1ef8d}
.pending{background:#383022;color:#e4c27f}
.slug-input{border-color:#353c39;background:#111516}
.slug-input input{color:#eff0e9}
.slug-input span{color:#919a8e}
.page-list-row{border-color:#303735}
.page-list-row strong{color:#eee}
.page-list-row span{color:#9ca496}
.page-list-row small{background:#29331e;color:#d1e99a}
.export-options button{border-color:#303836;background:#1a1e1f;color:#ebede4}
.export-options button:first-child{border-color:#657744;background:#242d1c;color:#e0edc1}
.export-options small{color:#a2aa99}
.local-note{border-color:#2d3531;color:#aab3a2}
.local-note p{color:#939d91}
#toast{z-index:100;background:#e0efb4;color:#202519;box-shadow:0 14px 36px #0006;font-weight:600}
.showcase-shelf{border-color:#303831;background:linear-gradient(145deg,#181d19,#141819 72%,#1d1b15);box-shadow:0 12px 25px #0002}
.showcase-label{color:#c3dd79}
.showcase-label small{color:#919c89}
.showcase-list button{border-color:#2c3431;background:#171c1d;color:#e3e5dc}
.showcase-list button:hover{border-color:#697a49;background:#20271d}
.showcase-list strong{color:#e9ebe2}
.showcase-list small{color:#9ca397}
.showcase-list b{color:#d1e98b}
.showcase-open{border-color:#404c39;color:#d3e7a1}
.showcase-open:hover{border-color:#85984f;background:#22291d}
.showcase-hint{color:#858f82}
.showcase-dialog{border-color:#353e3a;background:#141819;color:#eff0e8}
.showcase-dialog .dialog-head h2{color:#f2f0e8}
.showcase-dialog .dialog-copy{color:#9fa79a}
.showcase-catalog article{border-color:#303836;background:#1a1f20}
.showcase-card-copy h3{color:#efefe8}
.showcase-card-copy p{color:#9ca397}
.showcase-card-copy button{border-color:#4b593c;background:#242d1f;color:#d9eab2}
.showcase-card-copy button:hover{border-color:#91a657;background:#2b3722}
.fine{color:#929b8f}
.live-inspiration,.original-showcases{border-color:#303735}
.live-inspiration-head h3,.original-showcases-head h3{color:#f0efe8}
.live-inspiration-head p,.original-showcases-head p{color:#9da598}
.live-site{border-color:#343b38;background:#1a1f20;color:#eee}
.live-site:hover{border-color:#71854a;box-shadow:0 14px 30px #0005}
.live-site-copy strong{color:#ededE5}
.live-site-copy small{color:#a0a79b}
.live-site-copy em,.live-credit a,.live-inspiration-head>a{color:#d1e797}
.live-credit{color:#8e988b}
.image-alt-dialog{border-color:#3b4540;background:#171c1d;color:#eff0e9}
.image-alt-dialog .dialog-copy{color:#a4ad9e}
.image-alt-dialog .decorative-option{color:#d5dfc0}
.image-alt-dialog .fine{color:#8e988b}
.catalog-tools{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:minmax(190px,1fr) auto;gap:10px 16px;align-items:center;margin:18px 0 23px;padding:13px;border:1px solid #303836;border-radius:12px;background:#111516ed;backdrop-filter:blur(16px)}
.catalog-search-label{grid-column:1/-1;margin:0;color:#b5c5a0;font-size:9px;letter-spacing:1.4px}
.catalog-tools input{grid-column:1/-1;min-height:44px;padding:0 14px;border-color:#37413c;border-radius:8px;background:#0d1011;color:#f3f3ec;font-size:13px}
.catalog-tools input:focus{border-color:#a3bd60;box-shadow:0 0 0 3px #b7d86a1c}
.catalog-tools input::placeholder{color:#7e887d}
.catalog-filters{display:flex;flex-wrap:wrap;gap:7px;grid-column:1/-1}
.catalog-filters button{padding:8px 11px;border-color:#333b37;border-radius:999px;background:#181d1e;color:#b2b9ac;font-size:10px}
.catalog-filters button.active{border-color:#82964b;background:#28331e;color:#e3f0bf}
.catalog-result{grid-column:1/-1;margin:0;color:#91a17d;font-size:10px}
.catalog-empty{margin:0 0 24px;padding:24px;border:1px dashed #46513f;border-radius:10px;color:#bbc6a8;text-align:center}
.showcase-catalog article[hidden]{display:none!important}
.showcase-catalog[hidden]{display:none!important}
.ai-launch{border-color:#71854b!important;background:linear-gradient(120deg,#222c1c,#1a211d 65%,#28251b)!important;color:#eaf1d5!important}
.ai-launch:hover{border-color:#a6c45d!important;background:linear-gradient(120deg,#2b381e,#202a23 65%,#312b1d)!important}
.ai-launch small{color:#b0bd9f!important}
.ai-examples{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.ai-examples button{padding:8px 12px;border-radius:999px;border-color:#3b4739;background:#1d241d;color:#d7e7b7;font-size:10px}
.ai-examples button:hover{border-color:#82964b;background:#28331f}
#aiDialog{width:min(700px,calc(100vw - 28px))}
#aiDialog #aiBrief{min-height:135px;background:#101415;color:#f0f1e9;line-height:1.7}
#aiDialog .fine{font-size:10px}
#aiStatus{min-height:28px;margin:8px 0 0;color:#c6dc92;font-size:11px;line-height:1.7}
.ai-summary{margin:18px 0;padding:18px;border:1px solid #364132;border-radius:10px;background:linear-gradient(145deg,#20291d,#171d1a)}
.ai-summary>strong{color:#e2f4b2}
.ai-summary p,.ai-summary li,#aiMissing li{color:#adb99e;font-size:11px;line-height:1.8}
#aiMissingBox{padding:5px 0 12px}
#aiMissing{padding-left:20px}
.seo-meter{margin:-6px 0 12px;color:#99a38e;font-size:9px;text-align:right}
.seo-meter[data-state="good"]{color:#c4e68a}
.seo-meter[data-state="short"],.seo-meter[data-state="long"]{color:#e2be79}
.seo-preview-card{margin:17px 0 22px;padding:17px;border:1px solid #303a35;border-radius:10px;background:#111516}
.seo-preview-kicker{display:flex;justify-content:space-between;gap:10px;color:#a7bb82;font-size:9px;letter-spacing:1px}
.seo-preview-kicker span{color:#818b7d;letter-spacing:0}
.seo-preview-brand{margin:14px 0 3px;color:#aeb7a9;font-size:10px}
.seo-preview-title{margin:0 0 4px;color:#9ab7f5;font:500 19px/1.35 Arial,sans-serif;letter-spacing:0}
.seo-preview-description{margin:0;color:#c0c5bc;font:12px/1.6 Arial,sans-serif}
.seo-preview-social{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}
.seo-preview-social span{padding:5px 7px;border:1px solid #2f3832;border-radius:999px;color:#9ca897;font-size:8px}
.readiness-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 13px;padding:18px;border:1px solid #354132;border-radius:12px;background:linear-gradient(135deg,#20291c,#171d1a)}
.readiness-summary strong{color:#e2f3b8;font:400 28px Georgia,serif}
.readiness-summary strong span{color:#9ca793;font-size:17px}
.readiness-summary p{margin:5px 0 0;color:#a7b09f;font-size:10px;line-height:1.6}
.readiness-track{width:min(150px,35%);height:7px;overflow:hidden;border-radius:99px;background:#30372f}
.readiness-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a2c65d,#e0f279);transition:width .25s}
.page-manager select option,.page-kind option{background:#171c1d;color:#eee}
@media(max-width:1100px){.workspace{grid-template-columns:290px minmax(0,1fr)}.canvas-area{padding:23px 20px}}
@media(max-width:700px){header{position:relative;height:auto;min-height:68px;padding:10px 13px;gap:9px}.brand{font-size:21px}.project{display:none}#save{display:none}#undo{padding:8px}#export{padding:9px 11px;font-size:10px}.workspace{display:flex;flex-direction:column}aside{min-height:auto;padding:18px 16px 12px;border-right:0;border-bottom:1px solid #2a3030}aside .eyebrow{display:none}aside h1{display:block;margin:0 0 6px;font-size:25px}aside .muted{display:block;margin-bottom:14px}aside footer{display:none}.tabs{margin-bottom:14px}.canvas-area{min-height:0;padding:15px 9px}.canvas-caption{margin:0 2px 10px;font-size:7px}.canvas-caption span:last-child{display:none}#canvas{height:670px;min-height:560px;border-radius:10px}.below{font-size:8px}.below span:last-child{display:none}.showcase-dialog{width:calc(100vw - 14px);max-height:94vh;padding:18px}.showcase-shelf{padding:11px}.showcase-list{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-list button{gap:6px;padding:7px 5px}.sample-art{width:34px;height:32px}.showcase-list small{font-size:8px}.image-alt-dialog{width:calc(100vw - 18px);padding:19px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}