.custom-studio{padding:24px;border:1px solid #415568;border-radius:18px;background:#101c2b;margin:24px 0}.custom-studio h3{margin:8px 0 12px}.custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.custom-grid label{display:block;font-size:1rem}.custom-studio select,.custom-studio input,.custom-studio textarea{width:100%;box-sizing:border-box;background:#080f19;color:#e8eff7;border:1px solid #60758d;border-radius:8px;padding:12px;font:inherit;margin:8px 0 0}.custom-preview{border-left:3px solid #e9b978;padding:16px 20px;background:#080f19;margin:20px 0;border-radius:8px}.custom-preview p{line-height:1.6;overflow-wrap:anywhere}.custom-studio .small{font-size:.875rem;color:#bbc8d7}.custom-studio .full{grid-column:1/-1}.custom-studio button{margin-top:16px}@media(max-width:650px){.custom-grid{grid-template-columns:1fr}.custom-studio{padding:18px}}

.design-choice{position:relative;display:flex;flex-direction:column;padding:12px;gap:0;overflow:hidden}.design-choice input{position:absolute;top:22px;left:22px;z-index:1;width:20px;height:20px;accent-color:#e9b978}.key-design-image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#10141a}.design-choice>div{padding:16px 8px 6px}.design-choice:has(input:focus-visible){outline:3px solid #c7ddf5;outline-offset:4px}

.key-size{margin:24px 0;padding:24px;border:1px solid #415568;border-radius:18px;background:#101c2b}.key-size table{border-collapse:collapse;width:100%;font-size:1rem;margin:20px 0}.key-size th,.key-size td{text-align:left;border-bottom:1px solid #415568;padding:12px 8px;line-height:1.5}.key-size th{color:#e9b978;font-weight:500}.key-size .small{font-size:.875rem;line-height:1.7}.key-size>p{font-size:1rem}@media(max-width:500px){.key-size{padding:18px}.key-size th,.key-size td{padding:10px 5px;font-size:.875rem}}

/* First Light is the clear next step after choosing a physical design. */
.page-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:28px 0}
.page-actions #checkout-link{width:min(100%,660px);min-height:84px;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px 28px;border:1px solid #f1c27d;border-radius:18px;background:linear-gradient(135deg,#f4c681,#e8a140);color:#141a20;font-size:clamp(1.35rem,2.6vw,1.85rem);font-weight:700;text-decoration:none;box-shadow:0 12px 36px #e9a44238;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.page-actions #checkout-link:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 16px 42px #e9a44250}
.page-actions #checkout-link:focus-visible{outline:3px solid #fff0cf;outline-offset:4px}
@media(max-width:650px){.page-actions #checkout-link{width:100%;min-height:78px}}