.guardian-preview-button{color:#bffff2;cursor:pointer;min-height:44px;font:inherit;background:#143443;border:1px solid #69e9d580;border-radius:12px;margin-top:8px;padding:6px 10px;font-size:11px}.guardian-card:has(.guardian-preview-button){opacity:1}.guardian-viewer{box-sizing:border-box;color:#edf8ff;background:radial-gradient(at 50% 38%,#203448 0%,#0a1220 45%,#050a12 85%);border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:auto}.guardian-viewer[open]{flex-direction:column;display:flex}.guardian-viewer::backdrop{background:#050a12}.guardian-viewer-header{padding:max(20px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) 0;z-index:1;justify-content:space-between;align-items:flex-start;display:flex}.guardian-viewer-header small{letter-spacing:.22em;color:#92b3c6;font-size:10px}.guardian-viewer-header h2{letter-spacing:.04em;margin:8px 0 4px;font-size:clamp(28px,5vw,44px);font-weight:500}.guardian-viewer-header p{color:#9ab1c0;margin:0;font-size:13px}.guardian-viewer button{color:#dcecf6;cursor:pointer;min-width:44px;min-height:44px;font:inherit;background:#172330d9;border:1px solid #68879955;border-radius:12px;padding:8px 14px;font-size:12px}.guardian-viewer button:focus-visible,.guardian-preview-button:focus-visible{outline-offset:3px;outline:2px solid #70ffe0}.guardian-viewer button[aria-pressed=true]{color:#d2fff4;background:#28413f;border-color:#90f4da}.guardian-viewport{flex:1 0 240px;min-height:240px;position:relative}.guardian-viewport canvas{touch-action:none;cursor:grab;display:block;position:absolute;inset:0}.guardian-viewport canvas:active{cursor:grabbing}.guardian-viewer-bottom{box-sizing:border-box;width:min(760px,100%);padding:0 20px max(14px, env(safe-area-inset-bottom));z-index:1;align-self:center}.guardian-camera-controls,.guardian-options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.guardian-gesture-hint,.guardian-preview-note{text-align:center;color:#92aab9;margin:9px 0 14px;font-size:11px}.guardian-preview-note{margin-bottom:0}.guardian-viewer fieldset{border:0;margin:12px 0;padding:0}.guardian-viewer legend{text-align:center;text-transform:uppercase;letter-spacing:.18em;color:#93afbf;width:100%;margin-bottom:8px;font-size:10px}.guardian-options button{align-items:center;gap:8px;display:flex}.swatch{border-radius:4px;width:13px;height:13px;display:inline-block;transform:rotate(45deg)}.swatch.polar{background:linear-gradient(135deg,#ddfff6,#44baad)}.swatch.solar{background:linear-gradient(135deg,#fff1b5,#c58921)}.swatch.cosmic{background:linear-gradient(135deg,#dcbdff,#704db4)}.guardian-load,.guardian-error{text-align:center;width:80%;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.guardian-load[hidden],.guardian-error[hidden]{display:none}@media (width>=900px){.guardian-viewer-header{padding:30px 40px 0}.guardian-viewer-bottom{padding-bottom:24px}}@media (height<=650px) and (width>=700px){.guardian-viewer[open]{grid-template-rows:auto 1fr;grid-template-columns:1fr 340px;display:grid}.guardian-viewer-header{grid-column:1/-1}.guardian-viewport{height:100%}.guardian-viewer-bottom{padding-top:12px}}
/*$vite$:1*/