.workshop-page{background:#f6f4eb;min-height:80vh;padding:24px max(16px,calc((100vw - 1240px)/2)) 48px;color:#263f36}.workshop-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}.workshop-heading h1{font-size:clamp(1.55rem,3vw,2.5rem);line-height:1.2;margin-top:7px}.workshop-heading>p{font-size:14px;color:#5d6a60}.workshop-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:#61725f}.workshop-notice{background:#fff9e8;border:1px solid #ded3ac;border-radius:8px;padding:12px 16px;font-size:14px;margin-bottom:16px}.workbench{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.3fr);align-items:start;gap:24px}.elf-workbench-preview{position:sticky;top:100px;background:#e9ede1;border:1px solid #cdd6c5;border-radius:16px;padding:20px;box-shadow:0 6px 18px #344f3310}.workbench-preview-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.elf-preview{height:clamp(160px,38vh,350px);aspect-ratio:5/7;margin:0 auto 8px;cursor:pointer;max-width:100%}.elf-name-controls input{display:block;width:100%;background:#fffdf7;border:1px solid #bccbb5;border-radius:7px;text-align:center;font-size:22px;font-weight:700;padding:8px;margin-top:4px}.workbench-history{display:flex;justify-content:center;gap:24px;margin:8px 0}.workbench-history button{display:flex;gap:6px;align-items:center;font-size:12px;min-height:32px}.workbench-history button:disabled{opacity:.35}.elf-random{display:flex;align-items:center;justify-content:center;gap:9px;background:#f6dc8f;border:1px solid #cead5e;border-radius:8px;padding:10px;width:100%;font-size:14px;font-weight:700}.workbench-actions{display:flex;gap:8px;margin-top:14px}.workbench-actions button{display:flex;gap:6px;align-items:center;justify-content:center;min-height:44px;flex:1;border:1px solid #bbc8b5;background:#fffdf7;border-radius:8px;font-size:14px;font-weight:600}.workbench-actions .workbench-save{background:#24493e;color:#fff;border-color:#24493e;flex:1.4}.workbench-secondary{display:flex;justify-content:space-between;font-size:12px;margin-top:12px;gap:10px}.workbench-secondary button{min-height:32px;text-decoration:underline;text-underline-offset:3px}.workbench-controls{min-width:0;border-radius:16px;border:1px solid #d9ddd0;background:#fffdf8}.workbench-tabs{display:flex;flex-wrap:wrap;gap:5px;padding:12px;border-bottom:1px solid #e1e4d7}.workbench-tabs button{padding:10px 12px;font-size:13px;border-radius:6px;min-height:42px}.workbench-tabs button[aria-pressed=true]{background:#24493e;color:#fff;font-weight:700}.workbench-parts{padding:20px}.part-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.part-choice{border:1px solid #dedfd4;border-radius:9px;padding:9px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:7px;font-size:12px;line-height:1.3;min-height:120px}.part-choice[aria-pressed=true]{border:2px solid #406854;padding:8px;background:#edf3e8;box-shadow:0 0 0 2px #40685422}.part-choice:disabled{opacity:.5;cursor:not-allowed}.part-choice small{font-size:9px;color:#78551b}.part-thumbnail{height:82px;width:100%;display:block}.part-choice:hover:not(:disabled){border-color:#406854}.color-swatch{width:40px;height:40px;border:2px solid #bdc5b7;border-radius:50%;display:grid;place-items:center}.color-swatch[aria-pressed=true]{outline:2px solid #24493e;outline-offset:2px}.color-swatch span{background:#fff;color:#153e2e;border-radius:50%;line-height:22px;width:22px;font-size:14px}.starter-looks{border-bottom:1px solid #dedfd4;margin-bottom:20px;padding-bottom:14px}.starter-looks summary{cursor:pointer;font-size:14px;font-weight:600;min-height:36px}.starter-looks summary span{display:block;font-size:11px;font-weight:400;color:#647160;margin-top:4px}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.starter-grid button{border:1px solid #dedfd4;border-radius:8px;padding:8px;font-size:11px;background:#f5f2e8}.starter-grid button>div{height:140px}.starter-looks p{font-size:11px;color:#647160}.extra-chips{display:flex;flex-wrap:wrap;gap:6px}.extra-chips button{background:#e9ede1;border:1px solid #bccbb5;border-radius:20px;padding:8px 12px;font-size:12px}@media (min-width:900px) and (max-height:800px){.elf-preview{height:180px}.elf-workbench-preview{padding:14px}.workbench-secondary{margin-top:5px}.workbench-actions{margin-top:8px}}@media (max-width:899px){.workshop-page{padding:14px 12px 32px}.workshop-heading{margin-bottom:14px}.workshop-heading>p{display:none}.workbench{display:block}.elf-workbench-preview{top:78px;z-index:20;padding:10px 12px;border-radius:12px;box-shadow:0 6px 16px #24493e16}.workbench-preview-top{margin-bottom:5px}.workbench-preview-top .workshop-eyebrow{font-size:9px}.elf-preview-and-name{display:flex;align-items:center;gap:12px}.elf-preview{height:136px;flex:none;margin:0}.elf-name-controls{min-width:0;flex:1}.elf-name-controls input{font-size:17px;padding:6px}.workbench-history{margin:2px 0;gap:14px}.elf-random{font-size:12px;padding:7px}.workbench-actions{margin-top:6px}.workbench-secondary{margin-top:3px}.workbench-secondary button{min-height:26px}.workbench-controls{margin-top:12px}.workbench-tabs{padding:8px;gap:3px}.workbench-tabs button{padding:8px 10px}.workbench-parts{padding:14px}.part-grid{gap:8px}.part-choice{min-height:113px;font-size:11px}.part-thumbnail{height:74px}}@media (max-height:600px){.elf-workbench-preview{position:static}.elf-preview{height:130px}}@media (prefers-reduced-motion:reduce){.elf-aura-s{animation:none!important}}@media (max-width:899px) and (min-height:601px){.workbench-tabs{position:sticky;top:calc(86px + var(--elf-preview-height));z-index:19;background:#fffdf8;border-radius:12px 12px 0 0}.part-choice{scroll-margin-top:calc(190px + var(--elf-preview-height))}}