#canvas-area:has(.crop-overlay){padding:22px}#page-surface:has(.crop-overlay){overflow:visible}.crop-overlay{position:absolute;inset:0;overflow:visible;touch-action:none;cursor:crosshair}.crop-selection{position:absolute;border:1.5px solid var(--accent-hover);cursor:move}.crop-selection:focus-visible{outline-color:var(--accent-hover)}.crop-shade{position:absolute;inset:0;overflow:hidden;pointer-events:none}.crop-shade-window{position:absolute;box-shadow:0 0 0 1500px #1d204340}.crop-handle{position:absolute;width:28px;height:28px;z-index:1;display:grid;place-items:center}.crop-handle:after{content:"";display:block;width:10px;height:10px;border-radius:2px;background:#fff;border:1.5px solid var(--accent-hover);pointer-events:none}.handle-nw{left:-14px;top:-14px;cursor:nwse-resize}.handle-ne{right:-14px;top:-14px;cursor:nesw-resize}.handle-se{right:-14px;bottom:-14px;cursor:nwse-resize}.handle-sw{left:-14px;bottom:-14px;cursor:nesw-resize}.handle-n{left:calc(50% - 14px);top:-14px;cursor:ns-resize}.handle-s{left:calc(50% - 14px);bottom:-14px;cursor:ns-resize}.handle-w{left:-14px;top:calc(50% - 14px);cursor:ew-resize}.handle-e{right:-14px;top:calc(50% - 14px);cursor:ew-resize}.crop-story{--guide-blue: var(--accent-readable, var(--accent-hover));--guide-line: color-mix(in srgb, var(--accent) 20%, var(--line));padding-block:44px 46px}.crop-story-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:52px;margin-bottom:30px}.crop-story h2{max-width:590px;margin:0 0 18px;font-size:calc((clamp(25px,2.6vw,32px)) * var(--site-heading-scale));font-weight:700;line-height:1.25;letter-spacing:-.8px}.crop-story .tool-explanation{margin:0;max-width:65ch}.crop-story-art{margin:0;color:var(--guide-blue);direction:ltr}.crop-story-art>svg{display:block;width:100%;height:auto}.crop-story-art figcaption{display:flex;justify-content:space-around;gap:18px;margin-top:6px;color:var(--muted);font-size:12px;text-align:center}.crop-story-art figcaption>span{max-width:46%}.crop-art-halo{fill:var(--accent-soft)}.crop-art-paper{fill:var(--surface);stroke:var(--guide-line);stroke-width:1.5}.crop-art-shade{fill:color-mix(in srgb,var(--accent) 9%,var(--surface))}.crop-art-content{stroke:color-mix(in srgb,var(--muted) 38%,var(--surface));stroke-width:3;stroke-linecap:round}.crop-art-mountain{fill:var(--accent-soft)}.crop-art-peak{fill:var(--accent);opacity:.62}.crop-art-sun{fill:var(--accent);opacity:.42}.crop-art-handle{fill:var(--surface);stroke:currentColor;stroke-width:1.5}.crop-story-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.crop-story-feature{min-width:0;padding:24px 26px 10px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.crop-story-feature-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}.crop-story-icon{flex:0 0 36px;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:var(--guide-blue);background:var(--accent-soft)}.crop-story-icon>.icon{width:19px;height:19px}.crop-story h3,.crop-story-feature-heading h4{margin:0;font-size:17px;font-weight:650;line-height:1.4}.crop-story-audience{margin-block:4px 36px}.crop-story .crop-story-audience>h3,.crop-story .crop-story-feature-section>h3{margin-bottom:18px;font-size:clamp(20px,2vw,23px);font-weight:700}.crop-story-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.crop-story-use-case{min-width:0;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--accent-soft) 30%,var(--surface))}.crop-story-use-case-label{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--muted);font-size:12px;line-height:1.6}.crop-story-use-case h4{margin:0 0 10px;color:var(--ink);font-size:17px;font-weight:650;line-height:1.5}.crop-story-use-case>p{margin:0;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}.crop-story-audience-help{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;padding-top:14px}.crop-story-audience-help p{margin:0;font-size:14px}.crop-story-audience-help .crop-story-link{margin:0;text-decoration:underline;text-underline-offset:3px}:root[data-font=noto-kufi-arabic] .crop-story-use-case>p{font-size:14px;line-height:2.2}.crop-story-feature>p{min-height:74px}.crop-story-details{margin-top:15px;border-top:1px solid var(--line)}.crop-story-details>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding-block:10px;list-style:none;color:var(--guide-blue);font-size:13px;font-weight:550;cursor:pointer}.crop-story-details>summary::-webkit-details-marker{display:none}.crop-story-details>summary>.icon{flex:0 0 16px;width:16px;height:16px}.crop-story-details[open]>summary>.icon{transform:rotate(180deg)}.crop-story-details>summary:hover{text-decoration:underline;text-underline-offset:3px}.crop-story-details>summary:focus-visible,.crop-story-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.crop-story-details>div{padding:4px 0 15px}.crop-story-details h5{margin:0 0 10px;font-size:14px;font-weight:600}.crop-story-note{display:flex;align-items:start;gap:18px;margin-top:24px;padding:26px;border-inline-start:3px solid var(--accent);border-radius:0 16px 16px 0;background:var(--accent-soft)}[dir=rtl] .crop-story-note{border-radius:16px 0 0 16px}.crop-story-note>.crop-story-icon{background:var(--surface)}.crop-story-note h3{margin-bottom:10px}.crop-story-note p{max-width:105ch}.crop-story-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:8px;font-size:14px;font-weight:600;color:var(--guide-blue)}.crop-story-link:hover{text-decoration:underline;text-underline-offset:3px}.crop-story-link .icon{width:17px;height:17px}:root[data-appearance=dark][data-font=noto-kufi-arabic] body .crop-story p{color:var(--muted)}[dir=rtl] .crop-story-link .icon{transform:rotate(180deg)}.crop-story-files{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:30px;align-items:start;padding:28px 0 0}.crop-story-files .crop-story-feature-heading{margin:0;align-items:start}.crop-story-files h3{padding-top:4px}@media(max-width:850px){.crop-story-audience-grid{grid-template-columns:1fr}.crop-story-use-case{padding:20px}.crop-story-use-case-label{margin-bottom:12px}.crop-story-intro{gap:24px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.crop-story-feature{padding-inline:20px}.crop-story-feature>p{min-height:98px}}@media(max-width:600px){.crop-story{padding-block:30px}.crop-story-intro,.crop-story-features,.crop-story-files{grid-template-columns:1fr}.crop-story-intro{gap:24px}.crop-story-art{width:min(360px,100%);margin-inline:auto}.crop-story-feature>p{min-height:0}.crop-story-note{gap:12px;padding:20px 16px}.crop-story-note>.crop-story-icon{display:none}.crop-story-files{gap:12px}}.crop-grid{position:absolute;inset:0;background:linear-gradient(to right,transparent 33.1%,#ffffff50 33.2%,#ffffff50 33.4%,transparent 33.5%,transparent 66.4%,#ffffff50 66.5%,#ffffff50 66.7%,transparent 66.8%),linear-gradient(to bottom,transparent 33.1%,#ffffff50 33.2%,#ffffff50 33.4%,transparent 33.5%,transparent 66.4%,#ffffff50 66.5%,#ffffff50 66.7%,transparent 66.8%);pointer-events:none}.margin-label{display:flex;justify-content:space-between;margin-top:23px}.margin-label>span{color:var(--muted);font-weight:400}.margin-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.margin-fields label{display:flex;flex-direction:column;gap:5px}.margin-fields input{width:100%;height:39px}@media(max-width:680px){.margin-fields{grid-template-columns:repeat(4,1fr);gap:8px}}