/* The original courtyard crew meets the visitor at a little brass workbench. */
#workshop .ai-crew-home{margin:0 4px 24px}
#workshop .ws-crew-guide{--crew-ink:#d1f3e8;--crew-glow:#21c6d7;position:relative;display:grid;grid-template-columns:minmax(280px,.86fr) minmax(0,1.4fr);align-items:center;gap:25px;padding:5px 18px 15px;background:linear-gradient(105deg,#376b5a30,#061f1b20);border-block:1px solid #b7cba039;color:#fdf5df;isolation:isolate;overflow:hidden}
#workshop .ws-crew-guide[data-speaker=Momo]{--crew-ink:#ffde9e;--crew-glow:#ffae36}
#workshop .ws-crew-guide[data-speaker=Patch]{--crew-ink:#e9caff;--crew-glow:#c172ec}
#workshop .ws-crew-stage{min-width:0;position:relative;align-self:stretch;padding-top:6px}
#workshop .ws-crew-kicker{position:absolute;inset:10px 0 auto;text-align:center;font-size:7px;letter-spacing:1.7px;color:#b7c5a8;pointer-events:none}
#workshop .ws-crew-stage canvas{display:block;width:100%;height:150px;pointer-events:none}
#workshop .ws-crew-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:-7px;position:relative}
#workshop .ws-crew-roles button{position:relative;display:block;min-height:47px;min-width:0;padding:7px 3px 5px;color:#baceb7;text-align:center;border:1px solid transparent;border-radius:7px;line-height:1.4;transition:background .2s,border-color .2s,color .2s}
#workshop .ws-crew-roles button:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:120px;cursor:pointer}
#workshop .ws-crew-roles b{display:block;font-family:Georgia,serif;font-size:17px;font-weight:400;margin-bottom:3px;color:#fff2d1}
#workshop .ws-crew-roles span{display:block;font-size:8px;line-height:1.5}
#workshop .ws-crew-roles button:hover{background:#c1dab012}
#workshop .ws-crew-roles button[aria-pressed=true]{border-color:#b8c7a656;background:#183f3544;box-shadow:0 -2px 0 var(--crew-glow) inset;color:var(--crew-ink)}
#workshop .ws-crew-speech{position:relative;padding:9px 0 5px;min-width:0}
#workshop .ws-crew-speaker{font-size:9px;letter-spacing:.25px;color:var(--crew-ink);margin:0 0 8px;line-height:1.5}
#workshop .ws-crew-speech h3{font:normal 25px/1.17 Georgia,serif;letter-spacing:-.5px;margin:0 0 9px;color:#fff6dd}
#workshop .ws-crew-line{font-size:11px;line-height:1.75;color:#cad6bd;margin:0;max-width:590px;overflow-wrap:anywhere}
#workshop .ws-crew-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 17px;margin-top:12px}
#workshop .ws-guide-primary,#workshop .ws-guide-hire{min-height:37px;max-width:100%;padding:8px 12px;border:1px solid #d5c18a4d;border-radius:5px;font-size:10px;line-height:1.5;text-align:left}
#workshop .ws-guide-primary{color:#284b36;background:linear-gradient(115deg,#f4e3b1,#dccc99);border-color:#ecd7a6;box-shadow:0 2px 0 #a38d59}
#workshop .ws-guide-primary:hover{background:#fff0c6}
#workshop .ws-guide-hire{padding-inline:0;border-color:transparent;color:#e8d5a3;text-decoration:underline;text-underline-offset:5px}
#workshop .ws-crew-guide button:focus-visible{outline:3px solid #f1cf84;outline-offset:3px}
#workshop .ai-output>.ws-crew-guide{display:block;padding:3px 0 17px;margin:0 0 20px;border-color:#b1b99277;background:transparent;color:#36563c}
#workshop .ai-output>.ws-crew-guide .ws-crew-stage canvas{height:160px}
#workshop .ai-output>.ws-crew-guide .ws-crew-kicker{color:#7d8869}
#workshop .ai-output>.ws-crew-guide .ws-crew-roles b,#workshop .ai-output>.ws-crew-guide .ws-crew-speech h3{color:#315f43}
#workshop .ai-output>.ws-crew-guide .ws-crew-roles button{color:#657e59}
#workshop .ai-output>.ws-crew-guide .ws-crew-roles button[aria-pressed=true]{border-color:#a8b78c;background:#e2e8d5;color:#315f43}
#workshop .ai-output>.ws-crew-guide .ws-crew-speaker{color:#687e57}
#workshop .ai-output>.ws-crew-guide .ws-crew-speech{padding:15px 8px 0}
#workshop .ai-output>.ws-crew-guide .ws-crew-speech h3{font-size:24px}
#workshop .ai-output>.ws-crew-guide .ws-crew-line{color:#657154;font-size:12px}
#workshop .ai-output>.ws-crew-guide .ws-guide-primary{background:#285f4c;border-color:#285f4c;color:#fff3cf;box-shadow:0 2px 0 #194532;min-height:41px}
#workshop .ai-output>.ws-crew-guide .ws-guide-hire{color:#476d46}
#workshop .ai-board:not([data-ai-state=generated]) .ai-panels{grid-template-columns:1fr;gap:13px}
#workshop .ai-board:not([data-ai-state=generated]) .ai-panel{min-height:0}
#workshop .ai-board:not([data-ai-state=generated]) .ai-panel:nth-child(n+3){display:none}
#workshop .ai-still .ws-crew-guide *,#workshop .ai-still .ws-crew-guide *:before{animation:none!important;transition:none!important}
#workshop .ws-crew-static canvas{height:85px;background:radial-gradient(ellipse at 16% 78%,#21bbd533,transparent 30%),radial-gradient(ellipse at 50% 78%,#ffae3333,transparent 30%),radial-gradient(ellipse at 84% 78%,#be64e933,transparent 30%)}
@media(min-width:1500px){#workshop .ws-crew-guide{grid-template-columns:380px 1fr;gap:35px;padding-inline:24px}#workshop .ws-crew-stage canvas{height:170px}#workshop .ws-crew-speech h3{font-size:30px}#workshop .ws-crew-line{font-size:13px}#workshop .ws-guide-primary,#workshop .ws-guide-hire{font-size:11px;min-height:40px}#workshop .ws-crew-roles span{font-size:9px}}
@media(max-width:900px){#workshop .ws-crew-guide{grid-template-columns:minmax(240px,1fr) minmax(0,1.2fr);gap:18px;padding-inline:3px}#workshop .ws-crew-speech h3{font-size:23px}#workshop .ws-crew-line{font-size:11px}}
@media(max-width:600px){#workshop .ai-crew-home{margin:0 0 23px}#workshop .ws-crew-guide{display:block;padding:2px 3px 20px}#workshop .ws-crew-stage canvas{height:154px}#workshop .ws-crew-kicker{font-size:7px;letter-spacing:1.3px}#workshop .ws-crew-roles button{min-height:52px;padding:8px 3px}#workshop .ws-crew-roles button:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:120px;cursor:pointer}
#workshop .ws-crew-roles b{font-size:18px}#workshop .ws-crew-roles span{font-size:9px}#workshop .ws-crew-speech{padding:17px 4px 0}#workshop .ws-crew-speech h3{font-size:26px;line-height:1.2}#workshop .ws-crew-line{font-size:12px;line-height:1.8}#workshop .ws-crew-speaker{font-size:10px}#workshop .ws-guide-primary,#workshop .ws-guide-hire{min-height:44px;font-size:11px}#workshop .ws-crew-actions{gap:8px 15px;margin-top:14px}#workshop .ai-output>.ws-crew-guide .ws-crew-stage canvas{height:154px}#workshop .ai-output>.ws-crew-guide .ws-crew-speech{padding:16px 3px 0}}
@media(prefers-reduced-motion:reduce){#workshop .ws-crew-guide *{animation:none!important;transition:none!important}}
