.hex-selection{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.hex-selection h2{font-size:24px;font-weight:500;margin-bottom:8px}.hex-selection p{font-size:12px;color:var(--p-muted);margin-bottom:0}.hex-placeholder{min-height:620px;display:grid;align-content:center;justify-items:center;text-align:center;background:radial-gradient(ellipse at 50% 40%,#eee9cf,transparent 55%),var(--p-paper);padding:35px}.hex-placeholder .hex-crystal{width:90px;height:120px;clip-path:polygon(50% 0,100% 28%,86% 80%,50% 100%,14% 80%,0 28%);background:linear-gradient(130deg,#b5b08e 0 35%,#eee2a1 35% 60%,#afa776 60%);filter:drop-shadow(0 10px 15px #97895430);margin-bottom:35px}.hex-placeholder h3{font-size:25px;font-weight:500;margin-bottom:12px}.hex-placeholder p{max-width:480px;font-size:12px;color:var(--p-muted);margin-bottom:25px}.hex-resources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.hex-resource{display:flex;flex-direction:column}.hex-resource small{font:9px monospace;color:var(--p-muted);margin-bottom:25px}.hex-resource h3{font-size:20px}.hex-resource p{flex:1}.hex-resource .p-button{align-self:flex-start}.hex-notebook{display:grid;grid-template-columns:1fr 1.4fr;gap:35px;align-items:center}.hex-notebook textarea{min-height:160px;resize:vertical}.hex-notebook .p-actions{justify-content:space-between;margin-top:12px}.portal-night .hex-placeholder{background:radial-gradient(ellipse at 50% 40%,#484b31,transparent 55%),var(--p-paper)}#hex-frame{height:720px;background:#fff}.large-view #hex-frame,#hex-embed-surface:fullscreen #hex-frame{height:calc(100dvh - 145px)}
@media(max-width:1050px){.hex-resources{grid-template-columns:repeat(2,minmax(0,1fr))}.hex-notebook{gap:20px}}@media(max-width:760px){.hex-selection{align-items:flex-start;flex-direction:column}.hex-selection h2{font-size:22px}.hex-placeholder{min-height:460px;padding:25px 18px}.hex-placeholder h3{font-size:22px}.hex-resources{grid-template-columns:1fr}.hex-notebook{grid-template-columns:1fr;gap:5px}.hex-notebook textarea{font-size:16px}#hex-frame{height:650px}.large-view #hex-frame,#hex-embed-surface:fullscreen #hex-frame{height:calc(100dvh - 190px)}}