@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&display=swap');
:root{--ink:#22251f;--accent:#a90f68;--line:#282b25;--muted:#62635b;--paper:#fff;--pink:#ff309b;--yellow:#fff16a;--blue:#d9edff}
body{background:#fff;font-size:20px}header{position:relative;max-width:1560px;padding:22px 32px 0;align-items:stretch;border:0;gap:34px}header .brand{font-family:'Kalam','Segoe Print',cursive!important;font-size:clamp(32px,4vw,62px);font-weight:700;letter-spacing:-3px;line-height:1.2;color:var(--ink);padding:4px 0 20px;white-space:nowrap}header .brand span{color:var(--accent)}header nav{align-items:stretch;gap:12px;flex:1;justify-content:flex-end}header nav a{font-size:22px!important;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 18px;border:1px solid var(--line);border-bottom:0;border-radius:10px 13px 0 0;max-width:240px;flex:1;white-space:normal;font-weight:400;background:#fff}nav a b{font-size:14px;font-weight:400;align-self:flex-start;margin-top:10px}header nav a[aria-current=page]{background:var(--yellow);color:var(--ink);box-shadow:inset 0 5px 0 var(--ink)}nav a:hover{text-decoration:underline;text-underline-offset:5px}main{max-width:1560px;padding:0 32px}.intro{display:none!important}.studio{border:0;border-top:2px solid var(--ink);overflow:visible;gap:0;grid-template-columns:minmax(0,1fr) 330px;align-items:start}.drawing{border-right:1px solid var(--ink);padding-right:24px;position:relative}.drawing>.section-label{padding:15px 0;order:0;border-bottom:0;text-transform:lowercase;letter-spacing:0}.drawing>.section-label span:first-child{font-size:29px!important}.drawing>.section-label span:last-child{align-self:center}.build-options{padding:0 0 14px;border-bottom:1px solid var(--ink);gap:16px;order:1}.build-options label{display:flex;align-items:center;gap:12px}.build-options select{margin:0;width:auto;border:0;border-bottom:1px solid var(--ink);padding:5px 20px 5px 0;background:#fff}.build-options button{padding:6px 0;border:0;border-bottom:1px dashed var(--ink);box-shadow:none;border-radius:0}.build-options p:empty{display:none}.build-options p{color:var(--muted);font-size:16px;line-height:1.3}.tools{order:2;padding:12px 0 10px;gap:8px;border:0}.tools button{padding:6px 12px;box-shadow:none}.tools label{font-weight:400}.tools select{margin:0;padding:6px 8px;max-width:100px}.tools input{width:65px}.palette{order:3;padding:0 0 14px;gap:8px}.swatch{width:26px;height:26px;border-radius:2px 4px 3px 2px;border:1px solid #777;box-shadow:none}.swatch[aria-pressed=true]{outline-offset:3px}.canvas-wrap{order:4;flex:none;min-height:0;background:#fff;background-image:radial-gradient(#c8d0cd .7px,transparent .7px);background-size:12px 12px;border:1px solid var(--ink);box-shadow:5px 5px 0 #e4e8e2;display:block;margin:0 5px 6px 0}.canvas-wrap canvas{width:100%;height:auto;aspect-ratio:4/3}.canvas-note{left:auto;right:14px;bottom:12px;padding:3px 8px;background:var(--yellow);color:var(--ink);letter-spacing:0;transform:rotate(-2deg);font-size:16px}.three-controls{order:3;border:0;background:var(--yellow);padding:12px;margin-bottom:12px}.template-picker{order:5;padding:16px 0;border-top:0}.template-picker summary{font-size:24px;letter-spacing:0}.template-picker summary span{font-size:16px}.template-grid{gap:8px}.template-card{border:1px solid var(--ink);border-radius:0;background:#fff;box-shadow:none}.template-card:hover{background:var(--yellow)}.template-card[aria-pressed=true]{background:var(--yellow);border:2px solid var(--ink)}
button,.button{border:1px solid var(--ink);border-radius:3px 7px 4px 5px;background:#fff;color:var(--ink);font-weight:400;box-shadow:2px 2px 0 var(--ink)}button:hover,.button:hover{background:var(--yellow);color:var(--ink);border-color:var(--ink)}button:disabled{cursor:not-allowed}.primary{background:var(--yellow);color:var(--ink);border-color:var(--ink)}button[aria-pressed=true]{background:var(--yellow);color:var(--ink);border-color:var(--ink)}.swatch:hover{border-color:var(--ink)}.swatch[aria-pressed=true]{background:inherit}input:not([type=range]):not([type=color]):not([type=file]),select,textarea{border:0;border-bottom:1px solid #85877f;border-radius:0;background:#fff;padding:8px 1px;line-height:1.4}textarea{border:1px solid #85877f;padding:10px}label{font-weight:400}.personality{border:0;padding:0 0 22px 24px}.personality>.section-label{padding:20px 0 0;border:0;color:var(--accent);letter-spacing:2px}.personality>h2{font-family:'Kalam',cursive!important;font-size:46px;margin:10px 0 20px;line-height:1.1}.personality>label,.personality>#sliders,.personality>button,.personality>p{margin-left:0;margin-right:0}.personality>.primary{width:100%;margin:22px 0 0}.personality label{margin-top:18px}.personality #name{font-size:30px!important;border-bottom:2px solid var(--ink)}.slider{padding:8px 0}.slider label{margin-top:8px}.slider output{background:var(--yellow);padding:0 8px;color:var(--ink);min-width:36px;text-align:center}.slider small{font-size:15px!important}.site-publish{margin:26px 0 0;padding-top:20px;border-top:1px dashed var(--ink)}.site-publish h3{font-size:29px}.site-publish p{margin:10px 0}.site-publish button{width:100%}.small{color:#5b6058}.site-publish input[type=checkbox]{vertical-align:middle;accent-color:var(--accent)}
.market{padding:24px 0 0;border-top:2px solid var(--ink);margin-bottom:0}.market-heading{align-items:center;padding:4px 0 24px;border-bottom:1px solid var(--ink)}.market-heading .eyebrow{margin-bottom:10px;letter-spacing:2px}.market h2{font-family:'Kalam',cursive!important;font-size:clamp(40px,5vw,70px);line-height:1.08;color:var(--accent)}.market-heading p{max-width:340px;font-size:19px;line-height:1.4}.starter-market{margin:24px 0 40px}.catalog-head{margin-bottom:22px}.catalog-head h3{font-size:32px}.catalog-head p{font-size:17px;margin:8px 0;line-height:1.4}.catalog-head label{margin:0}.starter-catalog{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 18px;counter-reset:portraits}.catalog-card{border:0;position:relative;counter-increment:portraits;display:flex;flex-direction:column}.catalog-card canvas{border:1px solid var(--ink);outline:5px solid #fff;box-shadow:5px 5px 0 #e9ebe5;aspect-ratio:1;background:#fff;touch-action:pan-y}.catalog-card .portrait-number{position:absolute;top:8px;left:8px;background:var(--yellow);color:var(--ink);font-size:17px;padding:0 7px;pointer-events:none;border:1px solid var(--ink)}.catalog-card .card-copy{padding:14px 0 0;display:flex;flex-direction:column;flex:1}.catalog-card h4{font-size:27px;line-height:1.1;min-height:1.1em}.catalog-card p{font-size:16px!important;line-height:1.3;margin:6px 0}.catalog-card small{font-size:14px!important;line-height:1.4}.catalog-card button{font-size:18px!important;padding:5px 0;width:100%;border:0;border-bottom:1px solid var(--ink);box-shadow:none;border-radius:0;text-align:left;margin-top:12px;background:#fff}.catalog-card button:hover{background:var(--yellow)}.wallet{border:1px solid var(--ink);background:var(--yellow);padding:18px;gap:16px}.wallet select{background:transparent}.wallet button{background:#fff}.wallet label{min-width:180px}.market-state{border-bottom:1px solid var(--ink)}.doodle-mint{padding:24px 0;border-bottom:1px solid var(--ink)}.doodle-mint h3{font-size:32px}.nft-market{color:var(--ink)!important;border:0!important;padding:24px 0!important}.nft-market h2{font-size:40px}.nft-tools{border-color:var(--ink)}.nft-notice,.nft-note{font-size:16px!important;line-height:1.5}.nft-grid{gap:20px!important}.nft-heading a{text-decoration:underline;text-underline-offset:5px}
.harness{border-top:2px solid var(--ink);grid-template-columns:330px minmax(0,1fr);gap:36px;padding:26px 0}.harness .eyebrow{letter-spacing:2px}.harness h2{font-family:'Kalam',cursive!important;font-size:44px;color:var(--accent);line-height:1.1}.agent-sitting{margin:20px 0;border:1px solid var(--ink);position:relative;background:#fff;box-shadow:5px 5px 0 #e9ebe5}.agent-sitting canvas{aspect-ratio:4/3;cursor:default;touch-action:auto}.agent-sitting figcaption{padding:10px 12px;border-top:1px solid var(--ink);font-size:20px;line-height:1.2;background:var(--yellow)}.agent-sitting small{display:block;font-size:16px;margin-top:4px}.harness>div>p{font-size:18px;line-height:1.5}.chat{border:0;border-left:1px solid var(--ink);padding:0 0 0 30px;min-width:0;min-height:650px}.chat .section-label{margin:0;padding:0 0 18px;color:var(--ink);border-bottom:1px solid var(--ink);letter-spacing:1px}.chat #chatAgent{font-size:24px;color:var(--accent);letter-spacing:0;overflow-wrap:anywhere}.chat-welcome{font-family:'Kalam',cursive!important;font-size:clamp(34px,4.5vw,64px);color:var(--ink);line-height:1.12;letter-spacing:-1px;margin:60px 0 20px;max-width:500px}.chat-welcome small{font-family:'Patrick Hand',cursive!important;font-size:20px;margin-top:24px;color:var(--muted)}#messages{height:400px;min-height:250px;padding:20px 0}.bubble{font-size:19px;line-height:1.6;background:#fff;border:1px solid var(--ink);border-radius:2px 15px 15px 12px;max-width:88%;padding:18px}.bubble.user{background:var(--yellow);margin-left:auto;border-radius:15px 2px 12px 15px}#chatForm{border-top:1px solid var(--ink);padding-top:20px;gap:16px}#chatForm textarea{border:1px solid var(--ink);padding:14px;margin:0;min-width:0}#chatForm button{padding:14px 24px;white-space:nowrap}.harness .button{width:100%;text-align:center}.harness>div:first-child>label{margin-top:24px}footer{max-width:1496px;padding:24px 0;margin:40px auto 0;border-top:2px solid var(--ink);font-size:17px}footer .brand{font-family:'Kalam',cursive!important;font-size:28px;color:var(--accent)}footer>span{letter-spacing:2px;font-size:14px}
:focus-visible{outline:3px solid #245cdc;outline-offset:4px}
@media(min-width:1600px){.studio{grid-template-columns:minmax(0,1fr) 360px}}
@media(max-width:1100px){header{gap:20px}header nav a{padding:10px;font-size:20px!important;gap:6px}.studio{grid-template-columns:minmax(0,1fr) 290px}.drawing{padding-right:18px}.personality{padding-left:18px}.starter-catalog,.nft-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.personality>h2{font-size:38px}.harness{grid-template-columns:290px minmax(0,1fr);gap:24px}}
@media(max-width:850px){header{flex-wrap:wrap;padding:18px 20px 0;gap:8px}header .brand{font-size:44px;padding:0 0 10px}header nav{width:100%;justify-content:stretch;gap:8px}header nav a{max-width:none;min-height:62px}header nav a b{margin-top:3px}main{padding:0 20px}.studio{grid-template-columns:1fr}.drawing{padding-right:0;border-right:0}.personality{padding:24px 0 0;border-top:2px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.personality>.section-label,.personality>h2,.personality>#sliders,.personality>.site-publish,.personality>.small{grid-column:1/-1}.personality>.primary{align-self:end}.personality #sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.personality>h2{margin:8px 0}.starter-catalog,.nft-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.harness{grid-template-columns:1fr}.harness>div:first-child{max-width:none}.agent-sitting{max-width:330px}.harness>div>p,.harness label{max-width:none}.chat{border-left:0;border-top:2px solid var(--ink);padding:24px 0 0;min-height:550px}.harness .button{width:auto}.market-heading{gap:20px}.market-heading p{max-width:280px}footer{margin:30px 20px 0;flex-wrap:wrap}.drawing>.section-label span:last-child{font-size:14px!important}}
@media(max-width:520px){header{padding:16px 14px 0}header .brand{font-size:40px}header nav a{font-size:18px!important;padding:9px 4px;gap:4px}header nav a b{display:none}main{padding:0 14px}.drawing>.section-label span:last-child{display:none}.build-options{gap:10px}.build-options label{min-width:0}.build-options button{margin-left:0}.tools{gap:7px}.tools button{font-size:17px!important;padding:6px 9px}.palette{gap:9px}.palette .custom-color{margin-left:0!important}.swatch{width:25px;height:25px}.personality{grid-template-columns:1fr}.personality>*{grid-column:1!important}.personality #sliders{display:block}.template-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.template-card span{font-size:14px!important}.template-picker summary span{display:block;margin:5px 0 0}.market-heading{display:block}.market-heading p{margin-top:18px}.market h2{font-size:46px}.catalog-head{gap:8px}.catalog-head label{width:100%}.starter-catalog,.nft-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:25px 14px}.catalog-card h4{font-size:23px}.catalog-card .card-copy{padding:12px 0 0}.catalog-card small{font-size:14px!important}.chat-welcome{font-size:42px;margin-top:32px}#chatForm{gap:10px}#chatForm button{padding:14px}.bubble{max-width:96%}footer>span{display:none}}