.CrosshairGenerator_container__0MJQq{display:flex;gap:var(--spacing-6);width:100%}@media (max-width:900px){.CrosshairGenerator_container__0MJQq{flex-direction:column}}.CrosshairGenerator_previewSection__NYQL6{flex:1;display:flex;flex-direction:column;gap:var(--spacing-4);min-width:300px}.CrosshairGenerator_canvasBox__BjwRq{background-color:#2b2b2b;border:1px solid var(--border-color);border-radius:var(--radius-lg);aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-image:linear-gradient(45deg,#222 25%,transparent 0,transparent 75%,#222 0,#222),linear-gradient(45deg,#222 25%,transparent 0,transparent 75%,#222 0,#222);background-size:20px 20px;background-position:0 0,10px 10px}.CrosshairGenerator_crosshairPreview__qbFXE{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.CrosshairGenerator_codeBox__Qc_wA{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-4)}.CrosshairGenerator_codeHeader__ehzlO{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.CrosshairGenerator_codeLabel__QVFA3{font-size:.9rem;font-weight:600;color:var(--text-primary)}.CrosshairGenerator_copyBtn__OczDP{background:none;border:none;color:var(--brand-primary);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-1);font-size:.85rem;transition:opacity .2s}.CrosshairGenerator_copyBtn__OczDP:hover{opacity:.8}.CrosshairGenerator_codeValue__qKduM{background-color:var(--bg-primary);padding:var(--spacing-3);border-radius:var(--radius-md);font-family:var(--font-geist-mono);font-size:.85rem;word-break:break-all;border:1px solid var(--border-color);color:var(--text-secondary)}.CrosshairGenerator_controlsSection__OmOdA{flex:2;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}.CrosshairGenerator_controlGroup__FtVQ4{display:flex;flex-direction:column;gap:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-color)}.CrosshairGenerator_controlGroup__FtVQ4:last-child{border-bottom:none;padding-bottom:0}.CrosshairGenerator_groupTitle__1mFEB{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.CrosshairGenerator_sliderRow__PNnec{display:grid;grid-template-columns:120px 1fr 40px;align-items:center;gap:var(--spacing-4)}.CrosshairGenerator_sliderLabel__5hAkI{font-size:.9rem;color:var(--text-secondary)}.CrosshairGenerator_sliderInput__GZkah{width:100%;accent-color:var(--brand-primary)}.CrosshairGenerator_sliderValue__X0UpM{font-size:.9rem;font-family:var(--font-geist-mono);color:var(--text-primary);text-align:right}.CrosshairGenerator_colorGrid__rZJoL{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.CrosshairGenerator_colorBtn__X3vOi{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s}.CrosshairGenerator_colorBtn__X3vOi.CrosshairGenerator_active__Q1seV{border-color:var(--brand-primary);transform:scale(1.1)}.CrosshairGenerator_toggleRow__zA7JL{display:flex;justify-content:space-between;align-items:center}