:root{--ink:#182433;--cream:#FAF7F1;--teal:#38B8A5;--coral:#E76F51;--butter:#F5C96A;--muted:#69716f;--line:#e6e4dc}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px}button,input,textarea{font:inherit}button,a,label.type-card{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #248879;outline-offset:4px}button{color:var(--ink)}[hidden]{display:none!important}.topbar{height:98px;display:flex;align-items:center;justify-content:space-between;max-width:1280px;padding:0 54px;margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:38px;letter-spacing:-2px;font-weight:800;font-family:'Arial Rounded MT Bold',Arial,sans-serif}.topbar nav{display:flex;gap:30px;margin-left:70px}.navlink{background:none;border:0;font-size:13px;padding:8px 0;color:#4f595e}.navlink:hover{color:#18806f}#count{display:inline-grid;place-items:center;border-radius:50%;background:#eae8df;width:20px;height:20px;font-size:10px;margin-left:4px}.local-pill{font-size:11px;border:1px solid #ddded5;border-radius:30px;padding:10px 13px}.local-pill i{display:inline-block;height:6px;width:6px;background:var(--teal);border-radius:50%;margin-right:5px}.home{max-width:1000px;margin:auto;padding:0 28px}.hero{text-align:center;position:relative;padding:56px 0 36px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700}.tiny-spark{color:var(--coral);font-size:16px;margin-right:8px}.hero h1{font-weight:500;font-size:clamp(36px,4.8vw,60px);letter-spacing:-3px;line-height:1.18;margin:23px 0 19px}.hero h1>span{position:relative;display:inline-block;color:#218f7f}.hero h1 svg{position:absolute;bottom:-11px;left:0;width:100%;height:12px;fill:none;stroke:var(--teal);stroke-width:3;stroke-linecap:round}.hero p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.hero-star{position:absolute;left:7%;top:91px;color:var(--butter);font-size:50px;transform:rotate(12deg)}.hero-dot{width:13px;height:13px;background:var(--coral);border-radius:50%;position:absolute;right:8%;bottom:65px}.create-card{background:#fffefb;border:1px solid #e5e3d9;border-radius:22px;padding:25px;box-shadow:0 12px 36px #18243306}.types{padding:0;margin:0;border:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.type-card{position:relative;padding:20px 14px 17px;border:1px solid var(--line);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:background .2s,transform .2s}.type-card:hover{transform:translateY(-3px)}.type-card:has(input:checked){border:1.5px solid #38a593;background:#f0f8f3}.type-card input{position:absolute;opacity:0;width:1px;height:1px}.type-card:has(input:focus-visible){outline:3px solid var(--teal);outline-offset:3px}.type-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;margin-bottom:8px}.type-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.turquoise{background:#dff1e9;color:#267c70}.coral{background:#fae4dc;color:#a44a34}.butter{background:#fff0c9;color:#9a711b}.lilac{background:#ebe6f6;color:#7d6b99}.type-card strong{font-size:15px}.type-card small{font-size:10px;color:var(--muted);line-height:1.4}.check{display:none;position:absolute;right:12px;top:12px;font-size:11px;color:#237f70}.type-card:has(input:checked) .check{display:block}.idea-area{padding-top:25px}.idea-area>label{font-weight:600;font-size:13px;display:block;margin-bottom:12px}textarea,input:not([type=radio],[type=checkbox]){background:#fffefb;border:1px solid #dedfd6;border-radius:10px;color:var(--ink);padding:14px;line-height:1.6;width:100%}textarea{resize:vertical;min-height:90px}textarea::placeholder{color:#959b94;font-size:13px}.prompt-tools{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px;font-size:10px;color:#788078}.prompt-tools>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.prompt-tools button{background:#f4f3ec;border:1px solid #e6e5dc;padding:6px 9px;border-radius:6px;font-size:10px;color:#5d6863}.prompt-tools button:hover{background:#e5f1e9}.create-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eeece5;margin-top:24px;padding-top:20px;gap:12px}.create-bottom p{font-size:11px;color:var(--muted)}.mini-mark{font-size:20px;color:#a89665;vertical-align:middle;margin-right:7px}.primary{border:0;border-radius:9px;background:var(--ink);color:#fffdf6;padding:14px 20px;font-size:12px;font-weight:600;line-height:1.3;transition:background .2s}.primary:hover{background:#2a504f}.primary span{padding-left:25px;font-size:18px;color:#8fddcb}.below{display:flex;justify-content:center;gap:32px;font-size:10px;color:#717a72;padding:22px 0 26px}.honest{display:flex;justify-content:center;align-items:center;gap:15px;margin:0 0 35px}.version{border:1px solid #dfddd3;border-radius:5px;padding:5px 7px;font-size:8px;letter-spacing:1px;white-space:nowrap}.honest p{font-size:10px;line-height:1.7;color:#848b83;margin:0}.footer{max-width:1170px;margin:0 auto;border-top:1px solid var(--line);padding:23px 0;display:flex;align-items:center;justify-content:space-between;color:#848a82;font-size:10px}.small-brand{font-size:22px;letter-spacing:-1px;color:var(--ink)}.footer-star{font-size:16px;color:#d1b66d;margin-left:3px}.footer .navlink{font-size:10px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.hint{font-size:12px;background:#edf6ef;padding:12px;border-radius:8px;line-height:1.5}.editor,.projects{max-width:1350px;margin:auto;padding:32px 36px 48px}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.editor h1{font-size:30px;font-weight:500;letter-spacing:-1px;margin:15px 0 0}.editor h1 span{color:var(--coral)}.textbutton{border:0;background:transparent;font-size:12px;color:#55665f;padding:8px 0;text-align:left}.textbutton:hover{text-decoration:underline}.status{background:#f9edcf;border-radius:30px;padding:9px 12px;font-size:11px;white-space:nowrap}.workspace{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start}.settings{background:#fffefa;border:1px solid var(--line);padding:23px;border-radius:15px}.settings label:not(.extra-label){display:block;font-size:12px;font-weight:600;margin:21px 0 8px}.settings input,.settings textarea{font-size:13px}.small{font-size:10px;line-height:1.7;color:#758078}.color-field{margin:20px 0;border:0;padding:0}.color-field legend{font-size:12px;font-weight:600;margin-bottom:12px}.swatches{display:flex;gap:12px}.swatches button{background:var(--swatch);border:3px solid #fff;height:29px;width:29px;border-radius:50%;box-shadow:0 0 0 1px #ddd}.swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.extra-label{display:flex;gap:8px;align-items:center;font-size:11px;line-height:1.5;margin-bottom:20px}.extra-label input{accent-color:var(--teal)}.full{width:100%;margin-bottom:10px}.secondary{border:1px solid #dddcd3;background:#fffefa;border-radius:9px;font-size:11px;padding:12px}.secondary:hover{background:#f2f3e9}.preview-panel{border:1px solid #dddcd4;border-radius:14px;background:#eeede7;overflow:hidden}.preview-toolbar{padding:14px;display:flex;justify-content:space-between;align-items:center;background:#fffefa;font-size:10px;gap:9px;border-bottom:1px solid var(--line)}.traffic{display:flex;gap:5px}.traffic i{width:7px;height:7px;background:#e0dfd7;border-radius:50%}.traffic i:first-child{background:#e6a58d}.traffic i:nth-child(2){background:#e9cb88}.traffic i:nth-child(3){background:#9cc6ab}.preview-toolbar button{border:0;background:transparent;font-size:10px;padding:6px 8px;border-radius:5px}.preview-toolbar button[aria-pressed=true]{background:#e6f0e9}.iframe-wrap{width:100%;margin:auto;transition:max-width .2s;max-width:100%;background:#fff}iframe{display:block;border:0;width:100%;height:670px}.iframe-wrap.mobile{max-width:375px}.preview-note{text-align:center;font-size:10px;padding:7px;color:#697269}.projects h1{font-size:40px;font-weight:500;letter-spacing:-1.5px}.projects>p{color:#768078;font-size:13px}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.saved-card{background:#fffefa;border:1px solid var(--line);border-radius:15px;padding:24px}.saved-card h2{font-size:20px;overflow-wrap:anywhere}.saved-card p{font-size:12px;color:#768078;line-height:1.6;overflow-wrap:anywhere}.saved-card button{margin-right:10px;margin-top:10px}.empty{padding:40px;border:1px dashed #cccac0;border-radius:15px;grid-column:1/-1;font-size:14px;color:#768078}dialog{border:1px solid var(--line);border-radius:20px;padding:40px;max-width:530px;width:calc(100% - 36px);color:var(--ink);background:var(--cream);box-shadow:0 20px 80px #18243333}dialog::backdrop{background:#18243366;backdrop-filter:blur(4px)}dialog h2{font-size:30px;letter-spacing:-1px;font-weight:500}dialog p{font-size:13px;line-height:1.8;color:#5b6860}.close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:26px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 22px;background:var(--ink);color:#fff;border-radius:10px;box-shadow:0 6px 30px #18243333;font-size:13px;z-index:10;max-width:90%;text-align:center}@media(min-width:1500px){.hero{padding-top:75px;padding-bottom:45px}.home{max-width:1050px}.create-card{padding:30px}}@media(max-width:900px){.topbar{padding:0 26px}.topbar nav{margin-left:0;gap:20px}.footer{margin:0 28px}.workspace{grid-template-columns:240px minmax(0,1fr);gap:15px}.settings{padding:17px}.editor{padding:26px 22px}.hero-star{left:0}.hero-dot{right:0}}@media(max-width:650px){.topbar{height:78px;padding:0 20px}.brand{font-size:31px;gap:7px}.brand img{width:28px;height:28px}.topbar nav{gap:18px}.navlink{font-size:11px}.local-pill{display:none}.home{padding:0 18px}.hero{padding:39px 0 29px}.hero h1{font-size:39px;letter-spacing:-1.8px;margin-top:20px}.hero p{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.6px}.hero-star{font-size:26px;top:49px;left:1%}.hero-dot{width:8px;height:8px;bottom:37px;right:3%}.create-card{padding:16px;border-radius:17px}.types{grid-template-columns:repeat(2,1fr);gap:10px}.type-card{padding:13px;gap:5px}.type-icon{width:30px;height:30px;margin-bottom:5px}.type-card small{font-size:9px}.type-card strong{font-size:14px}.idea-area{padding-top:22px}.idea-area>label{font-size:12px}.prompt-tools{align-items:flex-start}.prompt-tools>div>span{display:none}.prompt-tools button{font-size:9px;padding:6px}.prompt-tools>div{gap:5px}#chars{white-space:nowrap;font-size:9px;padding-top:6px}.create-bottom{margin-top:18px;padding-top:16px;flex-direction:column}.create-bottom p{display:none}.create-bottom .primary{width:100%;display:flex;justify-content:space-between;align-items:center}.below{gap:13px;font-size:8px;padding:20px 0}.honest{align-items:flex-start;gap:8px;margin-bottom:26px}.version{font-size:6px;letter-spacing:.5px;margin-top:2px}.honest p{font-size:8px}.honest br{display:none}.footer{margin:0 20px;padding:18px 0;gap:15px}.footer>span{display:none}.workspace{grid-template-columns:1fr}.editor{padding:22px 18px}.editor-heading{align-items:flex-start;gap:10px;flex-direction:column}.editor h1{font-size:27px}.settings{padding:20px}.preview-toolbar{padding:12px 10px}.preview-toolbar>span{font-size:9px}iframe{height:560px}.preview-note{font-size:9px}.project-list{grid-template-columns:1fr}.projects{padding:26px 22px}.projects h1{font-size:34px}.swatches{gap:17px}dialog{padding:30px 25px}.primary{min-height:42px}}