.atelier{--ink:#622d2b;--muted:#886f64;--line:#e9dfd5;--accent:#c91e70;max-width:1240px;margin:0 auto;padding:48px 30px 70px;scroll-margin-top:calc(var(--atelier-nav,100px) + 16px);color:var(--ink)}
.atelier [hidden]{display:none!important}.atelier-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 24px}.atelier-kicker{font:800 12px/1.4 Nunito,sans-serif;color:var(--accent);margin:0 0 8px}.atelier-heading h2{font:400 34px/1.15 'Fredoka One',cursive;letter-spacing:-.7px;color:var(--ink);margin:0}.atelier-heading>p{font:600 14px/1.5 Nunito,sans-serif;color:var(--muted);margin:0 0 3px}
.atelier-workspace{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);background:#fff;border:1px solid #e5dbd0;border-radius:25px;box-shadow:0 16px 60px #4d302211;overflow:clip}.atelier-preview{min-width:0;padding:21px 25px 20px;background:#fff}.atelier-canvas-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.atelier-status{padding:5px 10px;border:1px solid #eee8df;border-radius:999px;font:800 11px/1.4 Nunito,sans-serif;color:#826d63;background:#faf8f4}.atelier-image-tools{display:flex;align-items:center;gap:9px}.atelier button{font-family:Nunito,sans-serif;cursor:pointer}.atelier button:disabled{opacity:.4;cursor:default}.atelier-image-tools button{min-height:34px;padding:7px 10px;background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--ink);font-size:11px;font-weight:800}.atelier svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#atelierExpand{display:flex;align-items:center;padding:7px}
.atelier-stage{height:440px;display:grid;place-items:center;position:relative;overflow:hidden}.atelier-cake-frame{width:min(100%,420px);aspect-ratio:1;overflow:hidden;position:relative;background:#fff}.atelier-cake-frame>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}.atelier-cake-frame.atelier-example>img{width:300%;height:100%;object-fit:fill;transform:translateX(calc(var(--example,0) * -33.333333%))}.atelier-image-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 2px 14px}.atelier-image-caption p{font:900 16px/1.4 Nunito,sans-serif;margin:0}.atelier-image-caption>span{color:var(--muted);font:600 11px/1.4 Nunito,sans-serif}
.atelier-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.atelier-examples button{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid var(--line);border-radius:13px;background:white;color:var(--ink);padding:7px;font-size:11px;font-weight:800;transition:border-color .18s,transform .18s}.atelier-examples button:hover{transform:translateY(-2px);border-color:#c99aab}.atelier-examples button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.atelier-example-thumb{width:40px;height:44px;display:block;flex:none;overflow:hidden}.atelier-example-thumb img{width:300%;max-width:none;height:100%;object-fit:fill;transform:translateX(calc(var(--example) * -33.333333%))}.atelier-palette{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:16px}.atelier-palette>span{font:700 10px Nunito,sans-serif;color:var(--muted);margin-right:4px}.atelier-palette i{width:14px;height:14px;display:block;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0001}
.atelier-controls{background:#fbf8f3;border-left:1px solid var(--line);padding:26px 30px}.atelier-modes{display:grid;grid-template-columns:1fr 1fr;background:#eee8e0;padding:4px;border-radius:12px;gap:3px;margin-bottom:27px}.atelier-modes button{border:0;border-radius:9px;min-height:42px;background:transparent;color:#82675b;font-size:12px;font-weight:900;padding:7px 6px}.atelier-modes button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 2px 6px #57372610}.atelier-controls h3{font:400 27px/1.2 'Fredoka One',cursive;margin:0 0 10px;color:var(--ink);letter-spacing:-.3px}.atelier-help{font:600 14px/1.55 Nunito,sans-serif;color:var(--muted);margin:0 0 22px}.atelier label{display:block;font:900 12px/1.5 Nunito,sans-serif;margin:0 0 8px;color:#6a4538}.atelier textarea,.atelier select{display:block;width:100%;border:1px solid #dcccbe;border-radius:12px;background:white;color:var(--ink);font:600 14px/1.6 Nunito,sans-serif;padding:13px 14px;box-shadow:none;resize:vertical;margin:0}.atelier textarea{min-height:138px}.atelier textarea::placeholder{color:#aa968a}.atelier textarea:focus,.atelier select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px #ec268f0b}.atelier-prompt-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 23px}.atelier-prompt-tools button,.atelier-text-button{padding:0;border:0;background:transparent;color:var(--accent);font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.atelier-prompt-tools span{font:600 10px Nunito,sans-serif;color:var(--muted)}
.atelier-primary{width:100%;min-height:50px;border:0;border-radius:12px;background:var(--accent);color:#fff;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:900;box-shadow:0 4px 10px #c91e7015;transition:background .16s,transform .16s}.atelier-primary:hover:not(:disabled){background:#ae185f;transform:translateY(-1px)}.atelier-primary:active:not(:disabled){transform:translateY(0)}.atelier-generate-row{display:grid;gap:13px}.atelier-generate-row .atelier-text-button{justify-self:center}.atelier-edit-panel{margin-bottom:19px}.atelier-edit-panel textarea{min-height:90px}.atelier-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.atelier-suggestions button{font-size:10px;font-weight:800;padding:6px 10px;border:1px solid #e4d7c9;color:#86614f;background:#fffdfa;border-radius:999px}.atelier-secondary{min-height:46px;border:1px solid #dfba5d;background:#ffdc71;color:#622d2b;border-radius:12px;font-size:13px;font-weight:900}.atelier-signoff{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:26px;padding-top:21px}.atelier-signoff img{width:33px;height:auto}.atelier-signoff p{font:900 11px/1.45 Nunito,sans-serif;margin:0}.atelier-signoff span{display:block;font-size:10px;color:var(--muted);font-weight:600;max-width:260px;margin-top:3px}
.atelier-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:17px}.atelier-options button{min-height:42px;border:1px solid #dfd2c5;background:white;border-radius:10px;color:var(--ink);font-size:12px;font-weight:900}.atelier-options button[aria-pressed=true]{background:#fff0be;border-color:#dcb354}.atelier select{margin-bottom:17px;min-height:44px;padding:10px 12px}.atelier label.atelier-check{display:flex;align-items:center;gap:9px;margin:12px 0;cursor:pointer}.atelier-check input{accent-color:var(--accent);width:17px;height:17px}#atelierStartBuild{margin-top:22px}.atelier-step-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font:900 11px Nunito,sans-serif;margin-bottom:10px}.atelier-step-dots{display:flex;gap:5px;margin-bottom:25px}.atelier-step-dots i{flex:1;height:4px;border-radius:8px;background:#e4dad0}.atelier-step-dots i.done{background:#ec268f}#atelierBuildGenerate{margin-top:17px}
.atelier-history-area{margin-top:19px}.atelier-history-label{display:flex;justify-content:space-between;gap:12px;font:900 11px Nunito,sans-serif;margin-bottom:10px}.atelier-history-label span:last-child{color:var(--muted);font-weight:600}.atelier-history{display:flex;gap:9px;overflow:auto;padding:2px 2px 8px}.atelier-history button{flex:none;width:65px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:10px}.atelier-history button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.atelier-history img{width:55px;height:55px;object-fit:contain;display:block}.atelier-working{position:absolute;inset:auto 20px 13px;display:flex;justify-content:center;align-items:center;gap:8px;border-radius:999px;background:#fffdf5ed;border:1px solid #e4d8c7;padding:10px}.atelier-working span{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:atelierPulse 1.1s ease-in-out infinite alternate}.atelier-working p{font:800 12px Nunito,sans-serif;margin:0;color:var(--ink)}@keyframes atelierPulse{to{opacity:.3;transform:scale(.7)}}
.atelier-error{border-left:3px solid #be2861;padding:10px 13px;color:#8c2146;font:700 13px/1.5 Nunito,sans-serif;background:#fff0f4;margin-top:15px;border-radius:0 8px 8px 0}.atelier-finish{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.atelier-finish h4{font:900 15px Nunito,sans-serif;margin:0 0 3px}.atelier-finish p{font:600 11px/1.4 Nunito,sans-serif;color:var(--muted);margin:0}.atelier-save{display:flex;align-items:center;gap:8px;padding:10px 12px;min-height:43px;border:1px solid #c8b29d;border-radius:10px;background:#fff;color:var(--ink);font-size:11px;font-weight:900}.atelier-finish>a{grid-column:1/-1;font:800 12px Nunito,sans-serif;color:var(--accent);text-underline-offset:3px;justify-self:start}.atelier-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.atelier button:focus-visible,.atelier a:focus-visible{outline:3px solid #c91e70;outline-offset:3px}
.atelier-viewer{position:fixed;inset:0;width:min(90vw,850px);max-height:90dvh;padding:35px;margin:auto;border:0;border-radius:20px;background:white;box-shadow:0 25px 100px #0005}.atelier-viewer::backdrop{background:#321f19a6;backdrop-filter:blur(3px)}.atelier-viewer>button{position:absolute;right:12px;top:8px;width:40px;height:40px;border:0;border-radius:50%;background:#f4eee8;color:#622d2b;font-size:26px;cursor:pointer;z-index:2}.atelier-viewer .atelier-cake-frame{width:min(100%,70dvh);margin:auto}
@media(max-width:1000px) and (min-width:701px){.atelier{padding:35px 20px 50px}.atelier-controls{padding:22px}.atelier-preview{padding:18px}.atelier-stage{height:360px}.atelier-heading>p{display:none}.atelier-examples button{flex-direction:column;text-align:center}.atelier-image-caption{display:block}}
@media(max-width:700px){.atelier{padding:25px 12px 36px;scroll-margin-top:calc(var(--atelier-nav,91px) + 8px)}.atelier-heading{margin-bottom:16px;padding:0 7px;display:block}.atelier-heading h2{font-size:26px}.atelier-heading>p{font-size:12px;margin-top:7px}.atelier-kicker{font-size:11px;margin-bottom:6px}.atelier-workspace{display:block;overflow:visible;border-radius:20px}.atelier-preview{padding:12px;border-radius:20px 20px 0 0;position:sticky;top:var(--atelier-nav,91px);z-index:3;box-shadow:0 5px 12px #4d302207}.atelier-stage{height:230px}.atelier-cake-frame{width:230px}.atelier-canvas-head{gap:6px}.atelier-status{font-size:10px}.atelier-image-tools button{min-height:36px;font-size:10px}.atelier-image-caption{display:none}.atelier-examples{gap:6px}.atelier-examples button{font-size:10px;gap:4px;padding:5px;border-radius:10px}.atelier-example-thumb{width:29px;height:32px}.atelier-palette{display:none}.atelier-history-area{margin-top:10px}.atelier-history-label{display:none}.atelier-history{gap:6px;padding-bottom:0}.atelier-history button{width:44px;font-size:9px;padding:2px}.atelier-history img{width:38px;height:32px}.atelier-controls{border-left:0;border-top:1px solid var(--line);padding:20px 19px 23px;border-radius:0 0 20px 20px}.atelier-controls h3{font-size:24px}.atelier-modes{margin-bottom:22px}.atelier-help{font-size:13px;margin-bottom:17px}.atelier textarea,.atelier select{font-size:16px}.atelier-prompt-tools span{display:none}.atelier-prompt-tools button{min-height:34px;text-align:left;font-size:11px}.atelier-primary{min-height:49px}.atelier-generate-row{position:sticky;bottom:8px;z-index:4;padding-top:5px;background:#fbf8f3;border-radius:12px}.atelier-suggestions button{min-height:34px}.atelier-signoff{margin-top:22px}.atelier-viewer{padding:30px 10px 10px}}
@media(max-width:700px) and (max-height:650px){.atelier-stage{height:140px}.atelier-cake-frame{width:140px}.atelier-examples{display:none}}
@media(prefers-reduced-motion:reduce){.atelier *{animation:none!important;transition:none!important}}

.atelier-inline-chat{display:block;border:0;background:transparent;color:#c91e70;padding:6px 0;font:800 11px Nunito,sans-serif;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){body.atelier-in-view #chatbot-toggle:not(.open){display:none}.atelier-inline-chat{min-height:44px}}