.extra-section{padding-block:42px}.extra-heading{max-width:820px;margin:0 auto 30px;text-align:center}.extra-heading h2{font-size:clamp(29px,3.4vw,44px);line-height:1.16}.extra-heading>p{font-size:15px;line-height:1.85;margin:20px auto 0;max-width:760px}.extra-section button,.extra-section input,.extra-section select,.extra-section textarea{font:inherit}.extra-section button{cursor:pointer}.extra-section button:focus-visible,.extra-section input:focus-visible,.extra-section textarea:focus-visible,.extra-section select:focus-visible{outline:3px solid #0088ff;outline-offset:4px}.gallery-filters{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:26px}.gallery-filters button,.layout-choices button{border:1px solid #d6d3cb;border-radius:40px;background:transparent;padding:10px 16px;font-size:12px;color:#66635e;transition:color .2s,background .2s,transform .2s}.gallery-filters button[aria-pressed=true],.layout-choices button[aria-pressed=true]{background:#23231f;color:white;border-color:#23231f}.gallery-filters button:hover,.layout-choices button:hover{transform:translateY(-2px)}.filter-count{font-size:11px;color:#858178;margin-left:8px}.inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.inspiration-item{min-width:0}.inspiration-item[hidden]{display:none!important}.inspiration-frame{height:320px;padding:24px;background:#e6e2da;position:relative;border-radius:24px;overflow:hidden;display:flex;align-items:center;justify-content:center}.inspiration-item:nth-child(3n+2) .inspiration-frame{background:#e2e4df}.inspiration-item:nth-child(3n) .inspiration-frame{background:#e6dfe7}.inspiration-frame:after{content:'';position:absolute;width:150px;height:150px;border:1px solid #fff7;border-radius:50%;right:-40px;top:-45px;pointer-events:none}.inspiration-frame img{height:100%;width:100%;object-fit:contain;border-radius:9px;filter:drop-shadow(0 10px 12px #28251d1a);transition:transform .65s cubic-bezier(.2,.7,.2,1)}.inspiration-item:hover img{transform:translateY(-6px) rotate(-3deg) scale(1.03)}.frame-index{position:absolute;left:15px;bottom:13px;padding:3px 10px;background:#ffffffe0;border-radius:25px;color:#666158;font-size:10px}.inspiration-caption{padding:21px 9px 5px}.inspiration-caption h3{font-size:22px;margin-bottom:12px}.inspiration-caption p{font-size:14px;line-height:1.8}.text-link{display:inline-block;margin-top:16px;font-size:12px;border-bottom:1px solid #aaa49a;padding-bottom:3px}.text-link:hover{color:#0073db;border-color:#0073db}.lab-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dfdcd4;border-radius:32px;overflow:hidden;background:#e8e5df}.lab-controls{padding:35px}.widget-label{display:block;font-size:10px;letter-spacing:.12em;color:#7d786e;margin-bottom:16px}.lab-controls h3{font-size:27px;margin-bottom:22px}.palette-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:30px}.palette-choice{display:flex;align-items:center;gap:12px;padding:13px 12px;border:1px solid transparent;border-radius:15px;background:#f4f2ed;text-align:left;font-size:12px!important;transition:border-color .2s,background .2s,transform .2s}.palette-choice[aria-pressed=true]{border-color:#36392f;background:#fffdf9;box-shadow:0 3px 10px #00000008}.palette-choice:hover{transform:translateY(-2px)}.palette-swatches{display:flex;padding-right:4px}.palette-swatches i{width:23px;height:23px;border-radius:50%;margin-right:-6px;border:2px solid #f4f2ed}.layout-choices{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:30px}.layout-choices button{font-size:11px;padding:9px 12px}.preview-input{border:0;border-bottom:1px solid #bbb7ad;background:transparent;width:100%;padding:9px 0 14px;font-size:21px!important;font-weight:600!important;letter-spacing:-.025em}.lab-explanation{display:block;font-size:12px;color:#807b71;margin-top:15px;line-height:1.6}.lab-stage{--paper:#e8eddf;--paint:#243b30;--pop:#cc8253;padding:35px 35px 18px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#d7d4cb;overflow:hidden}.design-preview{background:var(--paper);color:var(--paint);position:relative;width:min(330px,100%);aspect-ratio:4/5;box-shadow:0 18px 40px #25211926;overflow:hidden;isolation:isolate;transition:background .6s,color .6s,transform .7s;transform:rotate(-3deg);padding:22px;display:flex;flex-direction:column;justify-content:space-between}.preview-edition,.preview-footnote{position:relative;z-index:2;font-size:8px;letter-spacing:.08em}.preview-shapes{position:absolute;inset:0;z-index:-1}.preview-shapes i{position:absolute;display:block;background:var(--pop);border-radius:50%;width:55%;aspect-ratio:1;top:19%;left:23%;transition:background .6s,transform .8s,left .8s,top .8s,border-radius .8s}.preview-shapes i:nth-child(2){width:33%;top:46%;left:49%;background:var(--paint)}.preview-shapes i:nth-child(3){width:21%;top:49%;left:22%;background:var(--paper);border:1px solid var(--paint)}.preview-heading{position:relative;margin-top:auto;margin-bottom:20px;max-width:100%;font-size:40px;font-weight:700;line-height:.95;letter-spacing:-.065em;overflow-wrap:anywhere;z-index:2;white-space:normal;transition:transform .7s,font-size .5s}.design-preview[data-layout-name=offset]{transform:rotate(3deg)}.design-preview[data-layout-name=offset] .preview-shapes i:first-child{left:53%;top:7%;border-radius:15%;transform:rotate(25deg)}.design-preview[data-layout-name=offset] .preview-shapes i:nth-child(2){left:-10%;top:38%}.design-preview[data-layout-name=offset] .preview-heading{transform:translateY(-8px);font-size:45px}.design-preview[data-layout-name=bold] .preview-shapes i:first-child{transform:scale(1.7);top:8%}.design-preview[data-layout-name=bold] .preview-shapes i:nth-child(2){transform:scale(.65);top:10%;left:63%}.design-preview[data-layout-name=bold] .preview-heading{font-size:54px}.palette-values{font-size:10px;letter-spacing:.06em;color:#625e55;margin-top:22px}.workbench-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.prompt-controls,.generated-prompt{padding:30px;border-radius:25px;background:#e7e5df}.prompt-controls>label:not(.space-toggle),.select-pair label{display:block;font-size:12px;margin-bottom:9px;color:#5e5a51}.prompt-controls textarea,.prompt-controls select{width:100%;border:1px solid #d4d0c6;background:#fdfcf9;color:#302e28;border-radius:13px;padding:13px;font-size:13px;line-height:1.6}.prompt-controls textarea{resize:vertical;min-height:112px;max-height:220px}.select-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.select-pair select{padding-right:24px}.space-toggle{display:flex;gap:10px;align-items:center;color:#666057;font-size:12px;line-height:1.5}.space-toggle input{accent-color:#474f3e;width:17px;height:17px;flex-shrink:0}.prompt-options{display:flex;gap:14px;align-items:center;margin-top:24px}.shuffle-prompt,.copy-composed{border:0;border-radius:30px;padding:12px 18px;background:#292923;color:#fff;font-size:12px!important;transition:transform .2s,background .2s}.shuffle-prompt:hover,.copy-composed:hover{background:#4c5541;transform:translateY(-2px)}.reset-prompt,.reset-checklist{border:0;background:transparent;padding:5px 0;font-size:11px!important;color:#787267;text-decoration:underline;text-underline-offset:4px}.generated-prompt{background:#e4eadb;position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden}.generated-prompt:before{content:'✦';font-size:130px;position:absolute;right:-10px;top:-30px;color:#d1dcc5;pointer-events:none}.generated-prompt output{font-size:19px;line-height:1.65;position:relative;display:block;white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 26px}.generated-prompt .widget-label{position:relative}.prompt-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:12px}.prompt-length{font-size:10px;color:#777d6c;white-space:nowrap}.composed-status{display:block;min-height:20px;margin-top:10px;font-size:12px;color:#4d6045}.generated-prompt small{font-size:11px;line-height:1.6;color:#747969;margin-top:7px}.editorial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}.editorial-grid article{padding:25px 5px 0;border-top:1px solid var(--line)}.editorial-number{font-size:12px;color:#9a9387;display:block;margin-bottom:17px}.editorial-grid h3{font-size:23px;margin-bottom:15px}.editorial-grid p{font-size:14px;line-height:1.85}.readiness-room{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.readiness-copy h2{font-size:clamp(29px,3vw,40px)}.readiness-copy>p{font-size:14px;line-height:1.85;margin-top:22px}.readiness-score{display:flex;align-items:center;gap:20px;margin-top:25px}.score-ring{display:grid;place-items:center;flex-shrink:0;width:80px;height:80px;border-radius:50%;background:conic-gradient(#718062 var(--progress),#ddd9d0 0);position:relative;transition:--progress .4s}.score-ring:before{content:'';position:absolute;inset:6px;background:var(--bg);border-radius:50%}.score-ring strong{position:relative;font-size:20px;font-weight:500;letter-spacing:-.04em}.readiness-message{display:block;font-size:12px;color:#6b7060;max-width:270px;line-height:1.65}.reset-checklist{margin-top:4px}.readiness-list{border:0;margin:0;padding:20px 25px;background:#e9e7e0;border-radius:25px;min-width:0}.readiness-list legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.readiness-list label{display:flex;gap:13px;align-items:center;padding:19px 0;border-bottom:1px solid #d8d4ca;font-size:14px;line-height:1.55;cursor:pointer;position:relative}.readiness-list label:last-child{border:0}.readiness-list input{position:absolute;left:0;top:50%;width:24px;height:24px;opacity:0;transform:translateY(-50%)}.custom-check{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border:1px solid #beb9ad;border-radius:7px;transition:background .25s,border-color .25s,transform .25s;background:#f5f3ed}.readiness-list input:checked+.custom-check{background:#738467;border-color:#738467;transform:scale(1.06)}.readiness-list input:checked+.custom-check:after{content:'✓';color:#fff;font-size:15px}.readiness-list input:focus-visible+.custom-check{outline:3px solid #0088ff;outline-offset:3px}.readiness-list input:checked~span:last-child{color:#536548}.readiness-room.is-complete .score-ring{animation:complete-pop .45s ease-out}.extra-ready{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--order,0)*45ms)}.extra-visible{opacity:1;transform:none}.motion-paused .extra-section *{animation-play-state:paused!important;transition-duration:0s!important}.motion-paused .extra-ready{opacity:1;transform:none}@property --progress{syntax:'<percentage>';inherits:false;initial-value:0%}@keyframes complete-pop{50%{transform:scale(1.09)}}
@media(max-width:1000px){.lab-controls,.lab-stage{padding:25px}.palette-choice{gap:9px;padding:11px 9px;font-size:11px!important}.palette-swatches i{width:20px;height:20px}.inspiration-frame{height:265px;padding:17px}.readiness-room{gap:30px}.prompt-controls,.generated-prompt{padding:24px}.select-pair{grid-template-columns:1fr}.preview-heading{font-size:35px}}
@media(max-width:700px){.extra-section{padding-block:28px}.extra-heading{margin-bottom:24px}.extra-heading>p{font-size:14px;line-height:1.8;margin-top:17px}.gallery-filters{gap:7px;margin-bottom:20px}.gallery-filters button{font-size:11px;padding:9px 11px}.filter-count{font-size:10px}.inspiration-grid{grid-template-columns:1fr;gap:25px}.inspiration-frame{height:340px;padding:25px}.inspiration-caption{padding:17px 4px 0}.inspiration-caption h3{font-size:22px}.inspiration-caption p{font-size:14px}.lab-grid{grid-template-columns:1fr;border-radius:25px}.lab-controls{padding:25px 21px}.lab-stage{padding:32px 35px 20px}.design-preview{max-width:290px}.palette-choices{margin-bottom:25px}.palette-choice{font-size:12px!important;padding:12px}.palette-swatches i{width:23px;height:23px}.layout-choices{margin-bottom:23px}.layout-choices button{font-size:10px;padding:9px 10px}.workbench-grid{grid-template-columns:1fr;gap:12px}.select-pair{grid-template-columns:1fr}.prompt-controls,.generated-prompt{padding:24px 21px}.prompt-controls textarea,.prompt-controls select,.preview-input{font-size:16px!important}.generated-prompt output{font-size:18px}.editorial-grid{grid-template-columns:1fr;gap:25px}.readiness-room{grid-template-columns:1fr;gap:23px}.readiness-list{padding:10px 19px}.readiness-list label{font-size:13px;padding-block:17px}.editorial-grid h3{font-size:22px}.extra-section .eyebrow{font-size:10px}.preview-heading{font-size:38px}}
@media(prefers-reduced-motion:reduce){.extra-section *{animation:none!important;transition:none!important}.extra-ready{opacity:1;transform:none}.design-preview{transform:none!important}}

.prompt-controls select{appearance:none}
