.tile:hover,.tile:focus-within{transform:translateY(-3px);box-shadow:0 0 0 3px #fff,0 10px 26px #0008}
.tile.chosen{outline:4px solid var(--gold);outline-offset:3px}
.tile.chosen:hover,.tile.chosen:focus-within{box-shadow:0 0 0 3px #fff,0 0 0 7px var(--gold),0 10px 26px #0008}
.tile button:focus-visible{outline:3px solid #fff;outline-offset:-4px}

.detail-content{padding:0;background:#171a1a}
.detail-area{padding-bottom:28px}
.detail-area+.detail-area{border-top:10px solid #0d0f0f}
.area-band{display:flex;align-items:center;gap:16px;padding:15px 32px;background:color-mix(in srgb,var(--c) 25%,#202424);border-left:7px solid var(--c);border-bottom:1px solid #515858}
.area-band>span{flex:0 0 auto;padding:8px 12px;border-radius:7px;background:#10b981;color:#071b14;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.area-band>div{display:grid;gap:3px}.area-band strong{font-size:18px}.area-band small{color:#d1d6d6}
.supplements-area .area-band{background:color-mix(in srgb,var(--c) 40%,#202424)}
.area-toolbar{display:flex;justify-content:flex-end;gap:10px;padding:18px 32px 0}
.area-toolbar button,.prompt-actions button{min-height:46px;border:1px solid #737b7b;border-radius:9px;background:#292e2e;padding:10px 14px;cursor:pointer;font-weight:700}
.area-toolbar button:hover,.area-toolbar button:focus-visible,.prompt-actions button:hover,.prompt-actions button:focus-visible{background:#fff;color:#111;outline:3px solid var(--gold);outline-offset:2px}

.prompt-card{margin:20px 32px 0;border:1px solid #4b5252;border-radius:14px;background:#202424;overflow:hidden}
.prompt-card.primary{border-color:color-mix(in srgb,var(--c) 65%,#fff)}
.prompt-card.chosen{box-shadow:0 0 0 3px var(--gold);border-color:var(--gold)}
.prompt-card-head{display:flex;align-items:center;gap:14px;padding:16px 19px;background:#141717;border-bottom:1px solid #4b5252}
.prompt-card-head span{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.prompt-card-head h3{margin:0;font-size:19px}
.prompt-fields{margin:0}
.prompt-fields>div{display:block;padding:22px 22px 24px;border-bottom:1px solid #3d4343}
.prompt-fields dt{margin:0 0 12px;font-size:17px;line-height:1.25;font-weight:900;color:#fff;letter-spacing:.01em}
.prompt-fields dd{margin:0;max-width:68ch;color:#d8dddd;font-size:16px;line-height:1.65}
.prompt-fields pre{margin:0 0 11px;white-space:pre-wrap;overflow-wrap:anywhere;background:#101212;border-left:5px solid var(--gold);border-radius:8px;padding:18px;font:15px/1.7 Arial,sans-serif;color:#fff}
.prompt-fields small{color:#aeb5b5}
.prompt-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px 20px;background:#171a1a}
.prompt-actions .select-template.is-selected{background:var(--gold);color:#111;border-color:var(--gold)}
.supplement-list{padding-bottom:1px}
.empty-state{grid-column:1/-1;padding:34px;border:1px dashed #596060;border-radius:14px;background:#151818}.empty-state strong{display:block;font-size:20px}.empty-state p{max-width:720px;color:#aeb5b5;line-height:1.6}

@media(max-width:620px){
  .area-band{padding:14px 20px;align-items:flex-start}
  .area-toolbar{padding:15px 20px 0;display:grid;grid-template-columns:1fr}
  .prompt-card{margin:16px 20px 0}
  .prompt-fields>div{display:block;padding:16px}
  .prompt-fields dt{margin-bottom:8px}
  .prompt-actions{grid-template-columns:1fr;padding:14px}
  .prompt-actions button,.area-toolbar button{width:100%;min-height:48px}
}