.custom-html-content{width:100%;max-width:100%;box-sizing:border-box;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.custom-html-content *,.custom-html-content *:before,.custom-html-content *:after{box-sizing:border-box}.custom-html-content{--tool-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--tool-font-mono: "SF Mono", "Fira Code", "Cascadia Code", "Menlo", monospace;--tool-bg: #0f0f14;--tool-surface: #1a1a24;--tool-surface-hover: #24243a;--tool-border: rgba(255, 255, 255, .06);--tool-primary: #6C39D5;--tool-primary-hover: #5a2dc0;--tool-primary-glow: rgba(108, 57, 213, .3);--tool-text: #e8e8f0;--tool-text-muted: #9999b3;--tool-text-inverse: #ffffff;--tool-radius: 16px;--tool-radius-sm: 10px;--tool-radius-xs: 6px;--tool-transition: .2s ease}.custom-html-content h1,.custom-html-content h2,.custom-html-content h3,.custom-html-content h4{font-family:var(--tool-font);color:var(--tool-text);margin:0 0 .5em;line-height:1.2}.custom-html-content p{font-family:var(--tool-font);color:var(--tool-text);margin:0 0 1em}.custom-html-content select,.custom-html-content input[type=text],.custom-html-content input[type=number],.custom-html-content input[type=url],.custom-html-content input[type=email],.custom-html-content textarea{width:100%;padding:12px 16px;background:var(--tool-surface);color:var(--tool-text);border:1px solid var(--tool-border);border-radius:var(--tool-radius-sm);font-size:14px;font-family:var(--tool-font);transition:border-color var(--tool-transition),box-shadow var(--tool-transition);appearance:none;-webkit-appearance:none}.custom-html-content select:focus,.custom-html-content input:focus,.custom-html-content textarea:focus{outline:none;border-color:var(--tool-primary);box-shadow:0 0 0 3px var(--tool-primary-glow)}.custom-html-content select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239999b3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}.custom-html-content label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--tool-text-muted);margin-bottom:8px;font-family:var(--tool-font)}.custom-html-content button,.custom-html-content .tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 28px;background:linear-gradient(135deg,var(--tool-primary),#8b5cf6);color:var(--tool-text-inverse);border:none;border-radius:var(--tool-radius-sm);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--tool-font);transition:transform .15s,box-shadow var(--tool-transition),opacity var(--tool-transition);white-space:nowrap;text-decoration:none}.custom-html-content button:hover,.custom-html-content .tool-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--tool-primary-glow)}.custom-html-content button:active,.custom-html-content .tool-btn:active{transform:translateY(0)}.custom-html-content .tool-btn--secondary{background:var(--tool-surface);color:var(--tool-text);border:1px solid var(--tool-border)}.custom-html-content .tool-btn--secondary:hover{background:var(--tool-surface-hover);box-shadow:none;transform:none}.custom-html-content .tool-card{background:var(--tool-surface);border:1px solid var(--tool-border);border-radius:var(--tool-radius-sm);padding:20px;transition:transform var(--tool-transition),box-shadow var(--tool-transition)}.custom-html-content .tool-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0000004d}.custom-html-content .tool-grid{display:grid;gap:12px}.custom-html-content .tool-grid--2{grid-template-columns:repeat(2,1fr)}.custom-html-content .tool-grid--3{grid-template-columns:repeat(3,1fr)}.custom-html-content .tool-grid--4{grid-template-columns:repeat(4,1fr)}.custom-html-content .tool-grid--5{grid-template-columns:repeat(5,1fr)}.custom-html-content .tool-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(80px);background:var(--tool-primary);color:var(--tool-text-inverse);padding:10px 24px;border-radius:30px;font-size:13px;font-weight:600;font-family:var(--tool-font);opacity:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s;pointer-events:none;z-index:9999;box-shadow:0 8px 24px var(--tool-primary-glow)}.custom-html-content .tool-toast--visible{transform:translate(-50%) translateY(0);opacity:1}.custom-html-content .tool-text-center{text-align:center}.custom-html-content .tool-text-muted{color:var(--tool-text-muted)}.custom-html-content .tool-mono{font-family:var(--tool-font-mono)}.custom-html-content .tool-mb-sm{margin-bottom:8px}.custom-html-content .tool-mb-md{margin-bottom:16px}.custom-html-content .tool-mb-lg{margin-bottom:32px}@keyframes toolFadeIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-html-content .tool-animate-in{animation:toolFadeIn .4s ease-out both}@media(max-width:900px){.custom-html-content .tool-grid--5{grid-template-columns:repeat(3,1fr)}.custom-html-content .tool-grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.custom-html-content .tool-grid--5,.custom-html-content .tool-grid--4,.custom-html-content .tool-grid--3{grid-template-columns:repeat(2,1fr)}.custom-html-content button,.custom-html-content .tool-btn{width:100%}}@media(max-width:380px){.custom-html-content .tool-grid--5,.custom-html-content .tool-grid--4,.custom-html-content .tool-grid--3,.custom-html-content .tool-grid--2{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/tool-app.css.map */