.aspect-page .section-heading{max-width:880px}.aspect-page .tool-page-answer{max-width:none}.aspect-page .aspect-facts{color:var(--muted);font-size:var(--fs-sm);flex-wrap:wrap;grid-column:1/-1;gap:8px 22px;margin:14px 0 0;padding:0;list-style:none;display:flex}.aspect-facts li:before{content:"✓";color:var(--crop-accent-dark,var(--data-good));margin-right:7px}.aspect-page .crop-step-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:6px;display:grid}.aspect-page .step-card{border:1px solid var(--line);border-top:3px solid var(--data-good);border-radius:var(--radius-lg);background:var(--panel);min-width:0;min-height:238px;box-shadow:0 8px 22px var(--shadow);flex-direction:column;gap:14px;padding:20px;display:flex}.aspect-page .step-number{background:var(--data-good);width:40px;height:40px;color:var(--bg);font-size:var(--fs-sm);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;letter-spacing:.04em;border-radius:50%;flex:none;place-items:center;display:inline-grid}.aspect-page .step-card h3{color:var(--ink);font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin:0;line-height:1.2}.aspect-page .step-card p{color:var(--muted);font-size:var(--fs-sm);margin:0;line-height:1.65}.aspect-page .step-card:hover{border-color:var(--data-good);box-shadow:0 10px 26px var(--shadow)}.aspect-workspace-body{grid-template-columns:minmax(0,1fr) 340px}.aspect-workspace .preview-area{min-width:0}.aspect-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.aspect-source-card,.aspect-result-card{grid-template-rows:auto minmax(400px,1fr) auto}.aspect-stage-wrap{min-width:0}.aspect-stage{background:0 0;border:0;border-radius:0;flex:none;max-height:420px}.aspect-stage img{object-fit:fill;width:100%;height:100%;max-height:none}.aspect-selection{min-width:0;min-height:0}.aspect-selection[hidden],.aspect-workspace [hidden]{display:none}.aspect-workspace #aspectQualityControl[hidden]{visibility:hidden;pointer-events:none;display:grid}.aspect-result-wrap{min-width:0;min-height:400px;padding:22px}.aspect-result-wrap canvas{width:auto;max-width:100%;height:auto;max-height:420px;box-shadow:0 5px 22px var(--shadow);background:0 0;border:0;border-radius:0;display:block}.aspect-preview-hint{border-top:1px solid var(--line);color:var(--muted);font-size:var(--fs-xs);margin:0;padding:14px 16px;line-height:1.5}.aspect-result-note{border-top:1px solid var(--line);color:var(--muted);font-size:var(--fs-sm);margin:0;padding:15px 20px;line-height:1.55}.aspect-controls,.aspect-control-sections{min-width:0}.aspect-step{border:1px solid var(--crop-border);width:20px;height:20px;color:var(--crop-accent-dark);background:var(--crop-soft);border-radius:50%;place-items:center;margin-right:6px;font-size:11px;display:inline-grid}.aspect-ratio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.aspect-workspace .aspect-ratio-button{align-content:center;justify-items:center;gap:4px;min-height:85px;padding:9px 5px;display:grid}.aspect-workspace .aspect-shape{width:auto;max-width:42px;height:20px;aspect-ratio:var(--ratio-shape);background:var(--crop-accent);opacity:1;border:0;border-radius:3px;display:block}.aspect-workspace .aspect-ratio-button strong{font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.aspect-workspace .aspect-ratio-button small{font-size:11px;font-weight:var(--fw-normal)}.aspect-custom{margin-top:12px}.aspect-custom summary{cursor:pointer;color:var(--muted);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.aspect-custom .crop-field-grid{margin-top:12px}.aspect-mode-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.aspect-mode-picker button{border:1px solid var(--line-strong);background:var(--panel);min-width:0;min-height:66px;color:var(--ink);cursor:pointer;border-radius:6px;align-content:center;gap:5px;padding:10px 6px;display:grid}.aspect-mode-picker button strong{font-size:var(--fs-sm)}.aspect-mode-picker button span{color:var(--muted);font-size:11px}.aspect-mode-picker button.is-active{border-color:var(--crop-accent);box-shadow:inset 0 0 0 1px var(--crop-accent);background:var(--crop-soft)}.aspect-mode-picker button:hover{border-color:var(--crop-accent)}.aspect-zoom-control{margin-top:15px}.aspect-workspace input[type=range],.aspect-workspace input[type=checkbox]{accent-color:var(--crop-accent)}.aspect-pad-controls{gap:14px;margin-top:16px;display:grid}.aspect-color-label{color:var(--muted);font-size:var(--fs-xs);justify-content:space-between;align-items:center;gap:12px;display:flex}.aspect-color-label input{border:1px solid var(--line-strong);background:var(--panel);cursor:pointer;border-radius:4px;width:50px;height:32px;padding:3px}.aspect-check-label{color:var(--muted);font-size:var(--fs-xs);align-items:center;gap:8px;line-height:1.5;display:flex}.aspect-check-label input{margin:0}.aspect-control-hint{color:var(--muted);font-size:var(--fs-xs);margin:9px 0 14px;line-height:1.5}.aspect-actions{gap:9px;display:grid}.aspect-primary-actions{gap:9px;min-width:0;display:grid}.aspect-actions .button{width:100%}.aspect-primary-actions>.button:first-child{min-height:52px}.aspect-workspace button:focus-visible,.aspect-workspace summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.aspect-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.aspect-choice{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:24px}.aspect-choice h3{font-size:var(--fs-xl);margin:0 0 10px}.aspect-choice p{color:var(--muted);margin:0;line-height:1.7}.aspect-choice svg{width:100%;height:110px;margin-bottom:20px;display:block}.aspect-choice .aspect-diagram-source{fill:var(--panel-soft);stroke:var(--line-strong)}.aspect-choice .aspect-diagram-subject{fill:var(--ink-muted)}.aspect-choice .aspect-diagram-frame{fill:none;stroke:var(--data-good);stroke-width:2px}.aspect-use-case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.aspect-use-case{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);flex-direction:column;gap:12px;min-width:0;padding:24px;display:flex}.aspect-use-case-header{justify-content:space-between;align-items:center;gap:16px;min-height:36px;margin-bottom:6px;display:flex}.aspect-use-case-shape{width:min(56px, calc(36px * var(--case-ratio)));aspect-ratio:var(--case-ratio);background:var(--data-good);border-radius:3px;flex:none}.aspect-use-case-ratio{color:var(--muted);font-size:var(--fs-sm);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.aspect-use-case h3{color:var(--ink);font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin:0;line-height:1.3}.aspect-use-case p{color:var(--muted);font-size:var(--fs-sm);margin:0;line-height:1.65}.aspect-use-case-tip{border-top:1px solid var(--line);margin-top:auto;padding-top:16px}.aspect-use-case-tip strong{color:var(--ink);font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:6px;display:block}.aspect-page .table-wrap{border:1px solid var(--line);border-top:3px solid var(--data-good);border-radius:var(--radius-lg);background:var(--panel);box-shadow:0 8px 22px var(--shadow);overflow-x:auto}.aspect-page .aspect-ratio-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--fs-sm);text-align:left}.aspect-page .aspect-ratio-table thead{background:var(--panel-soft)}.aspect-page .aspect-ratio-table thead th{border-bottom:1px solid var(--line);color:var(--ink-muted);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:13px 16px}.aspect-page .aspect-ratio-table thead th:first-child{width:20%}.aspect-page .aspect-ratio-table thead th:nth-child(2){width:27%}.aspect-page .aspect-ratio-table tbody tr{transition:background-color .16s}.aspect-page .aspect-ratio-table tbody tr:hover{background:color-mix(in srgb, var(--data-good) 7%, transparent)}.aspect-page .aspect-ratio-table tbody th,.aspect-page .aspect-ratio-table tbody td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 16px}.aspect-page .aspect-ratio-table tbody tr:last-child th,.aspect-page .aspect-ratio-table tbody tr:last-child td{border-bottom:0}.aspect-page .aspect-ratio-table tbody th{font-weight:var(--fw-semibold)}.aspect-page .aspect-ratio-table tbody td{color:var(--muted);line-height:1.45}.aspect-page .aspect-ratio-table tbody td:nth-child(2){color:var(--ink);font-variant-numeric:tabular-nums;font-weight:var(--fw-semibold);white-space:nowrap}.aspect-page .aspect-ratio-table button{border-radius:var(--radius-sm);background:var(--data-good);min-width:60px;min-height:36px;color:var(--bg);cursor:pointer;font:inherit;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;white-space:nowrap;border:0;place-items:center;padding:7px 12px;transition:background-color .16s,transform .16s;display:inline-grid}.aspect-page .aspect-ratio-table button:hover{background:color-mix(in srgb, var(--data-good) 78%, var(--ink));transform:translateY(-1px)}.aspect-page .aspect-ratio-table button:focus-visible{outline:3px solid color-mix(in srgb, var(--data-good) 35%, transparent);outline-offset:3px}.aspect-page .related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.aspect-page .related-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);min-width:0;color:var(--ink);flex-direction:column;align-items:flex-start;gap:12px;padding:24px;text-decoration:none;transition:border-color .16s,box-shadow .16s;display:flex}.aspect-page .related-tool-icon{color:var(--data-good);margin-bottom:6px;display:inline-flex}.aspect-page .related-tool-icon .icon{width:32px;height:32px}.aspect-page .related-card h3{font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin:0;line-height:1.3}.aspect-page .related-card p{color:var(--muted);font-size:var(--fs-sm);margin:0 0 8px;line-height:1.65}.aspect-page .related-tool-action{border-top:1px solid var(--line);width:100%;color:var(--ink);font-size:var(--fs-sm);font-weight:var(--fw-semibold);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;display:flex}.aspect-page .related-tool-action>span{color:var(--data-good);font-size:var(--fs-xl);line-height:1}.aspect-page .related-card:hover{border-color:var(--data-good);box-shadow:0 6px 18px var(--shadow)}.aspect-page .related-card:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.aspect-page .related-card:hover h3{text-underline-offset:4px;text-decoration:underline}.aspect-updated{color:var(--muted);font-size:var(--fs-xs);margin:12px 0 0}@media (width<=1100px){.aspect-workspace-body{grid-template-columns:minmax(0,1fr) 310px}.aspect-preview-grid{grid-template-columns:1fr}.aspect-source-card,.aspect-result-card{grid-template-rows:auto minmax(260px,1fr) auto}.aspect-result-card{border-left:0;border-top:1px solid var(--line)}.aspect-result-wrap,.aspect-stage-wrap{min-height:260px}}@media (width<=960px){.aspect-use-case-grid,.aspect-page .crop-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aspect-workspace-body{grid-template-columns:1fr}.aspect-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aspect-result-card{border-top:0;border-left:1px solid var(--line)}.aspect-controls{border-top:1px solid var(--line);border-left:0}.aspect-control-sections{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.aspect-control-sections>.panel-section{padding:16px 12px}.aspect-control-sections>.panel-section+.panel-section{border-left:1px solid var(--line)}.aspect-workspace .aspect-ratio-button{min-height:76px}.aspect-actions{grid-template-columns:1fr 1fr}}@media (width<=720px){.aspect-page .crop-step-grid{grid-template-columns:1fr;gap:12px}.aspect-page .step-card{min-height:0;padding:18px}.aspect-use-case-grid{grid-template-columns:1fr;gap:12px}.aspect-use-case{padding:20px}.aspect-page .related-grid{gap:12px}.aspect-page .related-card{padding:20px}.aspect-page .table-wrap{box-shadow:none;background:0 0;border:0;overflow:visible}.aspect-page .aspect-ratio-table,.aspect-page .aspect-ratio-table tbody{display:grid}.aspect-page .aspect-ratio-table{gap:10px}.aspect-page .aspect-ratio-table thead{display:none}.aspect-page .aspect-ratio-table tbody{gap:10px}.aspect-page .aspect-ratio-table tbody tr{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:70px minmax(0,1fr);gap:5px 14px;padding:14px;display:grid}.aspect-page .aspect-ratio-table tbody tr:hover{background:var(--panel)}.aspect-page .aspect-ratio-table tbody th,.aspect-page .aspect-ratio-table tbody td{border:0;min-width:0;padding:0}.aspect-page .aspect-ratio-table tbody th{grid-row:1/span 2}.aspect-page .aspect-ratio-table tbody td{grid-template-columns:70px minmax(0,1fr);align-items:baseline;gap:10px;display:grid}.aspect-page .aspect-ratio-table tbody td:before{color:var(--ink-muted);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.aspect-page .aspect-ratio-table tbody td:nth-child(2):before{content:"Example"}.aspect-page .aspect-ratio-table tbody td:nth-child(3):before{content:"Use"}.aspect-page .aspect-ratio-table tbody td:nth-child(2){white-space:normal}.aspect-preview-grid,.aspect-control-sections,.aspect-choice-grid,.aspect-page .related-grid{grid-template-columns:1fr}.aspect-result-card{border-top:1px solid var(--line);border-left:0}.aspect-source-card,.aspect-result-card{grid-template-rows:auto minmax(250px,auto) auto}.aspect-stage-wrap,.aspect-result-wrap{min-height:250px;padding:16px}.aspect-stage,.aspect-result-wrap canvas{max-height:350px}.aspect-control-sections>.panel-section{padding:18px}.aspect-control-sections>.panel-section+.panel-section{border-left:0}.aspect-ratio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.aspect-workspace .aspect-ratio-button{min-height:88px}.aspect-choice{padding:20px}.aspect-actions{grid-template-columns:1fr}.aspect-facts{gap:6px 15px}}