/* Мастерская: бумага, скотч и всё через промпт. */
.workshop-page-main{padding-top:42px;padding-bottom:90px;min-height:75vh}
.workshop-heading{display:flex;align-items:center;gap:36px;margin-bottom:40px;flex-wrap:wrap}
.workshop-heading .h2{font-size:clamp(32px,5.4vw,68px);background:var(--ink);color:var(--paper);padding:10px 14px;transform:rotate(-2deg)}
.workshop-heading>.hand{color:var(--blue);transform:rotate(-5deg);font-size:30px}
.workshop-app{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;align-items:start}
.workshop-orders{background:var(--paper);border:3px solid var(--ink);padding:20px 16px;box-shadow:5px 5px 0 var(--ink);position:sticky;top:20px}
.orders-heading{display:grid;gap:8px;margin-bottom:20px}
.orders-heading h2,.workshop-subtitle{font:400 22px/1.2 var(--stamp)}
.orders-heading .hand{color:var(--pink);font-size:22px}
.workshop-page button{cursor:pointer;color:inherit}
.workshop-page button:disabled{cursor:wait;opacity:.55}
.workshop-orders>.btn{width:100%;justify-content:center;font-size:10px}
#workshop-budget{margin:22px 0;color:var(--blue);font-size:24px}
.order-stage{border-top:2px dashed var(--wall-2);margin-top:18px;padding-top:10px}
.order-stage h3{font:700 24px var(--hand);margin-bottom:10px}
.order-stage h3 small{color:var(--ink-3);font-size:19px}
.work-order{display:flex;gap:10px;align-items:center;background:transparent;border:2px solid transparent;padding:8px 4px;text-align:left;width:100%;font:inherit;min-width:0}
.work-order[aria-current=true]{background:var(--yellow);border-color:var(--ink);transform:rotate(-1deg)}
.work-order img,.order-blank{width:48px;height:48px;object-fit:cover;flex-shrink:0;background:var(--wall-2)}
.order-blank{display:grid;place-items:center;font:30px var(--hand)}
.work-order>span:last-child{min-width:0}.work-order b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-order small{font-size:12px;color:var(--ink-2)}
.workshop-table{min-width:0;background:var(--xerox);border:3px solid var(--ink);padding:26px;box-shadow:8px 8px 0 var(--pink)}
#workshop-message{padding:14px 18px;background:var(--yellow);border:2px solid var(--ink);margin-bottom:24px;overflow-wrap:anywhere}
#workshop-message.error{background:#ffd9e5;border-color:#9b1742}
.workshop-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
.workshop-doors button{position:relative;padding:18px 12px;border:2px solid var(--ink);background:var(--paper);font:inherit;text-align:left;transform:rotate(-1deg)}
.workshop-doors button:nth-child(2){transform:rotate(1deg)}
.workshop-doors button[aria-pressed=true]{background:var(--yellow);box-shadow:4px 4px 0 var(--ink)}
.workshop-doors b{display:block;font:400 14px/1.3 var(--stamp);margin-bottom:10px}
.workshop-doors span:not(.tape){font-size:13px;line-height:1.4;display:block}
.workshop-doors .tape{top:-12px;left:25%;width:60px;height:20px}
.workshop-search{display:flex;gap:8px;flex-wrap:wrap}
.workshop-search input,.workshop-search select{border:2px solid var(--ink);background:var(--paper);font:inherit;padding:9px;min-width:0}
.workshop-search input{flex:1 1 180px}.workshop-search select{font-size:13px;max-width:100%}
.workshop-search .btn{font-size:10px;padding:10px}
.source-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-height:340px;overflow:auto;margin-top:18px;padding:4px}
.source-pick{border:2px solid var(--ink);background:var(--paper);padding:5px;font:inherit;text-align:left;min-width:0}
.source-pick[aria-pressed=true]{background:var(--yellow);box-shadow:3px 3px 0 var(--pink)}
.source-pick img{width:100%;height:100px;object-fit:cover}.source-pick span{font-size:12px;line-height:1.3;display:block;margin-top:5px;overflow-wrap:anywhere}
.upload-paper{display:grid;gap:10px;background:var(--paper);border:3px dashed var(--ink);padding:28px;cursor:pointer}
.upload-paper b{font:400 20px var(--stamp)}.upload-paper span{font-size:13px}
#workshop-files{max-width:100%;margin:14px 0;font:inherit}
#workshop-idea{padding:18px;color:var(--blue)}
.selected-sources{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.selected-source{position:relative;width:90px;background:var(--paper);padding:5px;border:2px solid var(--ink)}
.selected-source img{height:75px;width:100%;object-fit:cover}
.selected-source button{position:absolute;right:-8px;top:-10px;border:2px solid var(--ink);background:var(--pink);color:white;width:26px;height:26px}
.workshop-result{margin:24px 0}.workshop-result-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.workshop-result-heading h2{font:700 26px/1.15 var(--hand);overflow-wrap:anywhere}
.work-status{font:400 11px var(--mono);background:var(--yellow);padding:8px 12px;transform:rotate(2deg)}
.work-status.baking{background:var(--pink);color:white;animation:bake 1.5s ease-in-out infinite}
@keyframes bake{50%{transform:rotate(-2deg);opacity:.6}}
.work-preview{position:relative;background:var(--paper);padding:12px;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);min-height:200px;display:grid;place-items:center}
.work-preview .tape{top:-14px;left:calc(50% - 55px);transform:rotate(-4deg)}
.work-preview>img{max-height:650px;width:100%;object-fit:contain}
.preview-empty{text-align:center;padding:30px;color:var(--ink-3)}.preview-empty>span{font-size:72px;color:var(--pink)}
.work-versions{display:flex;gap:12px;overflow-x:auto;margin-top:20px;padding:4px}
.work-versions button{background:var(--paper);border:2px solid var(--ink);padding:5px;min-width:76px;font:inherit}
.work-versions button[aria-pressed=true]{background:var(--yellow)}
.work-versions img{width:64px;height:58px;object-fit:cover}.work-versions small{font-size:12px}
.work-variants{display:grid;gap:8px;margin-top:20px}.work-variants>p{font:700 24px var(--hand);color:var(--blue)}
.work-variants button,.prompt-examples button{font:inherit;text-align:left;padding:8px 12px;border:2px solid var(--ink);background:var(--paper);line-height:1.35}
.work-variants button:hover,.prompt-examples button:hover{background:var(--yellow)}
#workshop-prompt{border-top:3px dashed var(--ink);padding-top:24px}
.prompt-examples{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 14px}.prompt-examples button{font-size:12px;transform:rotate(-1deg)}
#work-prompt{width:100%;resize:vertical;min-height:120px;border:3px solid var(--ink);background:var(--paper);padding:14px;font:17px/1.5 var(--text);color:var(--ink)}
#work-prompt:focus{outline:3px solid var(--yellow);outline-offset:2px}
.workshop-submit{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px}.workshop-submit>span{font-size:12px;color:var(--ink-3)}
.workshop-actions{display:flex;gap:16px;flex-wrap:wrap;border-top:2px solid var(--wall-2);padding-top:24px;margin-top:24px}
.workshop-actions .btn{white-space:normal;font-size:10px;line-height:1.4}
.sr-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.workshop-page [hidden]{display:none!important}
@media(max-width:1100px){.workshop-app{grid-template-columns:220px minmax(0,1fr);gap:20px}.workshop-table{padding:20px}.workshop-doors{grid-template-columns:minmax(0,1fr)}.workshop-doors button{padding:12px}.workshop-doors b{margin-bottom:4px}.source-results{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.workshop-page-main{padding-inline:20px;padding-top:30px}.workshop-heading{gap:20px;margin-bottom:30px}.workshop-heading .h2{font-size:clamp(26px,6.6vw,48px)}.workshop-heading>.hand{font-size:25px}.workshop-app{grid-template-columns:minmax(0,1fr)}.workshop-orders{position:static;padding:16px}.orders-heading{display:flex;align-items:baseline;justify-content:space-between}.order-stage{margin-top:12px}.workshop-table{padding:18px 12px;box-shadow:5px 5px 0 var(--pink)}.source-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.source-pick img{height:80px}.workshop-submit .btn{font-size:12px;padding:15px}.workshop-search input{flex-basis:100%}.work-preview{padding:6px}.workshop-actions{gap:14px}.upload-paper{padding:20px 14px}}
@media(prefers-reduced-motion:reduce){.work-status.baking{animation:none}}