.ArrowGenerator_container__kRCfJ{background-color:#1e1e2e;color:#e0e0e0;border-radius:8px;box-shadow:0 4px 24px rgba(0,0,0,.2);padding:24px;margin:0 auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.ArrowGenerator_header__Kud4K{text-align:center;margin-bottom:24px}.ArrowGenerator_title__yLtDm{color:#ffcf98;margin:0;font-size:28px;font-weight:700}.ArrowGenerator_subtitle__rpm7X{color:#a0a0a0;margin:8px 0 0;font-size:16px}.ArrowGenerator_content__0vaiS{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:1024px){.ArrowGenerator_content__0vaiS{grid-template-columns:1fr 1fr}}.ArrowGenerator_controls__bpeAh{background-color:#292938;border-radius:8px;padding:16px;max-width:100%;height:fit-content;max-width:100vw}.ArrowGenerator_tabs__nVck1{max-width:100vw;display:flex;border-bottom:1px solid #3a3a4a;margin-bottom:16px}.ArrowGenerator_tabButton__1B2tB{background:none;border:none;color:#a0a0a0;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.ArrowGenerator_tabButton__1B2tB:hover{color:#ffcf98}.ArrowGenerator_activeTab__hScQb{color:#ffcf98;border-bottom:2px solid #ffcf98}.ArrowGenerator_tabContent__8GE8j{min-height:300px}.ArrowGenerator_borderControls__oc5wz,.ArrowGenerator_colorControls__Nw_nT,.ArrowGenerator_directionControls__Q20V8,.ArrowGenerator_sizeControls__yHsVI,.ArrowGenerator_tailControls__SZbBY{animation:ArrowGenerator_fadeIn__Mjuw0 .3s ease}@keyframes ArrowGenerator_fadeIn__Mjuw0{0%{opacity:0}to{opacity:1}}.ArrowGenerator_container__kRCfJ h3{margin-top:0;color:#e0e0e0;font-size:16px;margin-bottom:16px}.ArrowGenerator_container__kRCfJ h4{color:#d0d0d0;font-size:14px;margin-bottom:8px}.ArrowGenerator_directionGrid__je1gt{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ArrowGenerator_directionButton__UArYw{background-color:#3a3a4a;border:none;color:#d0d0d0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:4px;cursor:pointer;transition:all .2s ease}.ArrowGenerator_directionButton__UArYw:hover{background-color:#4a4a5a;color:#ffcf98}.ArrowGenerator_activeDirection__BKtI9{background-color:#4a4a5a;color:#ffcf98;box-shadow:0 0 0 2px #ffcf98}.ArrowGenerator_diagonalArrow__mJB_j{display:inline-block}.ArrowGenerator_directionCenter__dfbV1{display:flex;align-items:center;justify-content:center}.ArrowGenerator_sizePresets__tJZnC{display:flex;gap:8px;margin-bottom:16px}.ArrowGenerator_presetButton__EQ9cA{background-color:#3a3a4a;border:none;color:#d0d0d0;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease}.ArrowGenerator_activePreset__BALgP,.ArrowGenerator_presetButton__EQ9cA:hover{background-color:#4a4a5a;color:#ffcf98}.ArrowGenerator_activePreset__BALgP{box-shadow:0 0 0 2px #ffcf98}.ArrowGenerator_sliderControl__r1Ul1{margin-bottom:16px}.ArrowGenerator_sliderControl__r1Ul1 label{display:flex;align-items:center;margin-bottom:8px;font-size:14px;gap:8px}.ArrowGenerator_sliderControl__r1Ul1 input[type=range]{width:100%;height:6px;background-color:#3a3a4a;border-radius:3px;appearance:none;outline:none}.ArrowGenerator_sliderControl__r1Ul1 input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background-color:#ffcf98;border-radius:50%;cursor:pointer}.ArrowGenerator_sliderControl__r1Ul1 input[type=range]::-moz-range-thumb{width:16px;height:16px;background-color:#ffcf98;border-radius:50%;cursor:pointer;border:none}.ArrowGenerator_colorControl__wyk9H{margin-bottom:16px}.ArrowGenerator_colorControl__wyk9H label{display:flex;align-items:center;margin-bottom:8px;font-size:14px;gap:8px}.ArrowGenerator_colorPickerContainer__iXyp8{display:flex;gap:8px}.ArrowGenerator_colorPicker__6n2O_{width:40px;height:36px;appearance:none;background:none;border:none;cursor:pointer}.ArrowGenerator_colorInput__DxYlP{flex:1;background-color:#3a3a4a;border:none;color:#e0e0e0;padding:8px 12px;border-radius:4px;font-family:monospace}.ArrowGenerator_colorPresetGrid__IEvCV{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.ArrowGenerator_colorPresetButton__icceY{width:32px;height:32px;border-radius:4px;cursor:pointer;transition:all .2s ease}.ArrowGenerator_colorPresetButton__icceY:hover{transform:scale(1.1)}.ArrowGenerator_radioControl__yEs_6{margin-bottom:16px}.ArrowGenerator_radioControl__yEs_6 label{display:flex;align-items:center;margin-bottom:8px;font-size:14px;gap:8px}.ArrowGenerator_radioGroup__Maqg_{display:flex;gap:16px}.ArrowGenerator_radioLabel__rycQX{display:flex;align-items:center;gap:4px;font-size:14px;cursor:pointer}.ArrowGenerator_radioLabel__rycQX input{cursor:pointer}.ArrowGenerator_tooltip__tRjLr{display:inline-flex;align-items:center;justify-content:center;position:relative;width:16px;height:16px;background-color:#3a3a4a;color:#d0d0d0;border-radius:50%;font-size:12px;font-style:italic;cursor:help}.ArrowGenerator_tooltip__tRjLr:hover .ArrowGenerator_tooltipText__wRx5v{visibility:visible;opacity:1}.ArrowGenerator_tooltipText__wRx5v{visibility:hidden;width:200px;background-color:#1e1e2e;color:#e0e0e0;text-align:center;border-radius:4px;padding:8px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s;font-style:normal;box-shadow:0 2px 8px rgba(0,0,0,.2);font-size:12px}.ArrowGenerator_tooltipText__wRx5v:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#1e1e2e}.ArrowGenerator_preview__8DHQR{background-color:#292938;border-radius:8px;padding:16px}.ArrowGenerator_previewHeader__GzMtf{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ArrowGenerator_toggleContainer__QaAV_{display:flex;align-items:center;cursor:pointer}.ArrowGenerator_toggleSlider__3_jUq{position:relative;display:inline-block;width:40px;height:20px;background-color:#3a3a4a;border-radius:10px;margin-right:8px;transition:all .2s ease}.ArrowGenerator_toggleContainer__QaAV_ input{opacity:0;width:0;height:0}.ArrowGenerator_toggleSlider__3_jUq:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#d0d0d0;border-radius:50%;transition:all .2s ease}.ArrowGenerator_toggleContainer__QaAV_ input:checked+.ArrowGenerator_toggleSlider__3_jUq{background-color:#ffcf98}.ArrowGenerator_toggleContainer__QaAV_ input:checked+.ArrowGenerator_toggleSlider__3_jUq:before{transform:translateX(20px);background-color:#fff}.ArrowGenerator_toggleLabel__Z6p4G{font-size:14px;color:#d0d0d0}.ArrowGenerator_previewArea__s_f6O{display:flex;align-items:center;justify-content:center;background-color:#1e1e2e;border-radius:8px;height:300px;position:relative}.ArrowGenerator_arrowPreview__B0AUe{position:relative;width:var(--arrow-width);height:var(--arrow-height)}.ArrowGenerator_arrowPreview__B0AUe:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;clip-path:var(--arrow-clip-path);background-color:var(--arrow-fill);border:var(--arrow-border-thickness) var(--arrow-border-style) var(--arrow-border);border-radius:var(--arrow-border-radius);transform:rotate(var(--arrow-rotation));transform-origin:var(--arrow-transform-origin);transition:all .3s ease}.ArrowGenerator_arrowPreview__B0AUe.ArrowGenerator_hoverState__Z75QC:before{background-color:var(--arrow-hover-fill);transform:rotate(var(--arrow-rotation)) scale(1.1)}.ArrowGenerator_codeOutput__bBayh{background-color:#292938;border-radius:8px;padding:16px;margin-top:24px}.ArrowGenerator_codeHeader__I59XV{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ArrowGenerator_codeFormatSelector__ZmU9n{display:flex;gap:8px}.ArrowGenerator_formatButton__A5Klq{background-color:#3a3a4a;border:none;color:#d0d0d0;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.ArrowGenerator_activeFormat__j7WvA,.ArrowGenerator_formatButton__A5Klq:hover{background-color:#4a4a5a;color:#ffcf98}.ArrowGenerator_activeFormat__j7WvA{box-shadow:0 0 0 2px #ffcf98}.ArrowGenerator_codeBlock__ZWjQB{position:relative;background-color:#1e1e2e;border-radius:8px;padding:16px;margin-bottom:16px;overflow:auto;max-height:300px}.ArrowGenerator_codeBlock__ZWjQB pre{margin:0;color:#e0e0e0;font-family:monospace;font-size:14px;tab-size:2;line-height:1.5}.ArrowGenerator_copyButton__qvev_{position:absolute;top:8px;right:8px;background-color:#3a3a4a;border:none;color:#d0d0d0;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.ArrowGenerator_copyButton__qvev_:hover{background-color:#4a4a5a;color:#ffcf98}.ArrowGenerator_compatibility__2zZqB{background-color:#1e1e2e;border-radius:8px;padding:16px}.ArrowGenerator_compatibility__2zZqB h4{margin-top:0;margin-bottom:8px;color:#ffcf98}.ArrowGenerator_compatibility__2zZqB p{margin:0;font-size:14px;color:#d0d0d0;line-height:1.5}@media (max-width:768px){.ArrowGenerator_content__0vaiS{grid-template-columns:1fr}.ArrowGenerator_colorPresetGrid__IEvCV,.ArrowGenerator_directionGrid__je1gt{grid-template-columns:repeat(3,1fr)}.ArrowGenerator_radioGroup__Maqg_{flex-direction:column;gap:8px}.ArrowGenerator_codeHeader__I59XV{flex-direction:column;align-items:flex-start;gap:8px}.ArrowGenerator_tailControls__SZbBY{flex-direction:column}}