body.cutout-theme{--accent:#2457f5;--accent-soft:#e2e9ff}.cutout-workspace{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)}.editor-stage{position:relative;display:grid;width:100%;min-height:560px;place-items:center;border:2px solid var(--ink);border-radius:24px;overflow:hidden;background-color:#e8e7e1;background-image:linear-gradient(45deg,#d1d2cd 25%,transparent 25%),linear-gradient(-45deg,#d1d2cd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d1d2cd 75%),linear-gradient(-45deg,transparent 75%,#d1d2cd 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;cursor:crosshair;touch-action:none}.editor-stage.is-panning{cursor:grab}.editor-stage.is-panning.is-drawing{cursor:grabbing}.editor-stage canvas{display:block;width:100%;height:100%;touch-action:none}.stage-badge{position:absolute;top:14px;left:50%;padding:7px 11px;border:1.5px solid var(--ink);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:3px 3px 0 var(--ink);font-size:11px;font-weight:900;pointer-events:none;transform:translateX(-50%);white-space:nowrap}.selection-modes{grid-template-columns:repeat(3,1fr)}.selection-modes .segment{font-size:11px}.selection-actions,.view-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.view-actions .button[aria-pressed="true"]{background:var(--accent-soft);box-shadow:3px 3px 0 var(--ink)}.result-panel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);border-top:2px solid var(--ink);background:#fff}.result-preview{padding:25px;border-right:2px solid var(--ink);text-align:center}.result-preview h2{margin:7px 0 15px;font-size:25px;letter-spacing:-.04em}.result-stage{display:grid;min-height:330px;place-items:center;padding:20px;border:2px solid var(--ink);border-radius:20px;overflow:hidden;background-color:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.result-stage canvas{display:block;max-width:100%;max-height:450px;filter:drop-shadow(0 10px 14px rgba(25,28,24,.18))}.result-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:27px;background:#f1efe8}.result-ready{display:inline-block;padding:5px 9px;border:1.5px solid var(--ink);border-radius:999px;background:var(--lime);font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.result-details h3{margin:12px 0 5px;font-size:25px;letter-spacing:-.04em}.result-details>p{margin:0;color:var(--muted);font-size:13px}.result-details ul{margin:16px 0 22px;padding-left:20px;color:#454a43;font-size:12px}.result-details li+li{margin-top:5px}.drop-icon{font-family:Georgia,serif}.button.primary:disabled{opacity:.45}.stage-badge.is-ready{background:var(--lime)}@media(max-width:900px){.cutout-workspace{grid-template-columns:1fr}.editor-stage{min-height:480px}.result-panel{grid-template-columns:1fr}.result-preview{border-right:0;border-bottom:2px solid var(--ink)}}@media(max-width:680px){.editor-stage{min-height:390px;border-radius:18px}.stage-badge{top:9px;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.selection-modes{grid-template-columns:1fr}.result-preview,.result-details{padding:15px}.result-stage{min-height:270px;padding:12px}.selection-actions,.view-actions{grid-template-columns:1fr 1fr}}@media(max-width:390px){.selection-actions,.view-actions{grid-template-columns:1fr}}