.boxshadow-module__POqUlq__toolHeader{text-align:center;margin-bottom:2rem}.boxshadow-module__POqUlq__toolTitle{margin-bottom:1rem;font-size:2.5rem}.boxshadow-module__POqUlq__toolDescription{max-width:600px;color:var(--text-secondary);margin:0 auto;font-size:1.125rem}.boxshadow-module__POqUlq__workspace{grid-template-columns:350px 1fr;gap:2rem;max-width:1000px;margin:0 auto 2rem;display:grid}@media (max-width:768px){.boxshadow-module__POqUlq__workspace{grid-template-columns:1fr}}.boxshadow-module__POqUlq__controlsPanel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.boxshadow-module__POqUlq__previewPanel{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;flex-direction:column;gap:2rem;padding:2rem;display:flex}.boxshadow-module__POqUlq__previewArea{background-color:#f3f4f6;background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25%),linear-gradient(-45deg,#e5e7eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7eb 75%),linear-gradient(-45deg,#0000 75%,#e5e7eb 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:.5rem;flex:1;justify-content:center;align-items:center;min-height:300px;display:flex}.boxshadow-module__POqUlq__box{background-color:#fff;border-radius:.5rem;width:200px;height:200px;transition:box-shadow .1s ease-in-out}.boxshadow-module__POqUlq__sliderGroup{flex-direction:column;gap:.5rem;display:flex}.boxshadow-module__POqUlq__labelRow{justify-content:space-between;align-items:center;display:flex}.boxshadow-module__POqUlq__label{color:var(--text-primary);font-size:.95rem;font-weight:600}.boxshadow-module__POqUlq__value{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.85rem}.boxshadow-module__POqUlq__slider{appearance:none;background:var(--border-color);border-radius:3px;outline:none;width:100%;height:6px}.boxshadow-module__POqUlq__slider::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;border-radius:50%;width:16px;height:16px}.boxshadow-module__POqUlq__colorGroup{flex-direction:column;gap:.5rem;display:flex}.boxshadow-module__POqUlq__colorInput{border:1px solid var(--border-color);cursor:pointer;border-radius:.5rem;width:100%;height:40px;padding:0}.boxshadow-module__POqUlq__checkboxGroup{cursor:pointer;align-items:center;gap:.75rem;display:flex}.boxshadow-module__POqUlq__checkbox{width:1.25rem;height:1.25rem;accent-color:var(--accent-primary);cursor:pointer}.boxshadow-module__POqUlq__codeBlock{color:#e2e8f0;background-color:#1e293b;border-radius:.5rem;padding:1.5rem;font-family:monospace;font-size:.9rem;line-height:1.5;position:relative;overflow-x:auto}.boxshadow-module__POqUlq__copyBtn{color:#fff;cursor:pointer;transition:all var(--transition-fast);background-color:#ffffff1a;border:none;border-radius:.25rem;padding:.25rem .75rem;font-size:.8rem;position:absolute;top:.5rem;right:.5rem}.boxshadow-module__POqUlq__copyBtn:hover{background-color:#fff3}