.graffiti-tag-generator_tool__jMf08{min-width:0;border:4px solid #e2e8f0;border-radius:1.75rem;background:#fff;padding:1rem;box-shadow:0 24px 70px -52px #334155}.graffiti-tag-generator_core___HUsX{display:grid;grid-template-areas:"input" "output" "styles" "settings";gap:1rem;min-width:0}.graffiti-tag-generator_input__qsnQx{grid-area:input}.graffiti-tag-generator_output__S2_VD{grid-area:output;min-width:0}.graffiti-tag-generator_styles__X7vbN{grid-area:styles}.graffiti-tag-generator_settings__LXiX_{grid-area:settings;display:grid;gap:.6rem;align-items:start;min-width:0}.graffiti-tag-generator_input__qsnQx,.graffiti-tag-generator_styles__X7vbN{min-width:0}.graffiti-tag-generator_label__nDNEB,.graffiti-tag-generator_tool__jMf08 label{display:grid;gap:.35rem;min-width:0;font-size:.78rem;font-weight:800;color:#475569}.graffiti-tag-generator_label__nDNEB{margin-bottom:.45rem;text-transform:uppercase;letter-spacing:.1em}.graffiti-tag-generator_tool__jMf08 input:not([type=checkbox]):not([type=color]):not([type=range]),.graffiti-tag-generator_tool__jMf08 select,.graffiti-tag-generator_tool__jMf08 textarea{min-width:0;max-width:100%;width:100%;border:2px solid #cbd5e1;border-radius:.75rem;padding:.55rem .7rem;background:#fff;color:#0f172a;font:inherit;font-size:.85rem}.graffiti-tag-generator_tool__jMf08 textarea{resize:vertical;min-height:6.5rem;font-size:1.15rem!important;font-weight:800!important;line-height:1.45}.graffiti-tag-generator_tool__jMf08 input[type=range]{width:100%;min-width:0;accent-color:#047857}.graffiti-tag-generator_tool__jMf08 input[type=color]{width:2.5rem;height:2.5rem;min-width:2.5rem;padding:.15rem;border:2px solid #cbd5e1;border-radius:.65rem;background:white}.graffiti-tag-generator_tool__jMf08 input[type=checkbox]{accent-color:#047857;width:1rem;height:1rem}.graffiti-tag-generator_row__3gu_6{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center;min-width:0}.graffiti-tag-generator_row__3gu_6>*{min-width:0}.graffiti-tag-generator_button__u6BDt,.graffiti-tag-generator_tool__jMf08 button{min-height:2.65rem;border:2px solid #cbd5e1;border-radius:.75rem;padding:.45rem .65rem;font-size:.78rem;font-weight:850;background:#fff;color:#334155;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.graffiti-tag-generator_tool__jMf08 button:disabled{cursor:not-allowed;opacity:.45}.graffiti-tag-generator_tool__jMf08 button[aria-pressed=true]{border-color:#065f46;background:#047857;color:white}.graffiti-tag-generator_tool__jMf08 .graffiti-tag-generator_primary__Y8cef{width:100%;background:#047857;color:white;border-color:#065f46;font-size:.95rem;padding:.7rem}.graffiti-tag-generator_preview__acRCz:focus-visible,.graffiti-tag-generator_tool__jMf08 button:focus-visible,.graffiti-tag-generator_tool__jMf08 input:focus-visible,.graffiti-tag-generator_tool__jMf08 select:focus-visible,.graffiti-tag-generator_tool__jMf08 textarea:focus-visible{outline:3px solid #34d399;outline-offset:2px}.graffiti-tag-generator_examples__NExeF{margin-top:.45rem}.graffiti-tag-generator_examples__NExeF button{font-size:.73rem;min-height:2.5rem}.graffiti-tag-generator_preview__acRCz{position:relative;min-width:0;aspect-ratio:2/1;border:2px solid #d1e6de;border-radius:1rem;overflow:hidden;touch-action:pan-y;background-color:#f8fafc;background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 0),linear-gradient(-45deg,#e2e8f0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e2e8f0 0),linear-gradient(-45deg,transparent 75%,#e2e8f0 0);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.graffiti-tag-generator_preview__acRCz img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.graffiti-tag-generator_guide__C2di0{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#64748b55 1px,transparent 0),linear-gradient(90deg,#64748b55 1px,transparent 0);background-size:24px 24px}.graffiti-tag-generator_output__S2_VD>.graffiti-tag-generator_row__3gu_6{margin-top:.5rem}.graffiti-tag-generator_output__S2_VD>.graffiti-tag-generator_primary__Y8cef{margin-top:.6rem}.graffiti-tag-generator_helper__scKVc{font-size:.72rem;font-weight:600;line-height:1.5;color:#64748b;overflow-wrap:anywhere}.graffiti-tag-generator_message__GTr7w{font-size:.8rem;line-height:1.5;overflow-wrap:anywhere;color:#475569}.graffiti-tag-generator_error__xvYFF{color:#b91c1c}.graffiti-tag-generator_facts__Me6Fi{margin-top:.6rem;border-radius:.8rem;padding:.65rem;background:#f1f5f9;min-width:0}.graffiti-tag-generator_facts__Me6Fi dl{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;font-size:.73rem}.graffiti-tag-generator_facts__Me6Fi dt{color:#64748b}.graffiti-tag-generator_facts__Me6Fi dd{margin:0;font-weight:800;overflow-wrap:anywhere}.graffiti-tag-generator_facts__Me6Fi progress{width:100%;accent-color:#047857}.graffiti-tag-generator_chips___OtaV{display:flex;flex-wrap:wrap;gap:.4rem}.graffiti-tag-generator_chips___OtaV button{padding:.45rem .7rem}.graffiti-tag-generator_styles__X7vbN>.graffiti-tag-generator_chips___OtaV,.graffiti-tag-generator_styles__X7vbN>.graffiti-tag-generator_row__3gu_6{margin-bottom:.55rem}.graffiti-tag-generator_panel__BuLeE{min-width:0;border:2px solid #e2e8f0;border-radius:.85rem;background:#f8fafc}.graffiti-tag-generator_panel__BuLeE>summary{display:flex;align-items:center;justify-content:space-between;min-height:2.65rem;cursor:pointer;padding:.6rem .7rem;font-size:.8rem;font-weight:850;color:#0f172a;list-style:none}.graffiti-tag-generator_panel__BuLeE>summary::-webkit-details-marker{display:none}.graffiti-tag-generator_panel__BuLeE>summary:after{content:"+";margin-left:.4rem}.graffiti-tag-generator_panel__BuLeE[open]>summary:after{content:"−"}.graffiti-tag-generator_panelBody__0tom_{padding:.25rem .65rem .75rem;display:grid;gap:.7rem;min-width:0}.graffiti-tag-generator_pair__nxMLh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem}.graffiti-tag-generator_toggle__B_7hK{display:flex!important;align-items:center;gap:.5rem!important;font-size:.8rem!important;min-height:2.5rem}.graffiti-tag-generator_range__73vRN{display:grid;gap:.3rem}.graffiti-tag-generator_range__73vRN>span{display:flex;justify-content:space-between;gap:.5rem}.graffiti-tag-generator_range__73vRN output{color:#64748b;font-weight:600}.graffiti-tag-generator_color__PYj_M{display:flex!important;align-items:center;justify-content:space-between;gap:.5rem!important}.graffiti-tag-generator_color__PYj_M>span{min-width:0;overflow-wrap:anywhere}.graffiti-tag-generator_workflow__r0_bv{display:grid;gap:.6rem;margin-top:.65rem;align-items:start}.graffiti-tag-generator_cards__s1AXh{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;min-width:0}.graffiti-tag-generator_card__Y0dXP{min-width:0;border:2px solid #e2e8f0;border-radius:.75rem;padding:.4rem;background:#fff}.graffiti-tag-generator_card__Y0dXP img{width:100%;height:auto;display:block}.graffiti-tag-generator_card__Y0dXP>.graffiti-tag-generator_row__3gu_6{margin-top:.35rem}.graffiti-tag-generator_card__Y0dXP button{min-height:2.3rem;font-size:.72rem;padding:.35rem .45rem}.graffiti-tag-generator_card__Y0dXP p{margin:.25rem 0}.graffiti-tag-generator_fontInfo__0_9kQ{font-size:.72rem;display:flex;gap:.6rem;flex-wrap:wrap}.graffiti-tag-generator_fontInfo__0_9kQ a{color:#047857;text-decoration:underline}.graffiti-tag-generator_smallSizes__s19C_{display:flex;justify-content:space-around;align-items:center;gap:.5rem;min-height:8rem;overflow:hidden}.graffiti-tag-generator_smallSizes__s19C_>div{display:grid;gap:.5rem;justify-items:center;min-width:0}.graffiti-tag-generator_smallSizes__s19C_ img{max-width:100%;height:auto}.graffiti-tag-generator_template__GWwyF img{width:100%;height:auto;max-height:26rem;object-fit:contain;background:white}.graffiti-tag-generator_template__GWwyF{min-width:0}.graffiti-tag-generator_upload__1ln2t{display:grid;gap:.35rem}.graffiti-tag-generator_upload__1ln2t input{font-size:.7rem!important;padding:.35rem!important;overflow:hidden}.graffiti-tag-generator_related__9Ejzg{margin-top:.7rem!important}.graffiti-tag-generator_related__9Ejzg a{min-width:0}.graffiti-tag-generator_hidden__gO5O_{display:none}.graffiti-tag-generator_counter__JlQGa{display:flex;justify-content:space-between;gap:.4rem;margin-top:.25rem;font-size:.7rem;color:#64748b}.graffiti-tag-generator_spacing__XIEqc{display:grid;gap:.55rem}.graffiti-tag-generator_help__5szfc{font-size:.72rem;color:#64748b}.graffiti-tag-generator_help__5szfc>summary{cursor:pointer}.graffiti-tag-generator_help__5szfc p{margin:.35rem 0;overflow-wrap:anywhere}@media(min-width:860px){.graffiti-tag-generator_tool__jMf08{padding:1.15rem}.graffiti-tag-generator_core___HUsX{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);grid-template-areas:"input output" "styles output" "settings settings";gap:1rem}.graffiti-tag-generator_settings__LXiX_,.graffiti-tag-generator_workflow__r0_bv{grid-template-columns:repeat(2,minmax(0,1fr))}.graffiti-tag-generator_workflow__r0_bv .graffiti-tag-generator_wide__SZf2q{grid-column:1/-1}.graffiti-tag-generator_output__S2_VD .graffiti-tag-generator_preview__acRCz{aspect-ratio:1.75/1}.graffiti-tag-generator_styles__X7vbN .graffiti-tag-generator_chips___OtaV button{flex:1 0 27%;padding:.4rem .3rem}.graffiti-tag-generator_fontInfo__0_9kQ{gap:.5rem}}.graffiti-tag-generator_chips___OtaV{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.graffiti-tag-generator_chips___OtaV button{padding:.45rem .2rem}@media(max-width:399px){.graffiti-tag-generator_tool__jMf08{padding:.7rem}.graffiti-tag-generator_row__3gu_6{gap:.35rem}.graffiti-tag-generator_tool__jMf08 button{padding:.4rem .5rem}.graffiti-tag-generator_examples__NExeF button{padding:.35rem .5rem}.graffiti-tag-generator_cards__s1AXh{gap:.4rem}.graffiti-tag-generator_tool__jMf08 select{font-size:.78rem!important}.graffiti-tag-generator_chips___OtaV button{padding:.45rem .15rem}}.graffiti-tag-generator_colorPair__WuJU9 .graffiti-tag-generator_color__PYj_M{display:grid!important;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.3rem!important}.graffiti-tag-generator_colorPair__WuJU9 .graffiti-tag-generator_color__PYj_M>span{grid-column:1/-1}.graffiti-tag-generator_colorPair__WuJU9 .graffiti-tag-generator_color__PYj_M input:not([type=color]){padding:.45rem .35rem!important;font-size:.75rem!important;width:100%}.graffiti-tag-generator_preview__acRCz .graffiti-tag-generator_pause__s2Oyr{position:absolute;bottom:.5rem;right:.5rem;background:white;border-color:#047857;z-index:2;min-height:2.25rem}.graffiti-tag-generator_tool__jMf08{--graffiti-preview-height:clamp(104px,24dvh,240px)}.graffiti-tag-generator_previewDock__C8aqt{position:sticky;top:.5rem;z-index:20;margin-bottom:1rem;padding:.4rem;background:#fff;border-radius:1.2rem;box-shadow:0 10px 24px -18px #334155}.graffiti-tag-generator_previewDock__C8aqt .graffiti-tag-generator_preview__acRCz{height:var(--graffiti-preview-height);aspect-ratio:auto}.graffiti-tag-generator_tool__jMf08 :is(input,textarea,select,button,summary){scroll-margin-top:calc(var(--graffiti-preview-height) + 2.5rem)}.graffiti-tag-generator_fontCardTitle__6aDTG{display:flex;align-items:center;justify-content:space-between;gap:.25rem;min-width:0}.graffiti-tag-generator_fontCardTitle__6aDTG p{min-width:0;flex:1}.graffiti-tag-generator_fontCardTitle__6aDTG button{flex:none;min-width:2.25rem;padding:.2rem .3rem}