.theme-detail{flex-direction:column;height:100%;display:flex;overflow:hidden}.theme-detail__header{background:0 0;border-bottom:1px solid #2a2a2a;flex-shrink:0;justify-content:space-between;align-items:center;height:3.5rem;padding:1rem 2rem;display:flex;position:relative}.theme-detail__copy-toast{color:#0a0a0a;z-index:9999;pointer-events:none;background:#fff;border-radius:4px;padding:1rem 2rem;font-size:.875rem;font-weight:700;animation:.3s ease-out slideInRight,.3s ease-in 1.7s fadeOut;position:fixed;top:25%;right:2rem;box-shadow:0 4px 12px #0000004d}.theme-detail__back-button{color:#a0a0a0;cursor:pointer;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s ease-out;display:flex}.theme-detail__back-button:hover{color:#fff;background:#202020;border-color:#404040}.theme-detail__actions{justify-content:center;align-items:center;gap:1rem;display:flex}.theme-detail__action-button{color:#a0a0a0;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Manrope,Inter,Helvetica,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:600;transition:all .2s ease-out;display:flex}.theme-detail__action-button:hover{color:#fff;background:#ffffff0d;border-color:#404040}.theme-detail__action-button--primary{color:#0a0a0a;background:#fff;border-color:#fff}.theme-detail__action-button--primary:hover{background:#ffffffe6}.theme-detail__action-button--preview{color:#0a0a0a;background:#fff;border:none}.theme-detail__action-button--preview:hover{background:#ffffffe6}.theme-detail__action-button--favorited{color:#ef4444;border-color:#ef4444}.theme-detail__action-button--favorited:hover{color:#dc2626;background:#ef44441a;border-color:#dc2626}.theme-detail__action-button:disabled{opacity:.5;cursor:not-allowed}.theme-detail__content{flex-direction:column;flex:1;gap:.5rem;min-height:0;padding:1rem 2rem;display:flex;overflow:hidden}.theme-detail__keyboard-section{flex-grow:0;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;width:100%;height:auto;min-height:0;padding:0;display:flex;overflow:visible}.theme-detail__info-grid{flex:1;grid-template-columns:1fr 2fr 1fr;gap:1rem;min-height:0;display:grid;overflow:hidden}.theme-detail__details-column{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;flex-direction:column;height:100%;padding:1rem;display:flex;overflow-y:auto}.theme-detail__details-column::-webkit-scrollbar{width:8px;height:8px}.theme-detail__details-column::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.theme-detail__details-column::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}.theme-detail__details-column::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.theme-detail__details-column{scrollbar-width:thin;scrollbar-color:#404040 #1a1a1a;min-width:0;padding-bottom:5rem}.theme-detail__title-section{flex-direction:column;gap:1rem;padding:0;display:flex}.theme-detail__title{color:#fff;border-bottom:1px solid #2a2a2a;margin:0;padding-bottom:.5rem;font-size:1.75rem;font-weight:700;line-height:1.3}.theme-detail__description{color:#a0a0a0;margin:0;padding:.5rem 0;font-size:.875rem;line-height:1.6}.theme-detail__stats{color:#a0a0a0;flex-direction:column;gap:.5rem;padding-top:.5rem;font-size:.875rem;display:flex}.theme-detail__stats span{background:#141414;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem;display:flex}.theme-detail__colors-column{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;height:100%;padding:1rem;overflow-y:auto}.theme-detail__colors-column::-webkit-scrollbar{width:8px;height:8px}.theme-detail__colors-column::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.theme-detail__colors-column::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}.theme-detail__colors-column::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.theme-detail__colors-column{scrollbar-width:thin;scrollbar-color:#404040 #1a1a1a;flex-direction:column;gap:1rem;min-width:0;padding-bottom:5rem;display:flex}.theme-detail__colors-column h2{text-transform:uppercase;letter-spacing:.05em;color:#fff;border-bottom:1px solid #2a2a2a;margin:0;padding-bottom:.5rem;font-size:.875rem;font-weight:700}.theme-detail__setup-column{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;height:100%;padding:1rem;overflow-y:auto}.theme-detail__setup-column::-webkit-scrollbar{width:8px;height:8px}.theme-detail__setup-column::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.theme-detail__setup-column::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}.theme-detail__setup-column::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.theme-detail__setup-column{scrollbar-width:thin;scrollbar-color:#404040 #1a1a1a;flex-direction:column;gap:1rem;min-width:0;padding-bottom:5rem;display:flex}.theme-detail__setup-column h2{text-transform:uppercase;letter-spacing:.05em;color:#fff;border-bottom:1px solid #2a2a2a;margin:0;padding-bottom:.5rem;font-size:.875rem;font-weight:700}.theme-detail__colors{grid-template-columns:repeat(6,1fr);gap:1rem;padding:.5rem 0;display:grid}.theme-detail__color-item{text-align:center;flex-direction:column;gap:.5rem;display:flex}.theme-detail__color-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #2a2a2a;border-radius:4px;width:100%;transition:all .2s ease-out;box-shadow:0 2px 4px #0003}.theme-detail__color-swatch:hover{border-color:#fff;transform:translateY(-2px)scale(1.05);box-shadow:0 6px 12px #0000004d}.theme-detail__color-swatch:active{transform:translateY(0)scale(.98)}.theme-detail__color-code{color:#a0a0a0;cursor:pointer;background:#141414;border-radius:4px;padding:.5rem;font-family:Monaco,Courier New,monospace;font-size:.6875rem;font-weight:600;transition:all .2s ease-out}.theme-detail__color-code:hover{color:#fff;background:#2a2a2a}.theme-detail__steps{counter-reset:step-counter;flex-direction:column;gap:1rem;margin:0;padding:.5rem 0 0;list-style:none;display:flex}.theme-detail__steps li{counter-increment:step-counter;color:#a0a0a0;padding-top:2px;padding-left:32px;font-size:.875rem;line-height:1.6;position:relative}.theme-detail__steps li:before{content:counter(step-counter);color:#0a0a0a;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.6875rem;font-weight:700;display:flex;position:absolute;top:0;left:0;box-shadow:0 2px 4px #0003}.theme-detail__not-found{flex-direction:column;justify-content:center;align-items:center;gap:4rem;height:100%;display:flex}.theme-detail__not-found h1{color:#fff;font-size:4rem;font-weight:700}.theme-detail__not-found button{color:#0a0a0a;cursor:pointer;background:#fff;border:none;border-radius:4px;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .2s ease-out}.theme-detail__not-found button:hover{background:#ffffffe6}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}