.d24-zuschnitt{flex-direction:column;align-items:center;gap:1rem;display:flex}@media (min-width:40rem){.d24-zuschnitt{flex-direction:row;align-items:flex-start;gap:1.5rem}}.d24-zuschnitt__buehne{flex:none;position:relative}.d24-zuschnitt__flaeche{aspect-ratio:1;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background-color:#fff;background-image:linear-gradient(45deg, var(--surface-sunken) 25%, transparent 25%), linear-gradient(-45deg, var(--surface-sunken) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--surface-sunken) 75%), linear-gradient(-45deg, transparent 75%, var(--surface-sunken) 75%);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;block-size:auto;inline-size:min(18rem,100vw - 5rem,32dvh);display:block}.d24-zuschnitt__flaeche:active{cursor:grabbing}.d24-zuschnitt__flaeche:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.d24-zuschnitt__laden{color:var(--text-secondary);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.d24-zuschnitt__seite{flex-direction:column;gap:.875rem;inline-size:100%;min-inline-size:0;display:flex}.d24-zuschnitt__regler{accent-color:var(--surface-brand);min-block-size:2.75rem}.d24-zuschnitt__vorschau{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface);block-size:56px;inline-size:56px;box-shadow:var(--shadow-xs);display:block}.d24-zuschnitt__vorschau--rund{border-radius:999px;block-size:36px;inline-size:36px}@media (max-width:39.99rem){.d24-zuschnitt__nur-breit{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.d24-zuschnitt__seite{gap:.5rem}}