.ShadowTool-module__XG_yjq__root{margin:24px 0 3rem!important;padding:0!important}.ShadowTool-module__XG_yjq__frame{background:var(--bg-1);--squircle-border:#00000014;border-radius:16px}.ShadowTool-module__XG_yjq__stage{aspect-ratio:16/10;background:var(--bg-2);-webkit-user-select:none;user-select:none;border-radius:16px 16px 0 0;position:relative;overflow:hidden}@media (min-width:640px){.ShadowTool-module__XG_yjq__stage{aspect-ratio:2.2}}.ShadowTool-module__XG_yjq__shadowSvg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ShadowTool-module__XG_yjq__glow{pointer-events:none;animation:.32s ease-out ShadowTool-module__XG_yjq__glow-in;position:absolute;inset:0}@keyframes ShadowTool-module__XG_yjq__glow-in{0%{opacity:0}}.ShadowTool-module__XG_yjq__cardBox{aspect-ratio:8/5;pointer-events:none;border-radius:16px;width:clamp(150px,30%,210px);position:absolute;top:50%;left:50%;translate:-50% -50%}.ShadowTool-module__XG_yjq__cardShell{background:0 0}.ShadowTool-module__XG_yjq__cardFace{background:#fff;border-radius:16px;position:absolute;inset:0}.ShadowTool-module__XG_yjq__light{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:36px;height:36px;padding:0;transition:scale .12s;animation:.32s cubic-bezier(.3,.9,.4,1) ShadowTool-module__XG_yjq__sun-in;position:absolute;translate:-50% -50%;scale:1}@keyframes ShadowTool-module__XG_yjq__sun-in{0%{opacity:0;rotate:-80deg;scale:.2}62%{opacity:1;scale:1.14}to{opacity:1;rotate:none;scale:1}}.ShadowTool-module__XG_yjq__sun{width:22px;height:22px;color:var(--fg-3);pointer-events:none;transition:color .16s;display:block;position:absolute;inset:7px}.ShadowTool-module__XG_yjq__light:hover .ShadowTool-module__XG_yjq__sun{color:var(--fg-2)}.ShadowTool-module__XG_yjq__light[data-active=true] .ShadowTool-module__XG_yjq__sun{color:var(--fg-1)}@media (pointer:coarse){.ShadowTool-module__XG_yjq__light{width:44px;height:44px}.ShadowTool-module__XG_yjq__sun{inset:11px}}.ShadowTool-module__XG_yjq__light[data-dragging=true]{cursor:grabbing;scale:1.15}.ShadowTool-module__XG_yjq__light:focus-visible{outline:2px solid var(--fg-2);outline-offset:2px}.ShadowTool-module__XG_yjq__stageActions{gap:6px;display:flex;position:absolute;top:12px;right:12px}.ShadowTool-module__XG_yjq__stagePill{font:inherit;color:var(--fg-2);cursor:pointer;background:#0000000d;border:0;border-radius:58px;margin:0;padding:5px 12px;font-size:10px;line-height:14px;transition:background-color .12s}.ShadowTool-module__XG_yjq__stagePill:hover{background:#00000017}.ShadowTool-module__XG_yjq__controls{border-top:1px solid var(--border-1);grid-template-columns:2fr 1fr;display:grid}.ShadowTool-module__XG_yjq__group{padding:14px 24px 12px}.ShadowTool-module__XG_yjq__cardGroup{border-left:1px solid var(--border-1)}.ShadowTool-module__XG_yjq__dials{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;display:grid}.ShadowTool-module__XG_yjq__cardGroup .ShadowTool-module__XG_yjq__dials{grid-template-columns:minmax(0,1fr)}.ShadowTool-module__XG_yjq__groupHead{color:var(--fg-4);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:10px;line-height:14px;display:flex}.ShadowTool-module__XG_yjq__groupHint{color:var(--fg-4)}@media (max-width:559px){.ShadowTool-module__XG_yjq__controls{grid-template-columns:minmax(0,1fr)}.ShadowTool-module__XG_yjq__group{padding:12px 20px 10px}.ShadowTool-module__XG_yjq__cardGroup{border-left:0;border-top:1px solid var(--border-1)}.ShadowTool-module__XG_yjq__dials,.ShadowTool-module__XG_yjq__cardGroup .ShadowTool-module__XG_yjq__dials{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}}.ShadowTool-module__XG_yjq__control{flex-direction:column;gap:0;display:flex}.ShadowTool-module__XG_yjq__controlHead{justify-content:space-between;align-items:baseline;display:flex}.ShadowTool-module__XG_yjq__controlName{color:var(--fg-3);font-size:10px;line-height:14px}.ShadowTool-module__XG_yjq__controlValue{color:var(--fg-4);font-variant-numeric:tabular-nums;font-size:10px;line-height:14px}.ShadowTool-module__XG_yjq__slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:26px;margin:0;padding:0}@media (pointer:coarse){.ShadowTool-module__XG_yjq__slider{touch-action:pan-y;height:44px;margin:-9px 0}}.ShadowTool-module__XG_yjq__slider::-webkit-slider-runnable-track{background:var(--border-2);border-radius:1px;height:2px}.ShadowTool-module__XG_yjq__slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fg-1);border:0;border-radius:50%;width:12px;height:12px;margin-top:-5px}.ShadowTool-module__XG_yjq__slider::-moz-range-track{background:var(--border-2);border-radius:1px;height:2px}.ShadowTool-module__XG_yjq__slider::-moz-range-thumb{background:var(--fg-1);border:0;border-radius:50%;width:12px;height:12px}.ShadowTool-module__XG_yjq__slider:focus-visible{outline:none}.ShadowTool-module__XG_yjq__slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--bg-1), 0 0 0 3.5px var(--fg-2)}.ShadowTool-module__XG_yjq__slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--bg-1), 0 0 0 3.5px var(--fg-2)}.ShadowTool-module__XG_yjq__output{border-top:1px solid var(--border-1);flex-direction:column;padding:12px 24px 14px;display:flex}.ShadowTool-module__XG_yjq__css{width:100%;min-width:0;font-family:var(--font-mono);color:var(--fg-3);white-space:pre;font-variant-numeric:tabular-nums;font-size:10px;line-height:15px;overflow-x:auto}.ShadowTool-module__XG_yjq__css[data-collapsed=true]{max-height:calc(15px * var(--css-preview-lines,5));overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.ShadowTool-module__XG_yjq__css{position:relative}.ShadowTool-module__XG_yjq__css[data-copied=true]:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 38%,#0000000e 50%,#0000 62%) 0 0/300% 300%;animation:.72s linear both ShadowTool-module__XG_yjq__copy-sweep;position:absolute;inset:0}@keyframes ShadowTool-module__XG_yjq__copy-sweep{0%{background-position:100% 100%}to{background-position:0 0}}.ShadowTool-module__XG_yjq__outputActions{align-items:baseline;gap:18px;margin-top:12px;display:flex}.ShadowTool-module__XG_yjq__expand{font:inherit;color:var(--fg-4);cursor:pointer;white-space:nowrap;background:0 0;border:0;margin:0;padding:0;font-size:10px;line-height:14px}.ShadowTool-module__XG_yjq__expand:hover{color:var(--fg-2)}.ShadowTool-module__XG_yjq__copy{font:inherit;color:var(--fg-1);cursor:pointer;background:0 0;border:0;flex:none;margin:0;padding:0;font-size:10px;font-weight:500;line-height:14px;transition:color .12s}.ShadowTool-module__XG_yjq__copy:hover{color:var(--fg-3)}@media (max-width:559px){.ShadowTool-module__XG_yjq__output{padding:12px 20px 14px}}.ShadowTool-module__XG_yjq__copyLabels{display:grid;position:relative}.ShadowTool-module__XG_yjq__copyLabel{white-space:nowrap;text-align:left;grid-area:1/1;transition:opacity .14s}.ShadowTool-module__XG_yjq__copyLabel:last-child{position:absolute;top:0;left:0}.ShadowTool-module__XG_yjq__copyLabel[data-visible=false]{opacity:0}.ShadowTool-module__XG_yjq__copyLabel[data-visible=true]{opacity:1;transition:opacity .2s .15s}.ShadowTool-module__XG_yjq__caption{margin-top:14px}.ShadowTool-module__XG_yjq__srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.ShadowTool-module__XG_yjq__light,.ShadowTool-module__XG_yjq__sun,.ShadowTool-module__XG_yjq__stagePill,.ShadowTool-module__XG_yjq__copyLabel{transition:none}.ShadowTool-module__XG_yjq__light,.ShadowTool-module__XG_yjq__glow{animation:none}.ShadowTool-module__XG_yjq__css[data-copied=true]:after{content:none}}