.ScreenshotToWireframeTool-module__2EHqHq__wrapper{border:1px solid var(--color-border);background:#fff;border-radius:16px;flex-direction:column;max-width:1440px;height:780px;min-height:600px;margin:0 auto;display:flex;overflow:hidden}.ScreenshotToWireframeTool-module__2EHqHq__topBar{border-bottom:1px solid var(--color-border);background:var(--color-surface,#fafcf5);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.ScreenshotToWireframeTool-module__2EHqHq__topBarGroup{align-items:center;gap:6px;display:flex}.ScreenshotToWireframeTool-module__2EHqHq__topBarLabel{color:var(--color-text-muted);white-space:nowrap;font-size:12px;font-weight:600}.ScreenshotToWireframeTool-module__2EHqHq__sizeBtn{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .15s}.ScreenshotToWireframeTool-module__2EHqHq__sizeBtn:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.ScreenshotToWireframeTool-module__2EHqHq__sizeBtnActive{border-color:var(--color-accent);color:var(--color-text-primary);background:#c3db6b1f}.ScreenshotToWireframeTool-module__2EHqHq__sizeInput{border:1px solid var(--color-border);width:56px;color:var(--color-text-primary);text-align:center;font-variant-numeric:tabular-nums;background:#fff;border-radius:6px;padding:4px 6px;font-size:12px;font-weight:600}.ScreenshotToWireframeTool-module__2EHqHq__sizeInput:focus{border-color:var(--color-accent);outline:none}.ScreenshotToWireframeTool-module__2EHqHq__sizeSep{color:var(--color-text-muted);font-size:11px}.ScreenshotToWireframeTool-module__2EHqHq__actionBtn{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.ScreenshotToWireframeTool-module__2EHqHq__actionBtn:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.ScreenshotToWireframeTool-module__2EHqHq__actionBtn:disabled{opacity:.4;cursor:default}.ScreenshotToWireframeTool-module__2EHqHq__actionBtnPrimary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.ScreenshotToWireframeTool-module__2EHqHq__actionBtnPrimary:hover{filter:brightness(.95)}.ScreenshotToWireframeTool-module__2EHqHq__body{flex:1;min-height:0;display:flex;overflow:hidden}.ScreenshotToWireframeTool-module__2EHqHq__palette{border-right:1px solid var(--color-border);background:var(--color-surface,#fafcf5);flex-shrink:0;width:160px;min-width:140px;padding:12px 10px;overflow-y:auto}.ScreenshotToWireframeTool-module__2EHqHq__paletteTitle{text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);margin:0 0 10px 2px;font-size:10px;font-weight:700}.ScreenshotToWireframeTool-module__2EHqHq__paletteItem{cursor:grab;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;margin-bottom:2px;padding:7px 8px;transition:background .12s;display:flex}.ScreenshotToWireframeTool-module__2EHqHq__paletteItem:hover{background:#c3db6b1a}.ScreenshotToWireframeTool-module__2EHqHq__paletteItem:active{cursor:grabbing}.ScreenshotToWireframeTool-module__2EHqHq__paletteIcon{border:1px solid var(--color-border);background:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:22px;display:flex;overflow:hidden}.ScreenshotToWireframeTool-module__2EHqHq__paletteLabel{color:var(--color-text-secondary);white-space:nowrap;font-size:12px;font-weight:600}.ScreenshotToWireframeTool-module__2EHqHq__shortcutsBox{border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px}.ScreenshotToWireframeTool-module__2EHqHq__shortcutsTitle{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:8px;font-size:11px;font-weight:700}.ScreenshotToWireframeTool-module__2EHqHq__shortcutRow{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;line-height:1.4;display:flex}.ScreenshotToWireframeTool-module__2EHqHq__kbd{background:var(--color-surface-2,#edf0e4);border:1px solid var(--color-border);color:var(--color-text);white-space:nowrap;border-radius:4px;padding:1px 5px;font-family:monospace;font-size:10px;display:inline-block}.ScreenshotToWireframeTool-module__2EHqHq__canvasArea{background:#f0f0f0;flex:1;justify-content:center;align-items:flex-start;min-width:0;padding:32px;display:flex;position:relative;overflow:auto}.ScreenshotToWireframeTool-module__2EHqHq__canvas{background:#fff radial-gradient(circle,#d0d0d0 .8px,#0000 .8px) 0 0/20px 20px;border-radius:4px;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 2px 16px #00000014}.ScreenshotToWireframeTool-module__2EHqHq__canvasInner{position:absolute;inset:0}.ScreenshotToWireframeTool-module__2EHqHq__elWrap{cursor:move;-webkit-user-select:none;user-select:none;position:absolute}.ScreenshotToWireframeTool-module__2EHqHq__elWrapSelected{z-index:100}.ScreenshotToWireframeTool-module__2EHqHq__elBody{box-sizing:border-box;pointer-events:none;width:100%;height:100%;overflow:hidden}.ScreenshotToWireframeTool-module__2EHqHq__selectionBorder{border-radius:inherit;pointer-events:none;z-index:10;border:2px solid #3b82f6;position:absolute;inset:-1px}.ScreenshotToWireframeTool-module__2EHqHq__handle{z-index:11;background:#fff;border:2px solid #3b82f6;border-radius:2px;width:8px;height:8px;position:absolute}.ScreenshotToWireframeTool-module__2EHqHq__handleTL{cursor:nw-resize;top:-5px;left:-5px}.ScreenshotToWireframeTool-module__2EHqHq__handleTR{cursor:ne-resize;top:-5px;right:-5px}.ScreenshotToWireframeTool-module__2EHqHq__handleBL{cursor:sw-resize;bottom:-5px;left:-5px}.ScreenshotToWireframeTool-module__2EHqHq__handleBR{cursor:se-resize;bottom:-5px;right:-5px}.ScreenshotToWireframeTool-module__2EHqHq__handleT{cursor:n-resize;top:-5px;left:50%;transform:translate(-50%)}.ScreenshotToWireframeTool-module__2EHqHq__handleB{cursor:s-resize;bottom:-5px;left:50%;transform:translate(-50%)}.ScreenshotToWireframeTool-module__2EHqHq__handleL{cursor:w-resize;top:50%;left:-5px;transform:translateY(-50%)}.ScreenshotToWireframeTool-module__2EHqHq__handleR{cursor:e-resize;top:50%;right:-5px;transform:translateY(-50%)}.ScreenshotToWireframeTool-module__2EHqHq__rectEl{width:100%;height:100%}.ScreenshotToWireframeTool-module__2EHqHq__textEl{flex-direction:column;justify-content:flex-start;gap:5px;padding:8px;display:flex}.ScreenshotToWireframeTool-module__2EHqHq__textLine{background:#d1d5db;border-radius:4px;height:8px}.ScreenshotToWireframeTool-module__2EHqHq__headingEl{align-items:flex-start;padding:8px;display:flex}.ScreenshotToWireframeTool-module__2EHqHq__headingBar{background:#9ca3af;border-radius:4px;width:70%;height:14px}.ScreenshotToWireframeTool-module__2EHqHq__imageEl{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.ScreenshotToWireframeTool-module__2EHqHq__imageX{position:absolute;inset:0}.ScreenshotToWireframeTool-module__2EHqHq__imageLabel{color:#9ca3af;z-index:1;letter-spacing:.5px;font-size:11px;font-weight:600}.ScreenshotToWireframeTool-module__2EHqHq__buttonEl{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ScreenshotToWireframeTool-module__2EHqHq__buttonLine{background:#9ca3af;border-radius:4px;width:50%;height:8px}.ScreenshotToWireframeTool-module__2EHqHq__navEl{align-items:center;gap:10px;width:100%;height:100%;padding:0 12px;display:flex}.ScreenshotToWireframeTool-module__2EHqHq__navDot{background:#9ca3af;border-radius:3px;width:24px;height:6px}.ScreenshotToWireframeTool-module__2EHqHq__inputEl{align-items:center;width:100%;height:100%;padding:0 10px;display:flex}.ScreenshotToWireframeTool-module__2EHqHq__inputLine{background:#d1d5db;border-radius:3px;width:40%;height:6px}.ScreenshotToWireframeTool-module__2EHqHq__avatarEl{border-radius:50%;width:100%;height:100%}.ScreenshotToWireframeTool-module__2EHqHq__dividerEl{align-items:center;width:100%;height:100%;display:flex}.ScreenshotToWireframeTool-module__2EHqHq__dividerLine{background:#d1d5db;width:100%;height:2px}.ScreenshotToWireframeTool-module__2EHqHq__cardEl{border-radius:inherit;width:100%;height:100%;box-shadow:0 1px 4px #00000014}.ScreenshotToWireframeTool-module__2EHqHq__props{border-left:1px solid var(--color-border);background:var(--color-surface,#fafcf5);flex-shrink:0;width:220px;min-width:200px;padding:14px 12px;overflow-y:auto}.ScreenshotToWireframeTool-module__2EHqHq__propsEmpty{color:var(--color-text-muted);text-align:center;margin-top:40px;font-size:12px;line-height:1.5}.ScreenshotToWireframeTool-module__2EHqHq__propsTitle{text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);margin:0 0 10px;font-size:10px;font-weight:700}.ScreenshotToWireframeTool-module__2EHqHq__propsSection{border-bottom:1px solid var(--color-border);margin-bottom:14px;padding-bottom:14px}.ScreenshotToWireframeTool-module__2EHqHq__propsSection:last-child{border-bottom:none}.ScreenshotToWireframeTool-module__2EHqHq__propsSectionLabel{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);margin:0 0 8px;font-size:10px;font-weight:700}.ScreenshotToWireframeTool-module__2EHqHq__propsGrid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ScreenshotToWireframeTool-module__2EHqHq__propField{flex-direction:column;gap:2px;display:flex}.ScreenshotToWireframeTool-module__2EHqHq__propFieldFull{grid-column:1/-1}.ScreenshotToWireframeTool-module__2EHqHq__propLabel{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:600}.ScreenshotToWireframeTool-module__2EHqHq__propInput{border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);font-variant-numeric:tabular-nums;box-sizing:border-box;background:#fff;border-radius:5px;padding:4px 6px;font-size:12px;font-weight:500}.ScreenshotToWireframeTool-module__2EHqHq__propInput:focus{border-color:var(--color-accent);outline:none}.ScreenshotToWireframeTool-module__2EHqHq__sliderRow{align-items:center;gap:6px;display:flex}.ScreenshotToWireframeTool-module__2EHqHq__slider{appearance:none;background:var(--color-border);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.ScreenshotToWireframeTool-module__2EHqHq__slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0003}.ScreenshotToWireframeTool-module__2EHqHq__slider::-moz-range-thumb{background:var(--color-accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0003}.ScreenshotToWireframeTool-module__2EHqHq__sliderVal{color:var(--color-text-muted);text-align:right;font-variant-numeric:tabular-nums;min-width:28px;font-size:11px;font-weight:600}.ScreenshotToWireframeTool-module__2EHqHq__colorRow{align-items:center;gap:6px;display:flex}.ScreenshotToWireframeTool-module__2EHqHq__colorSwatch{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:5px;flex-shrink:0;width:26px;height:26px;padding:2px}.ScreenshotToWireframeTool-module__2EHqHq__colorHex{border:1px solid var(--color-border);width:72px;color:var(--color-text-primary);background:#fff;border-radius:5px;padding:4px 6px;font-family:monospace;font-size:11px;font-weight:600}.ScreenshotToWireframeTool-module__2EHqHq__colorHex:focus{border-color:var(--color-accent);outline:none}.ScreenshotToWireframeTool-module__2EHqHq__toggleRow{justify-content:space-between;align-items:center;display:flex}.ScreenshotToWireframeTool-module__2EHqHq__toggleLabel{color:var(--color-text-secondary);font-size:11px;font-weight:600}.ScreenshotToWireframeTool-module__2EHqHq__toggleBtn{border:1px solid var(--color-border);cursor:pointer;background:#ddd;border-radius:9px;flex-shrink:0;width:34px;height:18px;padding:0;transition:all .2s;position:relative}.ScreenshotToWireframeTool-module__2EHqHq__toggleBtnOn{background:var(--color-accent);border-color:var(--color-accent)}.ScreenshotToWireframeTool-module__2EHqHq__toggleKnob{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000026}.ScreenshotToWireframeTool-module__2EHqHq__toggleBtnOn .ScreenshotToWireframeTool-module__2EHqHq__toggleKnob{transform:translate(16px)}.ScreenshotToWireframeTool-module__2EHqHq__propsActions{flex-wrap:wrap;gap:6px;display:flex}.ScreenshotToWireframeTool-module__2EHqHq__propsActionBtn{border:1px solid var(--color-border);min-width:0;color:var(--color-text-secondary);cursor:pointer;text-align:center;white-space:nowrap;background:#fff;border-radius:6px;flex:1;padding:6px 4px;font-size:11px;font-weight:600;transition:all .12s}.ScreenshotToWireframeTool-module__2EHqHq__propsActionBtn:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.ScreenshotToWireframeTool-module__2EHqHq__propsActionBtnDanger{color:#ef4444}.ScreenshotToWireframeTool-module__2EHqHq__propsActionBtnDanger:hover{color:#dc2626;background:#fef2f2;border-color:#ef4444}.ScreenshotToWireframeTool-module__2EHqHq__toast{color:#fff;z-index:9999;pointer-events:none;background:#1f2937;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;animation:.2s ScreenshotToWireframeTool-module__2EHqHq__toastIn;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes ScreenshotToWireframeTool-module__2EHqHq__toastIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:1000px){.ScreenshotToWireframeTool-module__2EHqHq__palette{width:130px;min-width:110px}.ScreenshotToWireframeTool-module__2EHqHq__props{width:190px;min-width:170px}}@media (max-width:768px){.ScreenshotToWireframeTool-module__2EHqHq__wrapper{height:auto;min-height:500px}.ScreenshotToWireframeTool-module__2EHqHq__body{flex-direction:column}.ScreenshotToWireframeTool-module__2EHqHq__palette{border-right:none;border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:4px;width:100%;min-width:0;max-height:100px;padding:8px 10px;display:flex;overflow-y:auto}.ScreenshotToWireframeTool-module__2EHqHq__paletteTitle{display:none}.ScreenshotToWireframeTool-module__2EHqHq__paletteItem{margin-bottom:0}.ScreenshotToWireframeTool-module__2EHqHq__canvasArea{min-height:400px;padding:16px}.ScreenshotToWireframeTool-module__2EHqHq__props{border-left:none;border-top:1px solid var(--color-border);width:100%;min-width:0;max-height:200px}.ScreenshotToWireframeTool-module__2EHqHq__topBar{padding:8px 10px}}
.page-module__WAgmoG__heroCompact{background:linear-gradient(135deg,var(--color-surface)0%,#fff 100%);border-bottom:1px solid var(--color-border);padding:48px 0 36px}.page-module__WAgmoG__breadcrumb{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.page-module__WAgmoG__breadcrumb a{color:inherit;text-decoration:none;transition:color .15s}.page-module__WAgmoG__breadcrumb a:hover{color:var(--color-accent-hover)}.page-module__WAgmoG__heroTitleCompact{color:var(--color-text-primary);margin-bottom:8px;font-family:DM Serif Display,serif;font-size:32px;font-weight:400;line-height:1.2}.page-module__WAgmoG__heroSub{color:var(--color-text-muted);margin:0;font-size:15px}.page-module__WAgmoG__toolSectionTop{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:40px 0 60px}.page-module__WAgmoG__contentSection{background:var(--color-surface);border-top:1px solid var(--color-border);padding:80px 0}.page-module__WAgmoG__textContent{max-width:none}.page-module__WAgmoG__textContent h2{color:var(--color-text-primary);margin-bottom:20px;font-family:DM Serif Display,serif;font-size:28px}.page-module__WAgmoG__textContent p{color:var(--color-text-secondary);margin-bottom:20px;font-size:16px;line-height:1.7}.page-module__WAgmoG__sectionTitle{color:var(--color-text-primary);margin-bottom:40px;font-family:DM Serif Display,serif;font-size:32px}.page-module__WAgmoG__howToSection{border-bottom:1px solid var(--color-border);padding:80px 0}.page-module__WAgmoG__howToList{grid-template-columns:repeat(3,1fr);gap:40px;padding:0;list-style:none;display:grid}.page-module__WAgmoG__howToItem{gap:20px;display:flex}.page-module__WAgmoG__stepNum{background:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.page-module__WAgmoG__howToItem strong{margin-bottom:8px;font-size:18px;display:block}.page-module__WAgmoG__howToItem p{color:var(--color-text-muted);font-size:15px;line-height:1.6}@media (max-width:768px){.page-module__WAgmoG__howToList{grid-template-columns:1fr}}.page-module__WAgmoG__relatedSection{background:#fff;padding:72px 0}.page-module__WAgmoG__relatedGrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.page-module__WAgmoG__relatedCard{border:1px solid var(--color-border);background:#fff;border-radius:16px;align-items:flex-start;gap:16px;padding:24px;text-decoration:none;transition:all .2s;display:flex}.page-module__WAgmoG__relatedCard:hover{border-color:var(--color-accent);background:#c3db6b26;transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.page-module__WAgmoG__relatedEmoji{flex-shrink:0;margin-top:2px;font-size:1.5rem}.page-module__WAgmoG__relatedCard strong{color:var(--color-text-primary);margin-bottom:6px;font-size:.9rem;font-weight:700;display:block}.page-module__WAgmoG__relatedCard p{color:var(--color-text-secondary);margin:0;font-size:.8rem;line-height:1.5}.page-module__WAgmoG__faqSection{background:var(--color-surface);padding:100px 0}@media (max-width:900px){.page-module__WAgmoG__relatedGrid{grid-template-columns:1fr}}@media (max-width:768px){.page-module__WAgmoG__heroCompact{padding:24px 0 16px}.page-module__WAgmoG__heroTitleCompact{font-size:24px}}