.BorderRadiusGenerator-module__OJbKDq__shell{width:min(100%,60rem)}.BorderRadiusGenerator-module__OJbKDq__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:1.5rem;display:grid}.BorderRadiusGenerator-module__OJbKDq__controls{gap:1rem;display:grid}.BorderRadiusGenerator-module__OJbKDq__unitGrid{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.BorderRadiusGenerator-module__OJbKDq__segment{appearance:none;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;padding:.6rem;font-size:.84rem}.BorderRadiusGenerator-module__OJbKDq__segment[aria-pressed=true],.BorderRadiusGenerator-module__OJbKDq__segment:hover{color:var(--color-text-primary);border-color:var(--color-accent);background:var(--color-accent-soft)}.BorderRadiusGenerator-module__OJbKDq__toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;display:flex}.BorderRadiusGenerator-module__OJbKDq__toggle input{accent-color:var(--color-accent);width:.95rem;height:.95rem}.BorderRadiusGenerator-module__OJbKDq__toggleLabel{color:var(--color-text-secondary);font-size:.88rem}.BorderRadiusGenerator-module__OJbKDq__cornerGrid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.BorderRadiusGenerator-module__OJbKDq__cornerControl{gap:.3rem;display:grid}.BorderRadiusGenerator-module__OJbKDq__cornerLabel{color:var(--color-text-primary);font-size:.82rem;font-weight:500}.BorderRadiusGenerator-module__OJbKDq__presetGrid{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.4rem;display:grid}.BorderRadiusGenerator-module__OJbKDq__preset{appearance:none;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);font:inherit;cursor:pointer;text-align:left;background:0 0;padding:.55rem .75rem;font-size:.82rem}.BorderRadiusGenerator-module__OJbKDq__preset:hover{color:var(--color-text-primary);border-color:var(--color-accent);background:var(--color-accent-soft)}.BorderRadiusGenerator-module__OJbKDq__previewArea{background:repeating-conic-gradient(color-mix(in srgb, var(--color-border-subtle) 60%, transparent) 0 25%, transparent 0 50%) 0 0 / 1.5rem 1.5rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);place-items:center;min-height:20rem;display:grid;overflow:hidden}.BorderRadiusGenerator-module__OJbKDq__previewBox{background:var(--color-accent-soft);border:2px solid var(--color-accent);width:16rem;height:7rem;transition:border-radius .12s}@media (max-width:720px){.BorderRadiusGenerator-module__OJbKDq__grid{grid-template-columns:1fr}.BorderRadiusGenerator-module__OJbKDq__cornerGrid{grid-template-columns:1fr 1fr}.BorderRadiusGenerator-module__OJbKDq__controls{order:2}.BorderRadiusGenerator-module__OJbKDq__grid>:last-child{order:1}}