.smith-portrait.smith-compact{min-height:0;padding:8px 14px;align-items:center}.smith-compact .borun-portrait{width:64px;height:68px;object-fit:cover;object-position:top}.smith-compact h2{margin:2px 0}.smith-compact p{display:none}.smith-workshop{max-width:720px;margin:auto;padding:16px;border:1px solid var(--gold,#bfa365);border-radius:16px;background:linear-gradient(135deg,#253025,#101c16)}.smith-slots{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.smith-slot{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:7px;min-width:0;padding:12px 8px;background:#111d16;border:1px solid #867348;border-radius:12px;text-align:center;text-transform:none;letter-spacing:0;hyphens:none;overflow-wrap:anywhere}.smith-slot:disabled{opacity:1;color:#b6bfaf;border-color:#58604c}.smith-slot img,.smith-slot .smith-gem,.smith-empty{width:76px;height:76px;object-fit:contain}.smith-slot strong{font-size:16px;line-height:1.25}.smith-slot small{font-size:12px;line-height:1.3}.smith-empty{display:grid;place-items:center;font-size:52px;color:#827753}.smith-change{font-size:12px;color:#d7bf88;text-decoration:underline;text-underline-offset:3px}.smith-gem{color:#719782;flex-shrink:0}.smith-gem.uncommon{color:#4b97a2}.smith-gem.rare{color:#9b76b9}.smith-rank{font-size:26px;color:#ddc38b;min-height:76px;display:grid;place-items:center}.smith-result{font-size:15px;line-height:1.45;margin:14px 0}.smith-result p{margin:6px 0}.smith-submit{width:100%;min-height:48px}.smith-details{margin-top:16px;border-top:1px solid #555b43;padding-top:12px}.smith-details summary{cursor:pointer;min-height:36px;color:#d7bf88}.smith-details small{display:block;line-height:1.45}.smith-stat{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #39412f;padding:7px 0}.smith-picker{color:#e1dfce;background:#142018;border:1px solid #c6ab6c;border-radius:16px;width:min(540px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:85dvh;padding:0;overflow:hidden;box-sizing:border-box}.smith-picker[open]{display:flex;flex-direction:column}.smith-picker::backdrop{background:#000b}.smith-picker header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-bottom:1px solid #4c553f}.smith-picker header h3{margin:0;font-size:19px}.smith-picker header button{min-width:70px;padding:10px}.smith-picker-body{padding:12px;overflow:auto;overscroll-behavior:contain}.smith-picker label{display:block;font-size:13px;margin-bottom:10px;color:#d7bf88}.smith-picker input,.smith-picker select{box-sizing:border-box;display:block;width:100%;min-height:44px;font-size:16px;margin-top:4px}.smith-options{display:grid;gap:8px}.smith-option{display:flex;align-items:center;gap:12px;width:100%;padding:8px;text-align:left;text-transform:none;hyphens:none;letter-spacing:0}.smith-option img,.smith-option svg{width:52px;height:52px;object-fit:contain;flex-shrink:0}.smith-option span{min-width:0}.smith-option strong{font-size:15px;line-height:1.3;display:block}.smith-option small{font-size:12px;line-height:1.4;display:block;margin-top:3px}.smith-pages{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px}.smith-pages:empty{display:none}.smith-pages button{padding:10px 8px}.smith-pages span{white-space:nowrap;font-size:13px}@media(max-width:420px){.smith-workshop{padding:12px}.smith-slots{gap:8px}.smith-slot{padding:10px 6px}.smith-slot strong{font-size:14px}.smith-slot .eyebrow{font-size:10px}.smith-workshop .smith-tabs button{font-size:13px}.smith-picker header h3{font-size:17px}}

.smith-stone-slot{min-width:0;display:flex;flex-direction:column;gap:6px}.smith-stone-slot>.smith-slot{width:100%;flex:1}.smith-clear{width:100%;font-size:12px;padding:8px 4px;min-height:40px;text-transform:none}.smith-cost{overflow-wrap:anywhere}

/* Scoped overrides follow the established scene/button styles. */
.workspace .surface .smith-portrait.smith-compact{grid-template-columns:minmax(0,1fr) 64px;gap:12px;min-height:0;padding:8px 12px;margin-bottom:12px}
.workspace .surface .smith-compact .borun-portrait{width:64px;height:64px;object-fit:cover;object-position:center 20%}
.workspace .surface .smith-compact h2{font-size:25px;margin:2px 0}.workspace .surface .smith-compact .eyebrow{font-size:10px}
.workspace .surface .smith-compact+.smith-modes{margin-bottom:14px;gap:8px}.workspace .surface .smith-compact+.smith-modes button{min-height:54px;padding:8px;justify-content:center}.smith-compact+.smith-modes strong{font-size:14px}.smith-compact+.smith-modes small{display:none}
.smith-workshop .smith-slot{background:#14231b;box-shadow:none}.smith-workshop .smith-slot strong,.smith-picker .smith-option strong{font-family:var(--font-body);font-variant:normal;font-weight:600;text-transform:none}.smith-workshop .smith-slot strong{font-size:15px}.smith-workshop .smith-slot .eyebrow{font-family:var(--font-body);font-size:11px}.smith-slot small,.smith-change,.smith-clear,.smith-picker .smith-option small{font-family:var(--font-body);font-variant:normal}.smith-workshop .smith-slot strong{overflow-wrap:break-word;hyphens:auto}

@media(max-width:420px){.smith-slot img,.smith-slot .smith-gem,.smith-empty{width:64px;height:64px}.smith-slot strong{line-height:1.25}.smith-result{margin:10px 0}.smith-details{margin-top:12px}}
@media(max-width:359px){.workspace .surface .smith-portrait.smith-compact{grid-template-columns:minmax(0,1fr) 48px;padding:6px 10px;margin-bottom:10px}.workspace .surface .smith-compact .borun-portrait{width:48px;height:48px}.workspace .surface .smith-compact+.smith-modes{margin-bottom:10px}.workspace .surface .smith-compact+.smith-modes button{min-height:48px;padding:6px}.smith-workshop .smith-slot{padding:8px 5px}.smith-workshop .smith-slot strong{font-size:14px}}