/* The generator and carrier workbench share the existing paper/red visual language. */
.creative-steps{display:flex;align-items:center;justify-content:center;gap:25px;margin:0 0 24px;padding:17px;background:#efe5d6;border:1px solid #d9c6b6;color:#7e6250;font-size:12px;letter-spacing:1px}
.creative-steps b{font:italic 17px Georgia,serif;margin-right:8px;color:var(--red)}.creative-steps i{height:1px;width:80px;background:#cfb7a2}
.generation-studio{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(0,1.3fr);border:1px solid var(--line);background:#fffcf5;margin-bottom:42px;scroll-margin-top:30px}
.generation-form{padding:32px;border-right:1px solid var(--line)}.generation-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.generation-heading .eyebrow{font-size:9px;letter-spacing:2px;margin:0}
.mode-badge{display:inline-block;white-space:nowrap;padding:3px 7px;border:1px solid #ccb39c;background:#f0e6d7;color:#896143;font-size:10px}
.generation-form h3{font:500 clamp(27px,2.4vw,36px)/1.5 var(--serif);letter-spacing:2px;margin:24px 0 14px;color:var(--ink)}
.generation-intro{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 24px;max-width:32em}
.generation-form select,.generation-form textarea{width:100%;box-sizing:border-box;border:1px solid #d4c6b4;background:#fffdf8;border-radius:2px;padding:11px 12px;font:13px/1.9 inherit;color:var(--ink)}
.generation-form select{font-size:13px;line-height:1.6;min-height:43px;margin-bottom:17px}.generation-form textarea{font:13px/1.9 var(--sans,sans-serif);resize:vertical;min-height:116px;max-height:280px;display:block}
.generation-form :is(select,textarea):focus-visible{outline:2px solid #a4312b;outline-offset:2px}
.prompt-tools{display:flex;justify-content:space-between;align-items:center;margin:9px 0 17px;font-size:10px;color:var(--muted)}.prompt-tools button{border:0;border-bottom:1px solid #d8b5a9;background:none;padding:2px 0;font-size:11px;color:var(--red)}
.style-signature{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;margin:17px 0 23px;font-size:10px;color:#8f7863}.style-signature strong{font-weight:500;color:#6d4b37}.style-signature i{width:8px;height:8px;border-radius:50%;background:#a4312b}
.generation-form .button.primary{min-height:47px;font-size:14px;letter-spacing:2px}.generation-help{font-size:11px;line-height:1.8;margin:12px 0 0;color:#8a7969}
.generation-output{background:radial-gradient(ellipse at 50% 38%,#fbf4e7,#f0e6d6);padding:27px 29px;display:flex;flex-direction:column;min-width:0}
.output-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid #d9c9b6}.output-heading h4{font:20px var(--serif);margin:0}.output-heading>span{font-size:10px;color:#8d6b52}
.generation-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:35px 10px}
.paper-outline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:176px;aspect-ratio:1;background:#fffaf0;border:1px solid #d6bba0;outline:1px solid #e1ceba;outline-offset:8px;box-shadow:0 9px 22px #67401b0b;position:relative}
.paper-outline:before,.paper-outline:after{content:'';position:absolute;width:22px;height:22px;border:2px solid #ba8f71}.paper-outline:before{top:-5px;left:-5px;border-right:0;border-bottom:0}.paper-outline:after{bottom:-5px;right:-5px;border-left:0;border-top:0}.paper-outline img{width:55px;height:55px;opacity:.7}.paper-outline span{font:13px var(--serif);letter-spacing:4px;color:#aa7b5f}
.generation-empty h4{font:21px var(--serif);margin:32px 0 12px}.generation-empty p{font-size:12px;line-height:2;color:#8e7b68;margin:0}
.generation-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;align-content:center;flex:1;padding:26px 0}.generation-results.single-result{grid-template-columns:minmax(0,1fr);width:70%;margin:auto}
.generated-card{min-width:0}.generated-image{border:1px solid #dac5ac;background:#fffaf0;padding:8px;display:block;width:100%;cursor:zoom-in}.generated-image img{width:100%;height:auto;aspect-ratio:1;display:block;object-fit:contain}.generated-meta{margin:12px 0 15px;display:flex;flex-direction:column;gap:6px}.generated-meta strong{font:18px var(--serif)}.generated-meta small{font-size:10px;color:#8a715a}.generated-card .button{padding:9px 6px;min-height:40px;font-size:11px}
.generation-status{font-size:11px;line-height:1.8;margin:8px 0 0;padding-top:14px;border-top:1px solid #d9c9b6;color:#856a52}
.customization-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin:12px 0 20px;scroll-margin-top:24px}.customization-heading>div{display:flex;align-items:center;gap:10px}.customization-heading h3{font:24px var(--serif);margin:0}.customization-heading p{font-size:12px;color:var(--muted);margin:0}
@media(max-width:1000px){.generation-form{padding:25px}.generation-output{padding:25px 20px}.generation-studio{grid-template-columns:minmax(250px,1fr) minmax(0,1fr)}.generation-results{gap:11px}.site-header nav{gap:13px}.header-note{display:none}}
@media(max-width:760px){.generation-studio{grid-template-columns:1fr}.generation-form{border-right:0;border-bottom:1px solid var(--line)}.generation-output{min-height:350px}.generation-empty{padding:36px 10px}.generation-results{padding:24px 0}.generation-empty p br{display:none}.creative-steps{gap:12px;font-size:11px}.creative-steps i{width:28px}.creative-steps b{font-size:15px;margin-right:4px}.customization-heading{display:block}.customization-heading p{margin-top:12px}.site-header nav{flex-wrap:wrap;justify-content:space-between;column-gap:12px;row-gap:0}.site-header .nav-item{font-size:12px}.generation-results.single-result{max-width:300px;width:80%}}
@media(max-width:760px){.creative-steps>span{display:flex;flex:1;flex-direction:column;align-items:center;gap:5px;white-space:nowrap}.creative-steps b{margin:0}.creative-steps i{flex:0 0 20px}.creative-steps{gap:8px}}
@media(max-width:380px){.generation-form,.generation-output{padding:21px 17px}.generation-heading .eyebrow{font-size:8px;letter-spacing:1px}.creative-steps{gap:7px;padding:14px 8px;font-size:10px}.creative-steps i{flex-basis:10px}.generation-results{gap:9px}.generated-meta strong{font-size:16px}.generated-card .button{font-size:10px}.output-heading h4{font-size:18px}.output-heading>span{font-size:9px}}
