@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#202126;--muted:#70717c;--green:#3454f5;--lime:#dfe5ff;--line:#e0e1e8;--background:#fafafa;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--background);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3454f5;outline-offset:4px}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.header{height:100px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;font-family:'Manrope',sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.3px;white-space:nowrap}.brand-symbol{position:relative;font-family:Georgia,serif;font-style:italic;font-size:36px;margin-right:15px;border:1.5px solid var(--ink);height:43px;width:43px;line-height:37px;border-radius:50%;padding-left:5px;letter-spacing:-6px;transform:rotate(-10deg)}.brand-symbol span{font-size:23px}.brand-period{color:#3454f5}nav{display:flex;gap:28px;align-items:center}.nav-button{font-size:14px;color:#777d75;position:relative;padding:15px 0}.nav-button.active{color:var(--ink)}.nav-button.active:after{content:'';height:3px;width:20px;position:absolute;bottom:1px;background:var(--ink);left:calc(50% - 10px)}.tiny-plus{background:#edf0ff;padding:0 4px;border-radius:4px;font-size:12px}.upgrade{font-size:14px;border:1px solid #c9cbd7;border-radius:6px;padding:12px 16px}.upgrade span{margin-left:12px}main{max-width:1240px;margin:0 auto;padding:49px 32px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.eyebrow{font-size:11px;letter-spacing:1.9px;font-weight:700;margin:0 0 14px}h1{font-family:'Manrope',sans-serif;font-size:clamp(28px,3vw,39px);font-weight:500;letter-spacing:-1.7px;line-height:1.25;margin:0 0 13px}.intro{font-size:16px;color:var(--muted);margin:0}.daily-badge{display:flex;gap:15px;align-items:center;font-size:13px;line-height:1.6;color:#737582}.sun{font-size:56px;font-weight:400;line-height:1;color:#3454f5}.studio{display:grid;grid-template-columns:minmax(0,1fr) 298px;gap:38px;align-items:start}.workspace{border:1px solid #d9dbe4;border-radius:9px;overflow:hidden;background:#edeef2}.workspace-toolbar,.workspace-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;font-size:12px;background:#ffffff}.workspace-toolbar>div{display:flex;align-items:center;gap:12px}.workspace-toolbar strong{font-size:13px;font-weight:500}.status-dot{height:6px;width:6px;background:#3454f5;border-radius:50%}.separator{color:#c1c2cc}.icon-button{font-size:25px;line-height:1;padding:0 4px}.paper-area{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:27px 36px 21px;background-image:radial-gradient(#b7bbc84d .6px,transparent .6px);background-size:7px 7px}.paper{width:min(100%,358px);aspect-ratio:600/760;background:#fff;box-shadow:0 3px 6px #2833230b,0 12px 30px #2833230b;transition:aspect-ratio .2s}.paper svg{display:block;width:100%;height:100%}.paper-caption{font-size:9px;letter-spacing:2.2px;color:#777b8e;margin-top:22px}.workspace-footer{background:#f6f6f9;border-top:1px solid #dfe1e9;color:#777987;padding-top:13px;padding-bottom:13px}.workspace-footer button{font-size:12px}.controls{padding-top:10px}.control-header .eyebrow{font-size:10px;color:#767889;margin-bottom:14px}h2{font-family:'Manrope',sans-serif;font-weight:500;font-size:24px;letter-spacing:-.8px;margin:0 0 12px}.control-header p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.download-section{margin:27px 0 28px}label{display:block;font-size:13px;font-weight:500;margin-bottom:10px}select{width:100%;border:1px solid #d6d8e2;background:#fff;color:var(--ink);border-radius:5px;padding:13px 10px;font-size:13px;margin-bottom:10px}.full{width:100%}.primary,.secondary{padding:14px 16px;border-radius:5px;display:flex;justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:500}.primary{background:var(--green);color:white}.primary:hover{background:#2441cf}.secondary{border:1px solid #d4d7e2;background:transparent}.secondary:hover{background:#edf0ff}.fine-print{font-size:10px;color:#777987;text-align:center;margin:11px 0}.customize{border-top:1px solid var(--line);padding-top:24px}.section-row{display:flex;align-items:center;justify-content:space-between;gap:8px}h3{font-size:14px;font-weight:500;margin:0}.plus-tag{font-size:9px;letter-spacing:1px;background:var(--lime);border-radius:3px;padding:4px 6px}.muted{color:var(--muted)}.small{font-size:13px;line-height:1.65;margin:12px 0 16px}.daily-note{margin-top:28px;display:flex;gap:14px;border-radius:5px;background:#eef1ff;padding:17px 16px}.daily-note>span{font-size:21px;color:#3454f5}.daily-note p{font-size:11px;line-height:1.8;margin:0;color:#676e8f}.daily-note strong{font-weight:500;color:#34437b}.bottom-note{display:flex;align-items:center;gap:20px;padding:35px 0;margin-top:3px}.scribble{font-size:51px;font-weight:400;transform:rotate(18deg)}.bottom-note p{font-size:15px;line-height:1.7;margin:0;color:#777987}.bottom-note strong{color:var(--ink);font-weight:500}.note-aside{margin-left:auto;text-align:right;font-size:12px;color:#777987;line-height:1.8}footer{max-width:1176px;margin:5px auto 0;display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding:25px 0 30px;font-size:11px;color:#777987}.footer-brand{font-size:19px;color:var(--ink)}footer button{font-size:11px}.preview-notice{font-size:12px;background:#e9edff;padding:10px;border-radius:4px;line-height:1.5;margin:16px 0}input[type=range]{width:100%;accent-color:var(--green);margin:0 0 20px}output{float:right}.check-label{display:flex;gap:9px;align-items:center;margin:6px 0 18px}.check-label input{accent-color:var(--green);width:16px;height:16px}.text-button{font-size:12px;padding:14px 0;text-decoration:underline;text-underline-offset:4px}dialog{border:0;border-radius:12px;background:var(--background);color:var(--ink);padding:40px;max-width:720px;width:calc(100% - 32px);max-height:90vh;box-shadow:0 20px 100px #151a3333}dialog::backdrop{background:#1b203d66;backdrop-filter:blur(4px)}dialog h2{font-size:30px}dialog>.muted{font-size:14px;line-height:1.6}.dialog-close{position:absolute;right:16px;top:12px;font-size:28px}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.pricing-grid article{padding:24px;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column}.pricing-grid .plus-price{background:#eef1ff;border-color:#c5ceff}.pricing-grid h3{font-size:36px;margin:5px 0}.pricing-grid h3 span{font-size:13px;margin-left:8px;color:var(--muted)}.pricing-grid ul{padding-left:17px;font-size:13px;line-height:2.2;margin:16px 0 24px;flex:1}.annual{margin:0;font-size:12px;color:#67708e}.pricing-note{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:0}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:13px 22px;border-radius:6px;font-size:14px;box-shadow:0 4px 20px #0002;opacity:0;pointer-events:none;transition:.2s;z-index:5;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.collection-notice{font-size:14px;color:var(--muted);padding:16px 0 24px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.prompt-card{border:1px solid var(--line);border-radius:7px;background:#f0f1f6;padding:16px;text-align:left}.prompt-card svg{background:white;width:100%;height:220px;display:block;margin-bottom:15px;box-shadow:0 2px 7px #0001}.prompt-card span{font-size:13px}.empty-state{padding:70px 25px;text-align:center;border:1px dashed #c3c7d8;grid-column:1/-1;color:var(--muted)}@media(min-width:1500px){main{padding-top:60px}.paper{width:395px}}@media(max-width:1000px){.header{padding:0 26px}.studio{gap:24px;grid-template-columns:minmax(0,1fr) 275px}nav{gap:17px}.upgrade{font-size:12px;padding:10px}footer{margin:5px 32px 0}.page-heading{flex-wrap:wrap;gap:24px}.daily-badge{display:flex}.paper-area{padding:24px}.card-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.header{height:auto;min-height:85px;flex-wrap:wrap;padding:18px 20px;gap:12px}.brand{font-size:23px}.brand-symbol{width:35px;height:35px;font-size:29px;line-height:30px;margin-right:10px}.brand-symbol span{font-size:19px}.upgrade{margin-left:auto}.header nav{order:3;width:100%;justify-content:center;gap:28px}.nav-button{font-size:13px}main{padding:30px 20px 0}h1{font-size:30px;letter-spacing:-1px}.page-heading{margin-bottom:26px}.eyebrow{font-size:9px}.intro{font-size:14px}.studio{grid-template-columns:1fr;gap:26px}.paper{width:min(100%,330px)}.controls{padding:0 2px}.control-header p br{display:none}.download-section{margin:23px 0}.daily-note p{font-size:13px}.daily-note{margin-top:20px}.workspace-toolbar{padding:14px}.workspace-toolbar>div{gap:8px;font-size:11px}.workspace-footer{padding:12px;font-size:10px}.workspace-footer button{font-size:11px}.bottom-note{gap:13px}.bottom-note p{font-size:13px}.note-aside{display:none}footer{margin:0 20px;flex-wrap:wrap;gap:15px}footer>span{display:none}footer button{margin-left:auto}.pricing-grid{grid-template-columns:1fr}dialog{padding:30px 20px}.card-grid{grid-template-columns:repeat(2,1fr);gap:12px}.prompt-card{padding:10px}.prompt-card svg{height:170px}}

/* Readable controls and a neutral, ink-first workspace. */
label,select,.nav-button,.workspace-toolbar strong,.customize h3,.small,.check-label,.card-grid .prompt-card span{font-size:14px}.control-header p{font-size:16px}.eyebrow,.control-header .eyebrow,.paper-caption,.plus-tag,.fine-print,.daily-note p,footer,footer button,.workspace-footer,.workspace-footer button,.preview-notice,.text-button{font-size:12px}.daily-note strong{font-size:13px}.prompt-card small{display:block;font-size:12px;color:var(--muted);margin-top:7px;line-height:1.5}.prompt-card:hover{border-color:#3454f5;transform:translateY(-2px)}.prompt-card{transition:transform .15s,border-color .15s}.brand-symbol{background:var(--ink);color:white;border-color:var(--ink)}.upgrade:hover{border-color:var(--green);color:var(--green)}.nav-button.active:after{background:var(--green)}.paper-caption{font-size:12px;letter-spacing:1.1px}.pricing-grid ul,.pricing-grid h3 span,.pricing-grid .annual{font-size:14px}.control-header .eyebrow{color:#646a7e}.daily-note{border-left:2px solid #3454f5}.sun{color:var(--green)}@media(max-width:760px){.eyebrow{font-size:12px;letter-spacing:1px}.workspace-toolbar>div{flex-wrap:wrap}.workspace-toolbar strong{font-size:14px}.workspace-footer{flex-wrap:wrap;gap:8px}.upgrade{font-size:12px}.paper-area{padding:24px 16px}.pricing-grid{gap:12px}}

/* Charcoal studio; white paper preserves the exported drawing experience. */
:root{color-scheme:dark;--ink:#f3f3f5;--muted:#a5a6b1;--green:#CCFF00;--lime:#CCFF00;--line:#36363e;--background:#1b1b20;background:var(--background);color:var(--ink)}
.header{border-color:var(--line)}.brand-period,.sun{color:#CCFF00}.brand-symbol{background:#CCFF00;color:#202126;border-color:#CCFF00}.nav-button{color:#adaeb9}.nav-button.active{color:#fff}.nav-button.active:after{background:#CCFF00}.tiny-plus{background:#3b402e;color:#CCFF00}.upgrade{border-color:#55565e;color:#eff0f3}.upgrade:hover{border-color:#CCFF00;color:#CCFF00}.daily-badge{color:#abacb7}.workspace{border-color:#404048;background:#29292f}.workspace-toolbar{background:#26262c}.status-dot{background:#CCFF00}.separator{color:#666773}.paper-area{background-color:#303037;background-image:radial-gradient(#57576166 .6px,transparent .6px)}.paper{box-shadow:0 5px 30px #0003}.paper-caption{color:#adaeba}.workspace-footer{background:#26262c;border-color:#404048;color:#babac5}.control-header .eyebrow{color:#b2b3c0}.control-header p,.muted,.intro,.small{color:var(--muted)}select{background:#28282f;border-color:#474751;color:#f3f3f5}.primary{background:#CCFF00;color:#22271a;font-weight:600}.primary:hover{background:#ddff55}.secondary{border-color:#54545f;color:#eeeef3}.secondary:hover{background:#33333c}.plus-tag{background:#CCFF00;color:#20271a}.fine-print{color:#b2b3bc}.daily-note{background:#2b3027;border-color:#CCFF00}.daily-note>span,.daily-note strong{color:#CCFF00}.daily-note p{color:#c0c5b6}.preview-notice{background:#343b29;color:#dceac0}.bottom-note p,.note-aside{color:#b0b0bc}footer,footer button{color:#b0b0bc}.preview-notice{border:1px solid #50583c}.prompt-card{background:#29292f;border-color:#42424c}.prompt-card:hover{border-color:#CCFF00}.prompt-card small{color:#b0b0bc}.prompt-card svg{color-scheme:light}.pricing-grid article{border-color:#45454f}.pricing-grid .plus-price{background:#2b3224;border-color:#687945}.pricing-grid .annual{color:#c3cfb2}.pricing-grid h3 span{color:#bcbec7}.toast{background:#CCFF00;color:#22271a}.empty-state{border-color:#555560}.collection-notice{color:#b7b7c3}.footer-brand{color:#f3f3f5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#CCFF00}input[type=range],.check-label input{accent-color:#CCFF00}dialog::backdrop{background:#09090bbd}

/* Lime actions, coral creative details, and pink Plus highlights. */
:root{--accent-lime:#CCFF00;--accent-coral:#FF7F50;--accent-pink:#FF69B4}
.brand-period,.sun,.scribble{color:var(--accent-coral)}
.upgrade{border-color:#FF69B480;color:var(--accent-pink)}.upgrade:hover{border-color:var(--accent-pink);color:var(--accent-pink);background:#FF69B414}
.tiny-plus,.plus-tag{background:var(--accent-pink);color:#241b22}
.control-header .eyebrow{color:var(--accent-coral)}
.daily-note{background:#FF7F5010;border-color:var(--accent-coral)}.daily-note>span,.daily-note strong{color:var(--accent-coral)}.daily-note p{color:#d2beb7}
.preview-notice{background:#FF69B410;color:#ffc0df;border-color:#FF69B466}
.pricing-grid .plus-price{background:#FF69B40d;border-color:#FF69B480}.pricing-grid .plus-price>.eyebrow{color:var(--accent-pink)}.pricing-grid .annual{color:#ffc0df}
.prompt-card:hover{border-color:var(--accent-coral)}.text-button{color:var(--accent-pink)}.icon-button[aria-pressed="true"]{color:var(--accent-pink)}

.brand-symbol{font-family:inherit;font-style:normal;font-size:30px;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;transform:none;flex-shrink:0}@media(max-width:1100px){.header{flex-wrap:wrap;height:auto;padding-top:20px;padding-bottom:20px}.header nav{order:3;width:100%;justify-content:center}.header .upgrade{margin-left:auto}}@media(max-width:760px){.brand-symbol{font-size:25px}.brand{font-size:23px}}

/* Approved logo artwork, framed to show the primary lockup. */
.logo-lockup{position:relative;display:block;width:250px;height:82px;flex:0 0 250px;overflow:hidden;mix-blend-mode:screen}.logo-lockup img{position:absolute;width:307.2px;height:204.8px;max-width:none;left:-29px;top:-40px}@media(max-width:760px){.header .logo-lockup{width:220px;flex-basis:220px;height:72px}.logo-lockup img{width:270.34px;height:180.22px;left:-25.52px;top:-35.2px}}

footer{flex-wrap:wrap}.copyright{display:block;flex-basis:100%;font-size:12px;line-height:1.6;color:var(--muted)}

.firework{display:inline-flex;flex-shrink:0;width:64px;height:64px;line-height:1}.firework svg{display:block;width:100%;height:100%}.bottom-note .firework{width:56px;height:56px;transform:rotate(15deg)}

.language-control{display:flex;align-items:center;gap:7px;margin:0;flex-shrink:0}.language-control>span{font-size:22px;color:var(--accent-coral)}.language-control select{width:170px;max-width:100%;font-size:14px;margin:0;padding:10px 8px}.header{flex-wrap:wrap;height:auto;min-height:100px;padding-top:10px;padding-bottom:10px}.header nav{flex-wrap:wrap}.header .upgrade{white-space:normal}.controls button{line-height:1.45}.workspace-toolbar,.workspace-footer{flex-wrap:wrap;gap:8px}@media(max-width:760px){.header{gap:12px}.language-control{margin-left:auto}.language-control select{width:154px}.header nav{gap:20px}.header .upgrade{margin-left:0}.header .logo-lockup{max-width:100%}}

/* Keep both firework messages visible and highlight the Plus studio. */
.page-heading{gap:24px}.daily-badge{flex-shrink:0}
#preview-button{background:var(--accent-pink);border-color:var(--accent-pink);color:#241b22;font-weight:600}
#preview-button:hover{background:#ff8ac5;border-color:#ff8ac5}
@media(max-width:760px){.page-heading{align-items:flex-start}.daily-badge{font-size:14px}.bottom-note{flex-wrap:wrap}.note-aside{display:block;flex-basis:100%;margin-left:0;text-align:left}}

/* Two clear header rows: brand and Plus above navigation and language. */
.header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand plus" "navigation language";column-gap:28px;row-gap:4px;padding-top:8px;padding-bottom:14px}
.header .logo-lockup{grid-area:brand}
.header .upgrade{grid-area:plus;justify-self:end;margin-left:0}
.header nav{grid-area:navigation;justify-content:flex-start;width:auto;gap:28px}
.header .language-control{grid-area:language;justify-self:end;margin:0}
@media(max-width:560px){.header{column-gap:12px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand brand" "navigation plus" "navigation language";row-gap:10px}.header nav{flex-direction:column;align-items:flex-start;gap:0}.header .upgrade{max-width:180px}.header .language-control select{width:154px}.header .nav-button{text-align:left;padding:10px 0}.header .nav-button.active:after{left:0}}

/* Align navigation with the wordmark, past the bulb artwork. */
.header nav{padding-left:56px;min-width:0}
#eyebrow{color:var(--accent-coral)}
@media(max-width:760px){.header nav{padding-left:50px}.header .nav-button{max-width:100%;overflow-wrap:break-word}}