.geometry-editor{max-width:73rem;margin:0 auto 3rem;border:1px solid var(--line);border-radius:calc(var(--radius) + .35rem);background:var(--surface);padding:clamp(1rem,3.5vw,2rem);box-shadow:0 1.2rem 3.5rem #182c281a}.geometry-task-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 auto 1rem}.geometry-task-nav a{flex:1 1 8rem;border:1px solid var(--line);border-radius:.65rem;background:#fff;color:var(--ink);padding:.55rem .7rem;text-align:center;text-decoration:none;font-size:.84rem;font-weight:750}.geometry-task-nav a:hover,.geometry-task-nav a[aria-current=page]{border-color:var(--accent);background:#edf7f1;color:var(--accent)}.geometry-workflow{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);gap:1rem}.geometry-upload,.geometry-settings,.geometry-result{min-width:0;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1rem,2.5vw,1.5rem)}.geometry-upload{background:linear-gradient(135deg,#edf7f1,#fbfdf9 66%)}.geometry-upload h2,.geometry-settings h2{margin:0;color:var(--ink);font-size:1.35rem;letter-spacing:-.03em}.geometry-drop{display:grid;width:100%;min-height:8rem;place-content:center;gap:.35rem;margin-top:1rem;border:1.5px dashed #79a997;border-radius:.8rem;background:#fff9;color:var(--ink);padding:1rem;font:inherit;text-align:center}.geometry-drop:hover,.geometry-drop:focus-visible{border-color:var(--accent);outline:3px solid #b7d9cd;outline-offset:2px}.geometry-editor.image-service .geometry-drop{background:#fff9;color:var(--ink)}.geometry-editor.image-service .geometry-drop:hover,.geometry-editor.image-service .geometry-drop:focus-visible{background:#fff;color:var(--ink);box-shadow:none;transform:none}.geometry-drop__icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;margin:auto;border-radius:.8rem;background:var(--accent);color:#fff;font-size:1.5rem}.geometry-file-name,.geometry-drop small,.geometry-help{min-width:0;max-width:100%;color:var(--muted);font-size:.84rem;line-height:1.45;overflow-wrap:anywhere}.geometry-preview-shell{position:relative;display:grid;min-height:13rem;place-items:center;margin-top:1rem;border:1px solid var(--line);border-radius:.8rem;background:repeating-conic-gradient(#f0f3ef 0 25%,#fff 0 50%) 50% / 1rem 1rem;overflow:hidden}.geometry-preview{display:block;width:100%;height:auto;max-width:100%;outline:none}.geometry-preview-stage{position:relative;width:100%;min-width:0;touch-action:none;user-select:none}.geometry-guides{position:absolute;inset:0;width:100%;height:100%;overflow:visible;touch-action:none}.geometry-source-frame{fill:none;stroke:#182c2870;stroke-width:1}.geometry-frame-shadow{fill:none;stroke:#182c28;stroke-width:4;pointer-events:none}.geometry-frame{fill:transparent;stroke:#fff;stroke-width:2;cursor:move}.geometry-grid-lines{fill:none;stroke:#ffffffb3;stroke-width:1;stroke-dasharray:4 4;pointer-events:none}.geometry-handle-hit{fill:transparent}.geometry-handle-face{fill:#6937ad;stroke:#fff;stroke-width:3;filter:drop-shadow(0 1px 2px #182c28b3);pointer-events:none}.geometry-handle-icon{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.geometry-handle:hover .geometry-handle-face,.geometry-handle:focus .geometry-handle-face{fill:#462071;stroke:#e6d2ff;stroke-width:4}.geometry-handle:focus{outline:none}.geometry-handle--corner{cursor:nwse-resize}.geometry-handle--left,.geometry-handle--right{cursor:ew-resize}.geometry-handle--top,.geometry-handle--bottom{cursor:ns-resize}.geometry-preview-dimensions{color:var(--ink);font-weight:700}.geometry-preview-stage.is-dragging{cursor:grabbing}.geometry-preview-stage.is-panning,.geometry-preview-stage.is-panning .geometry-frame{cursor:grab}.geometry-preview-stage.is-panning.is-dragging,.geometry-preview-stage.is-panning.is-dragging .geometry-frame{cursor:grabbing}.geometry-view-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.geometry-editor.image-service .geometry-view-controls button{min-width:2.75rem;min-height:2.75rem;padding:.5rem .65rem;border:1px solid var(--line);border-radius:.6rem;background:#fff;color:var(--accent);font-size:.82rem;box-shadow:none;transform:none}.geometry-editor.image-service .geometry-view-controls button:hover,.geometry-editor.image-service .geometry-view-controls button[aria-pressed=true]{background:#edf7f1;border-color:var(--accent)}.geometry-editor.image-service .geometry-view-controls button:focus-visible{outline:3px solid #8f70e8;outline-offset:2px}.geometry-editor.image-service .geometry-view-controls button:disabled{opacity:.45;cursor:default}.geometry-zoom{min-width:2.6rem;color:var(--ink);font-size:.85rem;font-weight:750;text-align:center}.geometry-preview--interactive{touch-action:none}.geometry-preview:focus-visible{outline:3px solid #8f70e8;outline-offset:2px}.geometry-preview-empty{position:absolute;color:var(--muted);padding:1rem;text-align:center}.geometry-settings{background:#fbfbf9}.geometry-settings fieldset{border:0;margin:1.15rem 0 0;padding:0}.geometry-settings legend{margin-bottom:.55rem;color:var(--ink);font-size:.9rem;font-weight:800}.geometry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem}.geometry-settings label{display:grid;gap:.35rem;color:var(--ink);font-size:.88rem;font-weight:750}.geometry-settings input,.geometry-settings select{width:100%;min-width:0;min-height:2.55rem;border:1px solid #bac9c0;border-radius:.65rem;background:#fff;color:var(--ink);padding:.45rem .6rem;font:inherit}.geometry-settings input:focus,.geometry-settings select:focus{border-color:var(--accent);outline:3px solid #cce4da;outline-offset:1px}.geometry-check{display:flex!important;grid-template-columns:none;align-items:center;gap:.5rem!important;margin-top:.85rem;font-weight:700!important}.geometry-check input{width:auto;min-height:auto;accent-color:var(--accent)}.geometry-check small,.geometry-modes small{display:block;color:var(--muted);font-size:.76rem;font-weight:500}.geometry-modes,.geometry-background{display:grid;gap:.55rem}.geometry-modes label,.geometry-background label{display:block;border:1px solid var(--line);border-radius:.65rem;background:#fff;padding:.6rem}.geometry-modes input,.geometry-background input{width:auto;min-height:auto;margin-right:.35rem;accent-color:var(--accent)}.geometry-ratios,.geometry-actions{display:flex;flex-wrap:wrap;gap:.45rem}.geometry-ratios button,.geometry-actions button{border:1px solid var(--line);border-radius:.6rem;background:#fff;color:var(--accent);padding:.52rem .65rem;font:inherit;font-size:.82rem;font-weight:750}.geometry-editor.image-service .geometry-ratios button,.geometry-editor.image-service .geometry-actions button{background:#fff;color:var(--accent)}.geometry-editor.image-service .geometry-ratios button:hover,.geometry-editor.image-service .geometry-actions button:hover{border-color:#0f4938;background:#edf7f1;color:#0f4938;box-shadow:none;transform:none}.geometry-editor.image-service .geometry-ratios button.is-active{border-color:var(--accent);background:#edf7f1}.geometry-generate{width:100%;margin-top:1.25rem}.geometry-quality output{color:var(--accent)}.geometry-quality input{min-height:auto;padding:0;accent-color:var(--accent)}.geometry-status{min-height:1.3rem;margin:.8rem 0 0;color:var(--muted);font-size:.88rem}.geometry-error{margin:.7rem 0 0;border:1px solid #efb6ac;border-radius:.7rem;background:#fff4f1;color:#963f30;padding:.7rem;font-size:.86rem}.geometry-result{margin-top:1rem;background:#fff}.geometry-result-empty{margin-top:.8rem;border:1px dashed var(--line);border-radius:.7rem;background:var(--canvas);color:var(--muted);padding:1rem}.geometry-result-content{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;margin-top:.8rem}.geometry-output{max-width:100%;max-height:18rem;border:1px solid var(--line);object-fit:contain}.geometry-original{display:block;width:auto;max-width:100%;max-height:18rem;object-fit:contain}.geometry-result-stats{color:var(--muted);font-size:.88rem;line-height:1.5}.geometry-download{display:inline-block;border-radius:.65rem;background:var(--accent);color:#fff;padding:.7rem .9rem;font-weight:800;text-decoration:none}@media(max-width:720px){.image-converter__heading,.image-results__heading{display:block}.image-converter__heading p,.image-results__heading>p{max-width:none;margin-top:.5rem;text-align:left}.image-workflow,.image-steps,.image-task-links{grid-template-columns:1fr}.image-service .image-drop-zone{min-height:13rem}.geometry-workflow{grid-template-columns:1fr}}@media(max-width:480px){.image-settings__primary,.image-settings__advanced-fields{grid-template-columns:1fr}.image-settings__advanced-fields .image-target-label{grid-column:auto}.image-service .image-actions{display:grid;grid-template-columns:1fr 1fr}.image-service .image-actions button[type=submit]{grid-column:1 / -1;width:100%}.image-service .image-file-row{grid-template-columns:minmax(0,1fr) auto}.image-service .image-file-row img{grid-column:2;grid-row:1 / span 2}.image-service .image-file-row>div:last-child{grid-column:1 / -1;justify-content:flex-end}.geometry-grid,.geometry-result-content{grid-template-columns:1fr}.geometry-editor{padding:.85rem}}