.page_mainPage__gG38h{margin:24px;flex-direction:column;display:flex;gap:3rem}.page_toolArea__k62jM{width:95%;margin:0 auto;align-items:stretch}.page_resultsGrid__WCSwY{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.page_harmonyCard__0rfWG{background:var(--ink-2);border:1px solid var(--border-subtle);border-radius:16px;padding:20px;min-height:160px;display:flex;flex-direction:column;gap:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 4px 16px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative}.page_harmonyCard__0rfWG:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 32px rgba(0,0,0,.25);border-color:rgba(255,255,255,.1)}.page_cardHeader__yDnef{display:flex;justify-content:space-between;align-items:center}.page_cardTitle__586ht{font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;color:var(--cream);margin:0;letter-spacing:-.3px}.page_colorDots__0zqiC{display:flex;gap:4px}.page_cardActions__zY19a{display:flex;gap:8px;align-items:center}.page_miniActionBtn__7I2RP{background:var(--ink-3);border:1px solid var(--border-subtle);color:var(--muted);font-family:var(--font-mono),monospace;font-size:10px;padding:4px 8px;border-radius:6px;cursor:pointer;transition:all .2s}.page_miniActionBtn__7I2RP:hover{background:var(--ink-4);color:var(--cream);border-color:var(--border)}.page_miniDot__IRxWi{width:6px;height:6px;border-radius:50%;background:var(--ink-4)}.page_circleRow__ZXA6O{display:flex;align-items:stretch;justify-content:stretch;height:100%}.page_circleSwatch__GSN2f{width:100%;height:100%;cursor:pointer;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.2),inset 0 2px 6px rgba(255,255,255,.25);transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.05)}.page_circleSwatch__GSN2f:hover{transform:scale(1.2) translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.35),inset 0 2px 6px rgba(255,255,255,.3);z-index:20}.page_checkIcon___wt2e{opacity:0;transform:scale(.5) rotate(-45deg);transition:all .3s cubic-bezier(.34,1.56,.64,1);color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.page_copied__rRqiG .page_checkIcon___wt2e{opacity:1;transform:scale(1) rotate(0)}.page_hexTooltip__l_8kg{position:absolute;left:50%;transform:translateX(-50%) translateY(8px);background:var(--ink-3);border:1px solid var(--border-subtle);color:var(--cream);font-family:var(--font-mono),monospace;font-size:11px;padding:6px 10px;border-radius:8px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.2,.8,.2,1);pointer-events:none;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.3);z-index:99}.page_circleSwatch__GSN2f:hover .page_hexTooltip__l_8kg{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.page_copied__rRqiG .page_hexTooltip__l_8kg{color:var(--amber)}.page_extensionsRow__RZUk1{display:flex;flex-direction:column;gap:20px;margin-top:24px}.page_extensionsGrid__S0hfR{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.page_exportBar__HwzJ1{background:var(--ink-2);border:1px solid var(--border-subtle);border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.page_exportTitle__UD8fy{font-family:DM Sans,sans-serif;color:var(--cream);font-weight:600;margin:0}.page_exportActions__aJQlH{display:flex;gap:12px;flex-wrap:wrap}.page_exportBtn__Qz8n0{background:var(--ink-3);border:1px solid var(--border-subtle);color:var(--cream);font-family:var(--font-mono),monospace;font-size:13px;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.page_exportBtn__Qz8n0:hover{background:var(--ink-4);border-color:var(--amber);color:var(--amber)}.page_matrixCard__pV_30{background:var(--ink-2);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:24px}.page_matrixRow__fB6qE{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.page_matrixRow__fB6qE:last-child{border-bottom:none;padding-bottom:0}.page_matrixSample__WLY52{display:flex;align-items:center;gap:16px}.page_sampleText__6iX5e{font-family:DM Sans,sans-serif;font-size:24px;font-weight:700}.page_badgeRow__pttXa{display:flex;gap:8px;flex-direction:column;align-items:flex-end}.page_badge__WPTHW{font-family:var(--font-mono),monospace;font-size:11px;padding:4px 8px;border-radius:4px;font-weight:700}.page_badgePass__9AtgP{background:rgba(46,204,113,.15);color:#2ecc71}.page_badgeFail__78Kud{background:rgba(231,76,60,.15);color:#e74c3c}.page_ratioText__5lE9u{font-family:var(--font-mono),monospace;color:var(--muted);font-size:12px}.page_uiCard__GoRwz{background:var(--ink);border:4px solid var(--ink-2);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:24px;overflow:hidden;box-shadow:inset 0 0 20px rgba(0,0,0,.5)}.page_uiHeader__VxeHd{display:flex;gap:12px;align-items:center}.page_uiLogo__8FbaZ{width:32px;height:32px;border-radius:8px}.page_uiNav___HF3k{flex:1;height:8px;border-radius:4px;background:var(--ink-3);opacity:.5}.page_uiHero__mxmqG{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.page_uiTitle__xbpdv{width:60%;height:24px;border-radius:4px;background:var(--cream)}.page_uiSubtitle___jpAJ{width:80%;height:12px;border-radius:4px;background:var(--muted)}.page_uiBtn__qcVR7{margin-top:8px;padding:12px 24px;border-radius:8px;font-family:DM Sans,sans-serif;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:opacity .2s}.page_uiBtn__qcVR7:hover{opacity:.9}@media (max-width:1024px){.page_resultsGrid__WCSwY{padding-left:0;padding-top:24px}}@media (max-width:768px){.page_resultsGrid__WCSwY{gap:16px}.page_harmonyCard__0rfWG{padding:16px;gap:20px}}@media (max-width:480px){.page_resultsGrid__WCSwY{grid-template-columns:1fr}}.page_root__b6fYm{width:100%;display:flex;flex-direction:column;gap:12px}.page_rootRow__VNuBa{flex-direction:row;align-items:flex-start}.page_rootRow__VNuBa .page_outputSlot__Zu5GX,.page_rootRow__VNuBa .page_pickerCore__cIRyB{flex:1;min-width:0}.page_pickerCore__cIRyB{width:100%;background:var(--ink-2);border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden}.page_satBoard__r_gXi{position:relative;width:100%;cursor:crosshair;user-select:none;flex-shrink:0}.page_satWhite___m07y{background:linear-gradient(90deg,#fff,transparent)}.page_satBlack__7UwND,.page_satWhite___m07y{position:absolute;inset:0;pointer-events:none}.page_satBlack__7UwND{background:linear-gradient(180deg,transparent,#000)}.page_satThumb__J1nIQ{position:absolute;width:13px;height:13px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.45);transform:translate(-50%,-50%);pointer-events:none;will-change:left,top}.page_controls__X1h1T{display:flex;flex-direction:column}.page_railsRow__L5Nhf{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border-subtle)}.page_previewWrap__4ymOs{flex-shrink:0}.page_previewDot__crNj5{width:30px;height:30px;border-radius:50%;border:1px solid var(--border-subtle);flex-shrink:0}.page_railsStack__hWXDi{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.page_hueRail__Y_D64{background:linear-gradient(90deg,#ff0000,#ff9900,#ffff00,#00ff00,#00ffff,#0000ff,#ff00ff,#ff0000)}.page_alphaRail__oUMmS,.page_hueRail__Y_D64{position:relative;height:10px;border-radius:5px;cursor:pointer;user-select:none}.page_alphaRail__oUMmS{background-image:repeating-conic-gradient(rgba(255,255,255,.15) 0 25%,transparent 0 50%);background-size:10px 10px}.page_alphaFill__9z5C9{position:absolute;inset:0;border-radius:5px;pointer-events:none}.page_railThumb__MoJoh{position:absolute;top:50%;transform:translate(-50%,-50%);width:15px;height:15px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.4);pointer-events:none;will-change:left}.page_slidersBlock__0zj1b{padding:10px 14px;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px}.page_sliderRow__TUGyo{display:flex;align-items:center;gap:10px}.page_sliderLabel__TfYZ9{font-family:var(--font-mono),monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);width:16px;flex-shrink:0;text-align:center}.page_rangeInput___mY28{flex:1;-webkit-appearance:none;height:4px;background:var(--ink-4);border-radius:2px;outline:none;cursor:pointer;min-width:0}.page_rangeInput___mY28::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--amber);cursor:pointer;border:2px solid var(--ink-2)}.page_rangeInput___mY28::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--amber);cursor:pointer;border:2px solid var(--ink-2)}.page_sliderValue__Ye4cp{font-family:var(--font-mono),monospace;font-size:11px;color:var(--cream-3);min-width:36px;text-align:right}.page_inputsBlock__EsI7h{display:flex;border-bottom:1px solid var(--border-subtle)}.page_inputGroup__5puzt{flex:1;min-width:0;padding:8px 10px 7px;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:3px}.page_inputGroup__5puzt:last-child{border-right:none}.page_inputGroup__5puzt:first-child{flex:2}.page_inputLabel__gjD7x{font-family:var(--font-mono),monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);display:block}.page_textInput__Na_mc{width:100%;background:transparent;border:none;outline:none;color:var(--amber);font-family:var(--font-mono),monospace;font-size:12px;padding:0;transition:color .15s}.page_textInput__Na_mc:focus{color:var(--cream)}.page_copyBar__PaoaP{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--ink-3);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.page_formatToggle__EE8wY{display:flex;gap:2px;flex-shrink:0}.page_fmtBtn__ewCJV{padding:3px 7px;background:transparent;border:1px solid var(--border-subtle);border-radius:1px;color:var(--muted);font-family:var(--font-mono),monospace;font-size:9px;letter-spacing:.5px;cursor:pointer;transition:all .15s;white-space:nowrap}.page_fmtBtn__ewCJV:hover{color:var(--cream);border-color:var(--border)}.page_fmtBtnActive__2zCR7{background:rgba(232,160,32,.1);border-color:var(--border);color:var(--amber)}.page_copyVal__wlanM{flex:1;font-family:var(--font-mono),monospace;font-size:11px;color:var(--cream-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.page_iconBtn__rnHP1{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--ink-3);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--muted);cursor:pointer;transition:all .15s;flex-shrink:0}.page_iconBtnPipette__upfkX{width:13px;height:13px;color:var(--amber)}.page_iconBtn__rnHP1:hover{color:var(--cream);border-color:var(--border)}.page_copyBtn__o0V0e{padding:4px 12px;background:var(--amber);color:var(--ink);border:none;border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s;flex-shrink:0;white-space:nowrap}.page_copyBtn__o0V0e:hover{background:var(--amber-glow)}.page_swatchSection__Uc7UP{padding:10px 12px;border-bottom:1px solid var(--border-subtle)}.page_swatchSection__Uc7UP:last-child{border-bottom:none}.page_sectionLabel__xVsI6{font-family:var(--font-mono),monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:8px}.page_swatchGrid__O3TqT{display:flex;flex-wrap:wrap;gap:5px}.page_swatch__dkezZ{width:22px;height:22px;border-radius:2px;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:transform .1s,border-color .15s;flex-shrink:0;padding:0}.page_swatch__dkezZ:hover{transform:scale(1.18);border-color:rgba(255,255,255,.25)}.page_swatchActive__0oIfT{border-color:var(--amber)!important;box-shadow:0 0 0 2px rgba(232,160,32,.3)}.page_actionsRow__l2sa0{display:flex;gap:6px;padding:10px 12px;border-top:1px solid var(--border-subtle);flex-wrap:wrap}.page_btnPrimary__fp1J3{padding:7px 16px;background:var(--amber);color:var(--ink);border:none;border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.page_btnPrimary__fp1J3:hover{background:var(--amber-glow)}.page_btnGhost__wvPO9{padding:6px 14px;background:transparent;color:var(--muted);border:1px solid var(--border-subtle);border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:13px;cursor:pointer;transition:all .15s}.page_btnGhost__wvPO9:hover{color:var(--cream);border-color:var(--border)}.page_outputSlot__Zu5GX{width:100%}.page_mainPage__1ypJn{margin:24px;display:flex;flex-direction:column;gap:3rem}.page_toolArea__fyo3o{width:95%;margin:0 auto;align-items:stretch;display:flex;flex-direction:column;gap:2rem}.page_tabsContainer__eZ_rb{display:flex;gap:8px;background:var(--ink-2);padding:8px;border-radius:12px;border:1px solid var(--border-subtle);width:fit-content;margin:0 auto}.page_tab__57Rr0{padding:10px 24px;border-radius:8px;font-family:DM Sans,sans-serif;font-weight:600;font-size:14px;color:var(--muted);background:transparent;border:none;cursor:pointer;transition:all .2s ease}.page_tab__57Rr0:hover{color:var(--cream);background:rgba(255,255,255,.05)}.page_tabActive__Mpebr{background:var(--ink-4);color:var(--amber);box-shadow:0 2px 8px rgba(0,0,0,.2)}.page_simulatorGrid__ome5S{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.page_simulationCard__PbDYO{background:var(--ink-2);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 4px 16px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.page_simulationCard__PbDYO:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 32px rgba(0,0,0,.25);border-color:rgba(255,255,255,.1)}.page_cardHeader__HWN9d{display:flex;justify-content:space-between;align-items:center}.page_cardTitle__CY41E{font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;color:var(--cream);margin:0}.page_cardDesc__ywN52{font-family:var(--font-mono),monospace;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.page_previewContainer__lidEI{width:100%;border-radius:12px;overflow:hidden;position:relative;background:var(--ink);border:4px solid var(--ink-3);display:flex;align-items:center;justify-content:center;min-height:180px}.page_paletteRow__On7GR{display:flex;width:100%;height:100%;min-height:120px}.page_paletteSwatch__UxTr6{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;font-family:var(--font-mono),monospace;font-size:11px;font-weight:700;color:rgba(0,0,0,.6);text-shadow:0 1px 2px rgba(255,255,255,.4)}.page_imageUploadZone__igQ54{width:100%;border:2px dashed var(--border-subtle);border-radius:16px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:rgba(255,255,255,.02);cursor:pointer;transition:all .2s ease;min-height:200px}.page_imageUploadZone__igQ54:hover{border-color:var(--amber);background:rgba(255,170,0,.05)}.page_uploadIcon__Fak1d{color:var(--muted);margin-bottom:8px}.page_uploadText__D_uMZ{color:var(--cream);font-family:DM Sans,sans-serif;font-weight:600}.page_uploadSubtext__i_Wsk{color:var(--muted);font-size:13px}.page_hiddenInput__YDzzh{display:none}.page_previewImage__rAUrA{width:100%;height:100%;object-fit:cover;display:block}.page_uiPreview__OIHg2{width:100%;padding:24px;display:flex;flex-direction:column;gap:16px;background:#ffffff}.page_uiHeader__1hbWg{display:flex;justify-content:space-between;align-items:center}.page_uiLogo__yFtKE{width:32px;height:32px;border-radius:8px}.page_uiNav__8Vb_s{display:flex;gap:8px}.page_uiDot__vEJxI{width:8px;height:8px;border-radius:50%;background:var(--ink-4)}.page_uiBody__DfJTX{display:flex;gap:16px}.page_uiSidebar__Tz_64{flex:1;display:flex;flex-direction:column;gap:8px}.page_uiSkeletonLine__tvI5P{height:12px;border-radius:6px;background:#e2e8f0}.page_uiMain__yTDey{flex:2;display:flex;flex-direction:column;gap:12px}.page_uiHero__Wkmzl{height:80px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.page_uiBtn__SIODb{padding:8px 16px;border-radius:6px;font-family:DM Sans,sans-serif;font-weight:700;font-size:13px;color:white;border:none}@media (max-width:768px){.page_mainPage__1ypJn{margin:16px;gap:2rem}.page_simulatorGrid__ome5S{grid-template-columns:1fr}.page_tabsContainer__eZ_rb{width:100%;justify-content:stretch}.page_tab__57Rr0{flex:1;text-align:center;padding:10px 8px}}.imagePicker_container__LmWN7{width:100%;min-height:240px}.imagePicker_dropZone__2o9O0{width:100%;height:100%;min-height:240px;border:2px dashed var(--border-subtle,rgba(255,255,255,.15));border-radius:16px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--ink-2,rgba(255,255,255,.02));cursor:pointer;transition:all .2s ease;text-align:center}.imagePicker_dragging__nwSgQ,.imagePicker_dropZone__2o9O0:hover{border-color:var(--amber,#fbb847);background:rgba(251,184,71,.05)}.imagePicker_iconCircle__lz7k3{width:64px;height:64px;border-radius:50%;background:var(--ink-3,rgba(255,255,255,.05));display:flex;align-items:center;justify-content:center;transition:all .3s ease}.imagePicker_dropZone__2o9O0:hover .imagePicker_iconCircle__lz7k3{background:rgba(251,184,71,.1);transform:scale(1.05)}.imagePicker_icon__z5sLE{color:var(--muted,#9ca3af)}.imagePicker_dropZone__2o9O0:hover .imagePicker_icon__z5sLE{color:var(--amber,#fbb847)}.imagePicker_title__BwsoQ{color:var(--cream,#f1f5f9);font-family:DM Sans,sans-serif;font-size:16px;font-weight:600}.imagePicker_description__7ihq4{color:var(--muted,#9ca3af);font-size:13px;font-family:var(--font-mono),monospace}.imagePicker_previewContainer__KQSR8{width:100%;height:100%;min-height:240px;max-height:400px;border-radius:16px;overflow:hidden;position:relative;background:var(--ink,#0f1014);border:1px solid var(--border-subtle,rgba(255,255,255,.1));display:flex;align-items:center;justify-content:center}.imagePicker_previewImage__3qSTD{max-width:100%;max-height:100%;object-fit:contain;display:block}.imagePicker_clearBtn__GZIW_{position:absolute;top:16px;right:16px;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:white;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10}.imagePicker_clearBtn__GZIW_:hover{background:rgba(239,68,68,.8);transform:scale(1.1)}.imagePicker_hiddenInput__z2vac{display:none}.page_mainPage__VbV_y{margin:24px;display:flex;flex-direction:column;gap:3rem}.page_toolArea__u6JVb{width:95%;margin:0 auto}.page_layout__fpt9l{display:flex;flex-direction:column;gap:24px}.page_extractLayout___edGh{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.page_imageSection__Z4a5F{display:flex;flex-direction:column;gap:12px}.page_paletteSection___XEeL{display:flex;flex-direction:column;gap:16px;background:var(--ink-2);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 4px 16px rgba(0,0,0,.1)}.page_swatchRow__8e6N2{display:flex;flex-direction:column;gap:12px}.page_swatchCard__p4GpP{display:flex;align-items:center;justify-content:space-between;background:var(--ink-3);padding:12px;border-radius:12px;border:1px solid var(--border);transition:all .2s ease}.page_swatchCard__p4GpP:hover{transform:translateX(4px);border-color:var(--amber)}.page_colorPreviewBox__lPYw6{display:flex;align-items:center;gap:16px}.page_colorSquare__Zc65N{width:48px;height:48px;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 8px rgba(0,0,0,.2)}.page_colorInfo__wSBeR{display:flex;flex-direction:column}.page_hexCode__L84IK{font-family:DM Sans,sans-serif;font-weight:700;font-size:16px;color:var(--cream)}.page_rgbCode__Uphp_{font-family:var(--font-mono),monospace;font-size:12px;color:var(--muted)}.page_copyArea__KYHLp{display:flex;gap:8px}.page_copyBtn__5iC4Z{background:var(--ink-4);color:var(--muted);border:none;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s}.page_copyBtn__5iC4Z:hover{background:rgba(255,255,255,.1);color:var(--cream)}.page_loadingState__j0OE7{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;font-family:DM Sans,sans-serif;color:var(--amber);gap:12px}@media (max-width:900px){.page_extractLayout___edGh{grid-template-columns:1fr}}.page_mainPage__zsf9C{margin:24px;display:flex;flex-direction:column;gap:3rem}.page_toolArea__MEZYN{width:95%;margin:0 auto}.page_gridLayout__seLYq{display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:stretch}.page_controlsCol__Nbjyg{display:flex;flex-direction:column;gap:24px}.page_pickerBox__FwOue{background:var(--ink-2);border:1px solid var(--border-subtle);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}.page_pickerLabel__PLNgR{font-family:DM Sans,sans-serif;font-weight:600;color:var(--cream);font-size:14px}.page_previewCol__Dc8aX{display:flex;flex-direction:column;gap:24px}.page_ratioCard__p9x52{background:var(--ink-2);border:1px solid var(--border-subtle);border-radius:16px;padding:32px;display:flex;align-items:center;justify-content:space-between;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 4px 16px rgba(0,0,0,.1)}.page_ratioValue__p3gcz{font-family:DM Sans,sans-serif;font-weight:800;font-size:48px;line-height:1;color:var(--cream)}.page_ratioLabel___Abwq{font-size:14px;color:var(--muted)}.page_badgesRow__iN0Yw{display:flex;gap:12px}.page_badgeCard__ziGai{background:var(--ink-3);padding:12px 20px;border-radius:12px;border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:8px;min-width:140px}.page_badgeType__QLXkZ{font-size:12px;color:var(--muted);text-transform:uppercase}.page_badgeStatus__tE4ku{font-family:var(--font-mono),monospace;font-size:16px;font-weight:700;padding:4px 12px;border-radius:6px}.page_badgePass__vKJx8{background:rgba(46,204,113,.15);color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.page_badgeFail__cMoFr{background:rgba(231,76,60,.15);color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.page_mockupCard__1B_tB{border-radius:16px;padding:48px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:24px;transition:all .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.15)}.page_mockupLarge__mFDqB{font-size:36px;font-weight:700;line-height:1.2}.page_mockupSmall__09uiA{font-size:16px;line-height:1.6}@media (max-width:768px){.page_mainPage__zsf9C{margin:16px 16px 24px}.page_toolArea__MEZYN{width:100%}.page_gridLayout__seLYq{grid-template-columns:1fr}.page_ratioCard__p9x52{flex-direction:column;gap:24px;align-items:center;padding:16px}.page_badgesRow__iN0Yw{width:100%}.page_badgeCard__ziGai{width:100%;padding:8px 12px}.page_mockupCard__1B_tB{padding:24px}}.page_mainPage__jhoyC{margin:24px;display:flex;flex-direction:column;gap:3rem}.page_toolArea__lJFPU{width:95%;margin:0 auto}.page_gradientPreview__bmaVc{width:100%;height:320px;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 24px rgba(0,0,0,.2),0 8px 32px rgba(0,0,0,.15);margin-bottom:32px}.page_controlsGrid__EzHv6{display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:start}.page_panel__tDhYl{background:var(--ink-2);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px}.page_panelTitle__a10gD{font-family:DM Sans,sans-serif;font-weight:600;color:var(--cream);font-size:16px;margin:0;border-bottom:1px solid var(--border-subtle);padding-bottom:12px}.page_settingRow__dWz7L{display:flex;flex-direction:column;gap:8px}.page_settingLabel__uFzMk{font-size:13px;color:var(--muted)}.page_selectInput__JMyl_{background:var(--ink-3);color:var(--cream);border:1px solid var(--border-subtle);padding:10px;border-radius:8px;font-family:DM Sans,sans-serif}.page_rangeInput__ufVAG{width:100%}.page_stopsList__Mcrf3{display:flex;flex-direction:column;gap:12px}.page_stopItem___HVLL{display:flex;align-items:center;gap:12px;background:var(--ink-3);padding:8px 12px;border-radius:12px;border:1px solid var(--border)}.page_colorThumb__unOda{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.2);cursor:pointer;position:relative}.page_positionInput__tbBKW{background:transparent;border:1px solid var(--border-subtle);color:var(--cream);border-radius:6px;padding:6px;width:64px;font-family:var(--font-mono),monospace;font-size:13px;text-align:center}.page_iconBtn__vD5Gi{background:transparent;color:var(--muted);border:none;cursor:pointer;padding:4px;display:flex;justify-content:center;align-items:center;border-radius:4px}.page_iconBtn__vD5Gi:hover{background:rgba(255,0,0,.1);color:#e74c3c}.page_addBtn__eJign{background:var(--ink-3);color:var(--cream);border:1px dashed var(--border-subtle);padding:12px;border-radius:12px;cursor:pointer;font-family:DM Sans,sans-serif;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.page_addBtn__eJign:hover{border-color:var(--amber);color:var(--amber)}.page_outputArea__54WFG{display:flex;flex-direction:column;gap:12px}.page_codeBox__hIkN_{background:var(--ink-3);padding:16px;border-radius:12px;font-family:var(--font-mono),monospace;font-size:13px;color:#a3be8c;word-wrap:break-word;border:1px solid var(--border-subtle)}.page_copyBtn__BN9MN{background:var(--amber);color:var(--ink);border:none;padding:12px;border-radius:8px;font-family:DM Sans,sans-serif;font-weight:600;font-size:14px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px}@media (max-width:768px){.page_mainPage__jhoyC{margin:16px 16px 24px}.page_toolArea__lJFPU{width:100%}.page_controlsGrid__EzHv6{grid-template-columns:1fr}}.page_selector__bqXU2{width:100%;background:var(--ink-3);border-radius:var(--radius);border:1px solid var(--border-subtle);padding:8px 12px;color:var(--cream-3);font-family:var(--font-mono);font-size:13px;outline:none;transition:border-color .15s;-webkit-appearance:none;appearance:none}.page_selectorWithLabel__8ADOF{display:flex;flex-direction:row;gap:.7rem;align-items:center}.page_label__RMJDf{font-size:12px;color:var(--muted);font-family:var(--font-mono),monospace;letter-spacing:.5px}.page_selectorColumn__f9e2O{display:flex;flex-direction:column;gap:.5rem;padding:.4rem;border-radius:6px}.page_panelLabel__cUJxu{font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--cream-3)}.page_chipList__kiTp0{display:flex;flex-direction:column;gap:4px}.page_chip__DtOkg{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;border:.5px solid var(--color-border);background:var(--ink-3);cursor:pointer;transition:background .12s,border-color .12s;text-align:left;width:100%}.page_chip__DtOkg:hover{background:var(--ink-2)}.page_chipActive__YoklE{background:var(--ink-2);border-color:var(--amber-dim)}.page_chipLabel__zhfkp{font-size:13px;font-weight:500;color:var(--cream-3)}.page_chipPreview__Mtc7e{font-size:11px;color:var(--cream-3);font-family:var(--font-mono,monospace)}.page_chipActive__YoklE .page_chipLabel__zhfkp{color:var(--amber-glow)}.page_chipActive__YoklE .page_chipPreview__Mtc7e{color:var(--amber-glow);opacity:.65}.page_column__62rL9{display:flex;flex-direction:column}.page_row__asESz{display:flex;flex-direction:row}.page_border__BdXZR{border:.5px solid var(--color-border)}@media (max-width:768px){.page_selectorColumn__f9e2O{padding-top:0}.page_chipList__kiTp0{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.page_chip__DtOkg{flex-direction:column;align-items:flex-start;gap:2px}}.page_mainPage__3SJ76{display:flex;flex-direction:column;gap:2rem;margin:32px}.page_toolContainer__ZTMbQ{width:95%;margin:0 auto;display:flex;flex-direction:row;gap:2rem;align-items:stretch}.page_card__aoYZu,.page_infoCard__4nwAP{background:var(--ink-2);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;width:30%}.page_outputSection__d6YWq{background-color:var(--ink-2);border-radius:16px;padding:1.5rem;width:70%}.page_cardHeader__MteOx{display:flex;justify-content:space-between;align-items:center}.page_cardTitle__yPddL{font-size:1.1rem;font-weight:600;margin:0;font-family:var(--font-mono);color:var(--cream-3)}.page_resetBtn___2WEc{background:none;border:none;color:var(--cream-3);font-size:.85rem;display:flex;align-items:center;gap:.4rem;cursor:pointer;transition:color .2s}.page_resetBtn___2WEc:hover{color:#ffb800}.page_exportActions__GlsxY{margin-top:1rem}.page_downloadAllBtn__qqWey{width:100%;background:linear-gradient(135deg,#ffb800,#ff8a00);color:#000;border:none;border-radius:12px;padding:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px rgba(255,184,0,.2)}.page_downloadAllBtn__qqWey:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,184,0,.3)}.page_downloadAllBtn__qqWey:disabled{opacity:.6;cursor:not-allowed}.page_spinner__A4B8v{animation:page_spin__dVQQ8 1s linear infinite}@keyframes page_spin__dVQQ8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page_infoCard__4nwAP h4{margin:0;font-size:1rem;color:#ffb800}.page_infoCard__4nwAP ul{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.6rem;font-size:.9rem;color:#94a3b8}.page_tabsHeader__DKqCU{display:flex;gap:.5rem;background:var(--ink-3);padding:4px;border-radius:12px;margin-bottom:.5rem;width:fit-content}.page_tabBtn__mTLbR{background:none;border:none;color:var(--ink-1);padding:.6rem 1.2rem;border-radius:10px;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.6rem;cursor:pointer;transition:all .2s}.page_tabBtn__mTLbR:hover{background:rgba(255,255,255,.03)}.page_activeTab__F3fEo{color:var(--amber);background:rgba(255,184,0,.1);box-shadow:inset 0 0 0 1px rgba(255,184,0,.2)}.page_tabContent__Z2q3T{min-height:400px}.page_previewGrid__IpbSV{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem}.page_emptyState__k7ic5{grid-column:1/-1;justify-content:center;height:300px;border:2px dashed rgba(255,255,255,.05);border-radius:20px;color:var(--ink-1)}.page_emptyState__k7ic5,.page_previewCard__tMIMp{display:flex;flex-direction:column;align-items:center;background:var(--ink-3)}.page_previewCard__tMIMp{border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.25rem;gap:1rem;position:relative;transition:border-color .2s}.page_previewCard__tMIMp:hover{border-color:rgba(255,184,0,.3)}.page_previewLabel__ChzEQ{font-size:.8rem;color:#94a3b8;font-weight:500}.page_previewImageWrap__o_oO_{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(45deg,rgba(255,255,255,.03) 25%,transparent 0),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.03) 0),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.03) 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border-radius:12px;border:1px solid rgba(0,0,0,.2)}.page_previewImg__Pi1FR{filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.page_previewMeta__09Lkz{font-size:.75rem;color:#64748b;font-family:monospace}.page_miniDownload__LY4n0{position:absolute;top:10px;right:10px;background:var(--ink-1);border:1px solid var(--color-border);color:var(--amber);width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s,background .2s}.page_previewCard__tMIMp:hover .page_miniDownload__LY4n0{opacity:1}.page_miniDownload__LY4n0:hover{background:#ffb800;color:#000}.page_codeWrap__X1n52{border-radius:16px;overflow:hidden;background:var(--ink-3);border:1px solid var(--color-border)}.page_codeHeader__8abPe{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:var(--ink-3);border-bottom:1px solid var(--color-border);font-size:.85rem;color:var(--cream-3)}.page_codeBlock__CJ_VC{margin:0;padding:1.5rem;font-size:.9rem;line-height:1.6;color:#ffb800;overflow-x:auto;text-wrap:wrap}.page_copyBtn__JVduR{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#e2e8f0;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.page_copyBtn__JVduR:hover{background:rgba(255,184,0,.1);border-color:#ffb800;color:#ffb800}@media (max-width:1024px){.page_toolContainer__ZTMbQ{grid-template-columns:1fr}}@media (max-width:768px){.page_mainPage__3SJ76{margin:16px}.page_toolContainer__ZTMbQ{width:100%;flex-direction:column;gap:1rem}.page_card__aoYZu,.page_outputSection__d6YWq{width:100%}.page_tabsHeader__DKqCU{width:100%;margin:-1.5rem -1.5rem 1.5rem;width:calc(100% + 3rem);border-radius:0}.page_tabBtn__mTLbR{width:100%;font-size:.7rem;border-radius:0}.page_previewGrid__IpbSV{grid-template-columns:repeat(2,1fr);gap:1rem}}.page_checkbox__kFK7b{width:16px;height:16px;cursor:pointer}.page_checkbox__kFK7b:disabled{cursor:not-allowed;opacity:.5}.page_checkbox__kFK7b:checked{cursor:pointer;accent-color:var(--amber-dim)}.page_checkbox__kFK7b:hover{cursor:pointer}.page_checkbox__kFK7b:focus{outline:none}