:root{--ink:#f2edf3;--muted:#aaa2ad;--bg:#100d13;--panel:#19151d;--line:#332b37;--gold:#d6b879;--purple:#290029;--paper:#e8e8e8;--paper-ink:#290029}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}button,a{font:inherit}button{cursor:pointer}.topbar{position:sticky;top:0;z-index:20;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);background:rgba(16,13,19,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-family:Georgia,serif;font-size:1.25rem}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;font:700 .78rem Georgia;color:var(--gold);letter-spacing:-1px}.topbar nav{display:flex;gap:34px}.topbar nav a,.hero-actions a{color:var(--muted);text-decoration:none;font-size:.9rem}.topbar nav a:hover,.hero-actions a:hover{color:var(--ink)}.nav-cta,.primary{border:1px solid var(--gold);background:transparent;color:var(--gold);padding:11px 18px}.primary{background:var(--gold);color:#1a1511;font-weight:700;padding:14px 22px}.hero{min-height:680px;display:grid;grid-template-columns:1.25fr .75fr;gap:6vw;align-items:center;padding:90px clamp(24px,8vw,130px);background:radial-gradient(circle at 78% 40%,#2b1c2b 0,transparent 32%),linear-gradient(135deg,#100d13,#151019)}.eyebrow{font-size:.72rem;letter-spacing:.22em;color:var(--gold);font-weight:800}.hero h1,.section-heading h2{font:400 clamp(3.6rem,7vw,7rem)/.94 Georgia,serif;margin:22px 0 30px;letter-spacing:-.045em}.hero h1 em,.section-heading h2 em,blockquote em{color:var(--gold);font-weight:400}.intro{max-width:620px;color:#c3bcc6;font-size:1.12rem}.hero-actions{display:flex;align-items:center;gap:24px;margin:34px 0 45px}.platform-row{display:flex;gap:18px;align-items:center;color:#d3cbd5;font-size:.83rem}.platform-row span{color:#77717a;margin-right:5px}.quote-card{min-height:390px;padding:48px;display:flex;flex-direction:column;justify-content:center;border:1px solid #463849;background:linear-gradient(155deg,rgba(214,184,121,.08),rgba(41,0,41,.13));box-shadow:0 35px 90px #070608}.quote-mark{font:5rem Georgia;color:var(--gold);line-height:.5}.quote-card p{font:italic 2rem/1.35 Georgia;color:#ddd5de}.ink-line{height:1px;background:#564757;margin-top:30px}.ink-line span{display:block;width:45%;height:1px;background:var(--gold)}.studio-section,.features{padding:100px clamp(20px,6vw,96px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;max-width:1280px;margin:0 auto 48px}.section-heading h2{font-size:clamp(2.7rem,5vw,5rem);margin:15px 0 0}.section-heading>p{max-width:390px;color:var(--muted)}.app-shell{max-width:1280px;height:650px;margin:auto;display:grid;grid-template-columns:230px 1fr 240px;grid-template-rows:48px 1fr;background:#201b23;border:1px solid #423748;box-shadow:0 36px 100px #070608;border-radius:10px;overflow:hidden}.app-top{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 15px;border-bottom:1px solid #3a313e;background:#171319;font-size:.76rem;color:#9d949f}.traffic{display:flex;gap:7px}.traffic i{width:9px;height:9px;border-radius:50%;background:#554c58}.traffic i:first-child{background:#a25f62}.traffic i:nth-child(2){background:#c19c5a}.traffic i:last-child{background:#67856d}.app-title{text-align:center}.app-tools{text-align:right}.app-tools button{background:transparent;color:#bbb2bd;border:0;padding:5px 10px}.app-tools #focusButton{border:1px solid #443a48}.inspector,.navigator{padding:22px 18px;background:#19151d;color:#bbb3be;font-size:.78rem}.inspector{border-right:1px solid #3b323f}.navigator{border-left:1px solid #3b323f}.panel-label{color:#706875;font-size:.64rem;font-weight:800;letter-spacing:.16em;margin:0 0 14px}.inspector h3{font:1.2rem Georgia;color:#eee7ef;margin-bottom:22px}.inspector label{display:grid;gap:7px}.inspector select{background:#252029;color:#ded6e0;border:1px solid #443a48;padding:9px}.meta{display:grid;grid-template-columns:1fr auto;gap:8px;margin:24px 0 34px;padding:16px 0;border-block:1px solid #332b37}.note{color:#968d99}.tabs{display:flex;gap:3px;margin-top:35px}.tabs button{border:0;background:#211c24;color:#887f8b;padding:7px}.tabs .active{color:var(--gold);border-bottom:1px solid var(--gold)}.editor{min-width:0;display:flex;flex-direction:column;background:#27222b}.paper{flex:1;overflow:auto;background:var(--paper);color:var(--paper-ink);padding:56px clamp(35px,7vw,95px)}.chapter-kicker{text-align:center;font-size:.63rem;letter-spacing:.25em;color:#735e73}.paper h3{text-align:center;font:2rem Georgia;margin:10px 0 42px}.paper [contenteditable]{outline:none;font:1.05rem/1.95 Georgia,serif;max-width:630px;margin:auto}.scene-divider{display:flex;align-items:center;gap:10px;color:#9b8a9b;font-size:.6rem;letter-spacing:.14em;margin-top:42px}.scene-divider:before,.scene-divider:after{content:"";height:1px;background:#c9bdc9;flex:1}.statusbar{display:flex;justify-content:space-between;padding:8px 14px;font-size:.65rem;color:#817885;background:#171319}.chapter{display:flex;gap:8px;color:#e2dae4;margin:10px 0}.chapter.muted{color:#766d78;margin-top:18px}.scene{width:100%;display:grid;grid-template-columns:30px 1fr 8px;gap:5px;align-items:center;text-align:left;background:transparent;border:0;color:#9c939e;padding:9px 7px;margin:2px 0;border-radius:3px}.scene b{font-size:.64rem;color:#6f6672}.scene i{width:6px;height:6px;border-radius:50%}.yellow{background:#c5a750}.red{background:#a45158}.green{background:#5d8e68}.scene.active{background:#2a222d;color:#fff}.add-scene{border:1px dashed #443a48;background:transparent;color:#8e8491;width:100%;margin-top:22px;padding:9px}.demo-hint{text-align:center;color:#786f7a;font-size:.8rem;margin-top:20px}.features{background:#151117}.section-heading.compact{justify-content:flex-start}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1280px;margin:auto;border:1px solid var(--line)}.feature-grid article{min-height:300px;padding:28px;border-right:1px solid var(--line)}.feature-grid article:last-child{border:0}.feature-grid article>span{color:#625966;font-size:.7rem}.feature-grid .icon{font-size:1.8rem;color:var(--gold);margin:45px 0 24px}.feature-grid h3{font:1.35rem Georgia}.feature-grid p{color:#948b97;font-size:.9rem}.manifesto{text-align:center;padding:130px 24px;background:radial-gradient(circle at center,#281929,transparent 55%)}blockquote{font:400 clamp(2.4rem,5vw,5.3rem)/1.15 Georgia;margin:30px auto;max-width:1100px}.manifesto>p:last-child{color:#9f96a2}footer{display:flex;align-items:center;justify-content:space-between;padding:34px clamp(24px,6vw,90px);border-top:1px solid var(--line);color:#766e79;font-size:.8rem}footer .brand{color:var(--ink)}body.focus .inspector,body.focus .navigator{display:none}body.focus .app-shell{grid-template-columns:1fr}body.focus .app-top,body.focus .editor{grid-column:1}.primary:hover,.nav-cta:hover{filter:brightness(1.12);transform:translateY(-1px)}button{transition:.2s}
@media(max-width:900px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.quote-card{display:none}.section-heading{display:block}.app-shell{grid-template-columns:1fr;height:620px}.inspector{display:none}.navigator{display:none}.editor{grid-column:1}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid article:nth-child(2){border-right:0}.feature-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:560px){.topbar{height:66px}.nav-cta{display:none}.hero h1{font-size:3.4rem}.hero{min-height:620px}.hero-actions{align-items:flex-start;flex-direction:column}.platform-row{flex-wrap:wrap}.studio-section,.features{padding-block:75px}.paper{padding:40px 24px}.feature-grid{grid-template-columns:1fr}.feature-grid article{border-right:0;border-bottom:1px solid var(--line)!important}footer{align-items:flex-start;gap:22px;flex-direction:column}}
/* WordCraft 0.9.1: original assets and native application layout. */
.brand-icon{width:44px;height:44px;object-fit:contain}.hero-logo img{display:block;width:100%;height:auto}.hero-logo{min-width:0}.app-preview{font-family:Arial,sans-serif;color:#e7e9ee;background:#20232b;border:1px solid #414957;border-radius:6px;box-shadow:0 28px 80px #070608}.window-title{padding:8px 12px;background:#20232b;color:#e7e9ee;font-size:14px;grid-column:1/-1}.dashboard-preview{max-width:1280px;margin:auto}.dashboard-content{padding:24px 32px}.dashboard-logo{display:block;width:360px;max-width:80%;height:230px;object-fit:contain;margin:0 auto 24px}.project-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.app-preview select,.app-preview input,.app-preview textarea{background:#282d37;color:#e7e9ee;border:1px solid #414957;padding:7px;font:14px Arial;max-width:100%}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{background:#282d37;border-radius:8px;padding:12px}.project-card p{margin:6px 0;font-size:14px}.project-cover{height:115px;display:grid;place-content:center;text-align:center;border:1px solid #4b5364;border-radius:5px;margin-bottom:12px}.project-cover b{font-size:28px}.app-preview button,.dashboard-actions span,.nav-bottom span,.preview-control{background:#353b49;color:#e7e9ee;border:1px solid #4b5364;border-radius:5px;padding:7px 10px;font:14px Arial;line-height:1.3}.project-card button{display:block;width:100%;margin-top:10px}.app-preview button:hover{background:#4a5062}.recent-projects,.dashboard-actions{display:flex;flex-wrap:wrap;gap:8px}.dashboard-actions{margin-top:16px}.dashboard-actions span{font-size:14px}.app-shell{height:760px;min-width:1060px;max-width:1400px;grid-template-columns:155px 205px minmax(380px,1fr) 290px;grid-template-rows:34px 30px 48px 1fr 34px;border-radius:6px}.preview-scroll{overflow-x:auto;padding-bottom:8px}.menu-preview{grid-column:1/-1;padding:2px 12px;font-size:14px;background:#282d37}.app-top{display:flex;gap:8px;grid-column:1/-1;padding:6px 8px;background:#20232b;border:0}.app-title{flex:1;text-align:left;font-size:14px}.demo-saved{font-size:14px}.project-sections{margin:0 5px 0 8px;border:1px solid #414957;background:#282d37;padding:10px 6px;font-size:14px;display:flex;flex-direction:column;gap:12px}.navigator{grid-column:2;grid-row:4;padding:8px 5px;background:#20232b;color:#e7e9ee;border:0;display:flex;flex-direction:column;font-size:14px}.navigator .chapter{color:#e7e9ee;font-size:14px}.navigator .scene{display:flex;gap:8px;text-align:left;background:#282d37;border:0;border-radius:0;font-size:14px;padding:9px 7px}.navigator .scene.active{background:#47546b}.scene i{flex-shrink:0;width:8px;height:8px}.yellow{background:#e7c46b}.red{background:#e36c76}.green{background:#83cda1}.nav-bottom{margin-top:auto;display:grid;gap:6px}.nav-bottom span{text-align:center}.editor{grid-column:3;grid-row:4;margin:0 5px;background:#20232b;min-height:0}.format-preview{padding:0 0 6px;font-size:14px}.format-preview>div{display:flex;gap:4px;margin-bottom:4px}.format-preview span,.format-preview b,.format-preview i,.format-preview u{border:1px solid #4b5364;background:#353b49;border-radius:5px;padding:4px 9px}.paper{padding:20px;background:#e8e8e8;color:#290029}.paper h3{background:#d5d8df;text-align:left;font:600 16px Arial;padding:6px;margin:20px 0 12px}.paper [contenteditable]{font:16px/1.65 Arial}.inspector{grid-column:4;grid-row:4;padding:0 7px 0 0;background:#20232b;border:0;min-height:0;font-size:14px;display:flex;flex-direction:column}.tabs{margin:0;gap:0;display:flex}.tabs button{font-size:14px;padding:7px 5px;border:0;border-radius:0;background:#303641}.tabs .active{background:#47546b;color:#e7e9ee;border:0}.side-content{overflow:auto;padding:10px 5px}.side-content h4{font-size:14px;color:#cbbde9;margin:16px 0 8px}.side-content p{font-size:14px;margin:8px 0}.side-content textarea{display:block;width:100%;height:65px;resize:vertical;margin:6px 0}.side-content select{width:100%}.preview-control{display:block;margin-top:7px}.empty-check{height:54px;background:#282d37;border:1px solid #414957}.entity-list{padding:8px;background:#282d37;border:1px solid #414957}.statusbar{grid-column:1/-1;grid-row:5;background:#20232b;color:#e7e9ee;font-size:12px}.demo-hint{font-size:14px;max-width:950px;margin:20px auto;color:#aaa2ad}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body.focus .project-sections,body.focus .navigator,body.focus .inspector{display:none}body.focus .app-shell{grid-template-columns:1fr}body.focus .editor{grid-column:1}.app-shell.hide-nav{grid-template-columns:155px minmax(380px,1fr) 290px}.hide-nav .navigator{display:none}.hide-nav .editor{grid-column:2}.hide-nav .inspector{grid-column:3}.app-shell.hide-inspector{grid-template-columns:155px 205px minmax(380px,1fr)}.hide-inspector .inspector{display:none}.app-shell.hide-nav.hide-inspector{grid-template-columns:155px minmax(380px,1fr)}.side-content[hidden]{display:none}button:focus-visible,a:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:2px solid #cbbde9;outline-offset:3px}section{scroll-margin-top:90px}
@media(max-width:900px){.hero-logo{max-width:420px;justify-self:center}.hero{gap:0}.project-grid{grid-template-columns:1fr 1fr}.project-sections{display:flex}.inspector{display:flex}.navigator{display:flex}.editor{grid-column:3}.app-shell{height:760px}.app-top{grid-column:1/-1}.dashboard-content{padding:20px}}
@media(max-width:560px){.project-grid{grid-template-columns:1fr}.dashboard-logo{height:180px}.hero-logo{display:none}.project-heading{gap:10px}.dashboard-actions{gap:6px}.dashboard-content{padding:14px}.app-title{min-width:140px}}
/* WordCraft brand: silver and purple on the existing black background. */
:root{--gold:#cbbde9;--ink:#e7e9ee;--muted:#aaa6b2}.eyebrow{color:#cbbde9}.hero h1 em,.section-heading h2 em,blockquote em{color:#cbbde9}.primary{background:#71449d;border-color:#a777ca;color:#f4eff8}.nav-cta{border-color:#9871b9;color:#ded1ec}.hero{background:radial-gradient(circle at 78% 40%,#291936 0,transparent 32%),linear-gradient(135deg,#100d13,#151019)}.feature-grid .icon{color:#cbbde9}.brand{color:#e7e9ee}.topbar nav a:hover,.hero-actions a:hover{color:#d5b8ed}
.nav-cta{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;line-height:1.25}.nav-cta small{font-size:12px;font-weight:400;letter-spacing:.04em;color:#cbbde9}
@media(max-width:560px){.topbar{padding-inline:16px;gap:12px}.nav-cta{display:inline-flex;padding:8px 12px;font-size:14px}.topbar .brand{gap:7px;font-size:1.05rem}}