.shadow_container{flex-direction:column;gap:32px;width:100%;min-width:0;display:flex}.shadow_workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:16px;width:100%;max-width:1000px;margin:0 auto;display:grid}.shadow_panel{flex-direction:column;min-width:0;height:100%;display:flex}.shadow_panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.shadow_panel-heading{flex-direction:column;min-width:0;display:flex}.shadow_panel-kicker{color:var(--primary);font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;font-size:.68rem;font-weight:700}.shadow_panel-heading h2{font-family:var(--font-display);margin:0;font-size:1.2rem;line-height:1.3}.shadow_control{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.shadow_control:last-of-type{margin-bottom:0}.shadow_control-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.shadow_control-header label{font-size:.88rem;font-weight:600}.shadow_control-header span{opacity:.65;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem}.shadow_color{margin-top:8px}.shadow_preview-area{box-sizing:border-box;background-color:#0000;background-image:linear-gradient(45deg,#80808014 25%,#0000 25%),linear-gradient(-45deg,#80808014 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#80808014 75%),linear-gradient(-45deg,#0000 75%,#80808014 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;background-color:var(--surface);border-radius:12px;justify-content:center;align-items:center;min-height:300px;margin-bottom:24px;padding:48px;display:flex}.shadow_preview-box{box-sizing:border-box;background:var(--background);width:180px;height:120px;font-family:var(--font-display);text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:20px;font-size:1rem;font-weight:600;transition:box-shadow .15s,transform .15s;display:flex}.shadow_result{flex-direction:column;gap:10px;display:flex}.shadow_result-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.shadow_result-header>span{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;opacity:.65;font-size:.72rem;font-weight:700}.shadow_code{overflow-wrap:anywhere;word-break:break-word;width:100%;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.85rem;line-height:1.6;display:block}.tool-info{flex-direction:column;gap:28px;width:100%;display:flex}@media (max-width:820px){.shadow_workspace{grid-template-columns:1fr}.shadow_preview-area{min-height:260px}}@media (max-width:640px){.shadow_container{gap:28px}.shadow_workspace{gap:12px}.shadow_panel-header{align-items:flex-start;margin-bottom:16px}.shadow_panel-heading h2{font-size:1.05rem}.shadow_panel-kicker{font-size:.62rem}.shadow_preview-area{min-height:220px;padding:32px 20px}.shadow_preview-box{width:150px;height:100px}.shadow_code{font-size:.78rem}.tool-info{gap:24px}}@media (max-width:380px){.shadow_container{gap:24px}.shadow_preview-area{min-height:200px}.shadow_preview-box{width:135px;height:90px;font-size:.9rem}}@media (prefers-reduced-motion:reduce){.shadow_container *,.shadow_container :before,.shadow_container :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}