.workshop{--brand-ink:#24211f;--brand-accent:#a56d47;--brand-paper:#f7efe6;--brand-font:Georgia,serif;padding:75px var(--pad);background:linear-gradient(145deg,#fff,#faf6f3);scroll-margin-top:90px;border-top:1px solid #e4d9d0}.workshop .section-intro{max-width:none}.workshop h2{font:500 clamp(32px,3.2vw,49px)/1.2 var(--disp);letter-spacing:-.035em}.workshop-intro{font-size:14px;color:#847467;margin-top:15px}.workshop-layout{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.4fr);gap:38px;align-items:start}.workshop-controls{border:1px solid #ded0c5;border-radius:10px;background:#ffffffb8;padding:26px}.brand-guide{display:flex;align-items:center;gap:15px;border-bottom:1px solid #e9dfd7;padding-bottom:20px;margin-bottom:23px}.guide-portrait{width:53px;height:65px;overflow:hidden;flex-shrink:0;position:relative;background:#f7efea;border-radius:6px}.guide-portrait img{position:absolute;width:125px;max-width:none;height:250px;left:-36px;top:-8px}.brand-guide p{font-size:12px;line-height:1.7;color:#7f6b5c}.brand-steps{display:flex;gap:7px;margin-bottom:28px}.brand-steps button{flex:1;border:0;border-bottom:2px solid #e6ddd6;background:none;text-align:start;padding:9px 0;color:#8e7a6a;font:10px/1.5 var(--body);cursor:pointer}.brand-steps button>span:first-child{display:block;font:10px var(--mono);margin-bottom:7px}.brand-steps button[aria-current=step]{color:#362820;border-color:#976747}.brand-steps .is-done{border-color:#ceb39f}#brand-form{display:grid;gap:20px}.brand-step{border:0;min-width:0}.brand-step legend{font:500 24px var(--disp);margin-bottom:22px}.brand-field{display:grid;gap:9px;font-size:12px;color:#6e594a;margin-bottom:20px}.brand-field small{font-size:10px;color:#978575}.brand-field input{padding:12px!important}.brand-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.brand-choice{position:relative;cursor:pointer;min-width:0}.brand-choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.brand-choice>span{display:block;padding:17px 12px;border:1px solid #e0d4cb;border-radius:7px;background:#fff;height:100%}.brand-choice b{display:block;font:500 21px var(--disp);color:#574031}.brand-choice small{display:block;font-size:10px;color:#887466;line-height:1.65;margin-top:6px}.brand-choice input:checked+span{border-color:#9d7050;background:#f8f0e9;box-shadow:inset 0 0 0 1px #9d7050}.brand-choice input:focus-visible+span{outline:2px solid #936342;outline-offset:3px}.palette-choice{grid-template-columns:1fr}.palette-choice .brand-choice>span{display:flex;align-items:center;gap:12px;padding:14px}.palette-choice b{font:12px var(--body)}.palette-dots{display:flex;gap:3px}.palette-dots i{width:22px;height:28px;border:1px solid #0000000d;border-radius:3px}.brand-actions{display:flex;justify-content:space-between;gap:10px}.brand-actions .btn{font-size:12px;padding:12px 16px;min-height:44px}.brand-privacy{font-size:10px;line-height:1.7;color:#947f6e;margin-top:20px}#brand-error,#brand-status{font-size:12px;color:#873d36}#brand-error:empty,#brand-status:empty{display:none}.brand-board{min-width:0;border:1px solid #ded0c5;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 22px 55px -40px #4d372660}.brand-board-top{padding:15px 22px;border-bottom:1px solid #ded0c5;display:flex;justify-content:space-between;font:9px var(--mono);color:#927054}.brand-identity{background:var(--brand-paper);color:var(--brand-ink);text-align:center;padding:25px 24px 30px;transition:background .35s,color .35s}.brand-mark{width:120px;height:120px;margin:0 auto 9px}.brand-mark svg{display:block;width:100%;height:100%}.brand-identity h3{font:32px/1.3 var(--brand-font);overflow-wrap:anywhere}.brand-identity p{font:11px var(--body);margin-top:10px;color:var(--brand-accent)}[data-style=bold] .brand-identity h3{font-weight:900;letter-spacing:-.045em}[data-style=natural] .brand-identity h3{font-style:italic}[data-style=playful] .brand-identity h3{font-weight:bold}.brand-mockups{padding:20px;display:grid;grid-template-columns:1fr 1.2fr;gap:18px;background:#fcfaf8}.brand-mockup-label{display:block;font:8px var(--mono);color:#947964;margin-bottom:12px}.brand-business-card{background:var(--brand-ink);color:var(--brand-paper);padding:20px 15px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-3deg);border-radius:3px;box-shadow:0 10px 20px -15px #0007;overflow-wrap:anywhere}.brand-business-card strong{font:19px/1.3 var(--brand-font)}.brand-business-card small{font-size:9px;color:var(--brand-paper);opacity:.8}.brand-business-card .brand-card-line{height:2px;width:35px;background:var(--brand-accent);margin-top:25px}.brand-web{background:var(--brand-paper);border:1px solid #0001;border-radius:4px;overflow:hidden;color:var(--brand-ink);min-height:180px}.brand-web-bar{font:8px var(--body);padding:10px;border-bottom:1px solid #0001;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-web-content{padding:15px}.brand-web h4{font:20px/1.1 var(--brand-font);max-width:14ch}.brand-web p{font-size:8px;line-height:1.7;max-width:26ch;margin-top:10px}.brand-web-button{font-size:8px;display:inline-block;padding:6px 9px;background:var(--brand-ink);color:var(--brand-paper);margin-top:13px;border-radius:3px}.brand-specs{padding:18px 22px;display:flex;flex-wrap:wrap;gap:18px 30px;border-top:1px solid #e8ddd5}.brand-specs small{display:block;font:8px var(--mono);color:#947964;margin-bottom:10px}#brand-colors{display:flex;gap:12px}#brand-colors>span{font:9px var(--mono);color:#615349}#brand-colors i{display:block;width:35px;height:12px;border:1px solid #0001;margin-bottom:6px}#brand-font-name{font-size:11px;color:#615349}.brand-result{grid-column:1/-1;padding:32px;border:1px solid #ccb096;border-radius:9px;background:#fff}.brand-result h3{font:500 29px var(--disp);margin-bottom:12px}.brand-result>p{font-size:13px;color:#83705f;max-width:70ch}.brand-result-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.brand-result-actions .btn{font-size:12px}.brand-brief{white-space:pre-wrap;font:12px/1.8 var(--body);padding:20px;background:#faf6f2;border:1px solid #e5d8cd;border-radius:6px;overflow-wrap:anywhere;margin:22px 0}.brand-contact-link{display:inline-flex;max-width:100%;text-align:center}.brand-contact-hint{font-size:11px!important;margin-top:13px}.brand-edit{border:0;background:none;color:#966443;cursor:pointer;font:12px var(--body);text-decoration:underline;text-underline-offset:4px;margin-inline-start:auto}.workshop-launch{margin-top:18px}.hero-central .central-contact{flex-wrap:wrap}.hero-central .central-contact>.btn-ghost{font-size:11px}.hero-central .central-contact>span{display:none}
@media(max-width:1000px){.workshop-layout{gap:22px;grid-template-columns:minmax(270px,.8fr) minmax(0,1fr)}.brand-mockups{grid-template-columns:1fr}.brand-business-card{min-height:150px}.brand-web{min-height:180px}}
@media(max-width:820px){.workshop{padding:45px 18px}.workshop-layout{grid-template-columns:1fr}.workshop-controls{padding:22px}.brand-step{min-height:0}.brand-mockups{grid-template-columns:1fr 1fr;gap:12px;padding:15px}.brand-web h4{font-size:17px}.brand-business-card{min-height:190px}.brand-business-card strong{font-size:16px}.brand-web-content{padding:12px}.brand-web{min-height:190px}.brand-result{padding:23px}.brand-result-actions .btn{font-size:11px;padding-inline:14px}.brand-contact-link{font-size:12px!important}.brand-identity{padding-block:23px}.brand-mark{width:100px;height:100px}.brand-edit{margin-inline-start:0}.hero-central .central-contact{gap:10px}}
@media(prefers-reduced-motion:reduce){.brand-identity{transition:none}.brand-business-card{transform:none}}
.workshop-launch{text-align:center;position:relative;z-index:4}.workshop-intro-link{display:inline-block;font:11px var(--body);color:#8d5d3d;text-decoration:none;border-bottom:1px solid #ba987c;padding:5px 0}.workshop-intro-link:hover{color:#342519;border-color:#342519}

/* Expanded workshop: the preview remains in view while details are adjusted. */
.workshop .brand-board{position:sticky;top:96px}
.workshop .brand-steps{gap:10px}.workshop .brand-steps button{min-width:0;font-size:10px}
.brand-tool{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #cbb29d;border-radius:5px;padding:10px 16px;background:#ffffffb0;color:#795235;font:12px var(--body);cursor:pointer}.brand-tool:hover{background:#f4eae1;border-color:#926b4c}.brand-tool:focus-visible,.brand-supports button:focus-visible,.brand-saved-card button:focus-visible{outline:2px solid #895d3b;outline-offset:3px}
#brand-shuffle{margin-top:18px;width:100%}.workshop .palette-choice{grid-template-columns:1fr 1fr}.workshop .palette-choice .brand-choice>span{display:block;padding:12px}.workshop .palette-choice .palette-dots{margin-bottom:9px}.workshop .palette-choice b{font-size:11px}.workshop .palette-dots i{width:22px;height:23px}
.brand-custom{border-block:1px solid #e4d7cc;margin-top:20px;padding:15px 0}.brand-custom summary{font:12px var(--body);cursor:pointer;color:#74523b;min-height:28px}.brand-custom p,.brand-field-note{font:11px/1.8 var(--body);color:#806b5b;margin:10px 0 16px}.brand-color-editors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.brand-color-editors .brand-field{font-size:10px;margin:0 0 10px}.brand-color-editors input{min-width:0;width:100%;padding:9px 4px!important;font:11px var(--mono);text-align:center}.brand-custom small{display:block;font-size:10px;line-height:1.7;color:#806b5b}.workshop input[aria-invalid=true]{border-color:#a33333!important;outline-color:#a33333}.brand-contrast{font:10px/1.7 var(--body);color:#476350;margin-top:13px}.brand-contrast[data-low=true]{color:#9e432e}
.brand-field select{width:100%;padding:13px 10px;border:1px solid #d5c6ba;border-radius:5px;background:#fff;color:#49372a;font:12px var(--body);min-height:44px}.brand-field input[type=range]{padding:0!important;width:100%;height:28px;accent-color:#977052;cursor:pointer}.brand-field output{font:11px var(--mono);color:#8c6c51}.brand-tagline{font-size:12px!important;line-height:1.7;color:var(--brand-ink)!important;max-width:45ch;margin-inline:auto;overflow-wrap:anywhere}
.workshop .brand-identity h3,.brand-business-card strong,.brand-web h4,.brand-social-poster strong,.brand-bag strong,.brand-label strong{font-family:var(--brand-font);font-weight:var(--brand-weight);font-style:var(--brand-italic);letter-spacing:var(--brand-spacing)}
.brand-supports{display:flex;flex-wrap:wrap;gap:4px;padding:12px 16px;border-top:1px solid #e3d9d0;border-bottom:1px solid #e3d9d0;background:#fff}.brand-supports button{flex:1;min-height:36px;border:1px solid transparent;background:none;border-radius:4px;color:#8c7767;font:11px var(--body);cursor:pointer;padding:7px 9px}.brand-supports button[aria-pressed=true]{border-color:#d6bda9;background:#f6eee7;color:#6b472e}.brand-supports button:hover{background:#faf5f0}
.brand-social{padding:18px max(20px,15%);background:#faf8f5}.brand-social-top,.brand-social-footer{display:flex;align-items:center;gap:10px;background:#fff;padding:10px;font:10px var(--body);color:#746455}.brand-social-top>[data-brand-name]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-social-avatar{width:25px;height:25px;background:var(--brand-paper);border-radius:50%;flex-shrink:0}.brand-social-avatar svg{display:block;width:100%;height:100%}.brand-social-poster{position:relative;isolation:isolate;overflow:hidden;background:var(--brand-paper);color:var(--brand-ink);min-height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:22px}.brand-social-poster .brand-mark{width:65px;height:65px}.brand-social-poster strong{font-size:28px;line-height:1.25;overflow-wrap:anywhere;max-width:100%}.brand-social-poster p{font:11px/1.6 var(--body);margin-top:13px;max-width:26ch;overflow-wrap:anywhere}.brand-social-orbit{position:absolute;inset:20px -45px;border:1px solid var(--brand-accent);border-radius:50%;transform:rotate(-27deg);opacity:.3;z-index:-1}.brand-social-footer{justify-content:space-between;font-size:9px}
.brand-pack{position:relative;display:flex;justify-content:center;align-items:center;gap:22px;padding:40px 20px 43px;min-height:310px;background:linear-gradient(135deg,#f4ede6,#fdfcfb);overflow:hidden}.brand-bag{position:relative;width:185px;min-height:210px;background:var(--brand-paper);border:1px solid #0002;box-shadow:10px 12px 0 -2px #0000000c,0 15px 22px -18px #0006;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 14px 20px;text-align:center;transform:rotate(-5deg)}.brand-bag-handle{position:absolute;width:62px;height:47px;top:-28px;border:4px solid var(--brand-ink);border-bottom:0;border-radius:36px 36px 0 0;opacity:.7}.brand-bag .brand-mark{width:67px;height:67px}.brand-bag strong{font-size:20px;color:var(--brand-ink);overflow-wrap:anywhere;max-width:100%}.brand-bag small{font:9px/1.6 var(--body);color:var(--brand-ink);margin-top:13px;overflow-wrap:anywhere;max-width:100%}.brand-label{width:98px;min-height:154px;border:1px solid #0002;background:var(--brand-paper);color:var(--brand-ink);padding:19px 8px 12px;text-align:center;transform:rotate(9deg);box-shadow:0 10px 20px -15px #0007;position:relative}.brand-label:before{content:'';position:absolute;top:7px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#b2a397}.brand-label>[data-brand-mark]{display:block;width:48px;height:48px;margin:0 auto 8px}.brand-label svg{width:100%;height:100%}.brand-label strong{display:block;font-size:12px;overflow-wrap:anywhere}.brand-label small{display:block;font:8px/1.5 var(--body);margin-top:8px;overflow-wrap:anywhere}.brand-pack>p{position:absolute;bottom:12px;font:9px var(--mono);color:#987d65;text-align:center}
.brand-board-actions{border-top:1px solid #e3d9d0;padding:14px 20px;display:flex;align-items:center;gap:14px}.brand-board-actions>span{font:11px/1.6 var(--body);color:#785c46;flex:1}.brand-board-actions .brand-tool{flex-shrink:0}
.brand-saved{grid-column:1/-1;border-top:1px solid #ddcbbb;padding-top:25px}.brand-saved h3{font:500 28px var(--disp);color:#614532}.brand-saved>p{font:12px/1.7 var(--body);color:#8c7563;margin:10px 0 20px}#brand-saved-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.brand-saved-card{border:1px solid #dac8b9;border-radius:7px;background:#fff;overflow:hidden;min-width:0}.brand-saved-preview{padding:12px;height:115px;display:grid;place-items:center}.brand-saved-preview svg{width:90px;height:90px}.brand-saved-card>strong,.brand-saved-card>small{display:block;margin:13px 15px 0;overflow-wrap:anywhere}.brand-saved-card>strong{font:20px var(--disp);color:#64442f}.brand-saved-card>small{font:11px var(--body);color:#886e59}.brand-saved-card>div:last-child{display:flex;gap:8px;padding:16px}.brand-saved-card button{min-height:38px;flex:1;padding:8px;border:1px solid #d7c2b1;border-radius:4px;background:#faf4ee;color:#705039;font:11px var(--body);cursor:pointer}.brand-saved-card button:last-child{background:white;color:#927c6a}.brand-mobile-preview{display:none}#brand-live-preview{scroll-margin-top:92px}
@media(min-width:821px) and (max-height:900px){.workshop .brand-board{position:static}}
@media(max-width:820px){.workshop .brand-board{position:static}.brand-mobile-preview{display:block;font:12px var(--body);color:#966543;text-underline-offset:4px;padding:8px 0}.brand-steps button{font-size:9px!important}.brand-color-editors{gap:5px}.brand-board-actions{padding:12px;flex-wrap:wrap}.brand-board-actions>span{flex-basis:100%}.brand-supports{padding:9px 8px}.brand-supports button{font-size:10px;padding-inline:6px}.brand-social{padding:15px}.brand-pack{gap:16px}.brand-bag{width:160px}.brand-saved-card>strong{font-size:17px}#brand-saved-list{grid-template-columns:1fr}.brand-saved-card{display:grid;grid-template-columns:100px minmax(0,1fr)}.brand-saved-preview{grid-row:1/4;height:100%;min-height:155px}.brand-saved-card>div:last-child{padding:12px}.brand-result-actions{gap:8px}.brand-result-actions .btn{flex:1 1 130px}.brand-result-actions .brand-edit{flex-basis:100%;text-align:start;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.brand-bag,.brand-label,.brand-social-orbit{transform:none}}