:root{--primary-background: #121212;--secondary-background: #181818;--surface: #282828;--surface-hover: #3e3e3e;--accent: #e91e63;--accent-hover: #ff4081;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-subdued: #6a6a6a;--warning: #ffa726;--error: #f44336;--success: #0e893c;--border: #2a2a2a;--blue: #007bff}:root[data-theme=dark]{--primary-background: #121212;--secondary-background: #181818;--surface: #282828;--surface-hover: #3e3e3e;--accent: #e91e63;--accent-hover: #ff4081;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-subdued: #6a6a6a;--warning: #ffa726;--error: #f44336;--success: #0e893c;--border: #2a2a2a;--blue: #007bff}:root[data-theme=light]{--primary-background: #f5f5f5;--secondary-background: #ffffff;--surface: #ebebeb;--surface-hover: #dedede;--accent: #e91e63;--accent-hover: #c2185b;--text-primary: #0f0f0f;--text-secondary: #3d3d3d;--text-subdued: #787878;--warning: #e65100;--error: #c62828;--success: #1b5e20;--border: #cfcfcf;--blue: #0062cc}:root{--spacer-1: .25rem;--spacer-2: .5rem;--spacer-3: .75rem;--spacer-4: 1rem;--spacer-5: 1.25rem;--spacer-6: 1.5rem;--spacer-7: 1.75rem;--spacer-8: 2rem;--spacer-9: 2.25rem;--spacer-10: 2.5rem;--spacer-11: 2.75rem;--spacer-12: 3rem;--spacer-13: 3.25rem;--spacer-14: 3.5rem;--spacer-15: 3.75rem;--spacer-16: 4rem}html{font-size:12px}@media(min-width:768px){html{font-size:14px}}@media(min-width:1024px){html{font-size:16px}}@media(min-width:1280px){html{font-size:18px}}:root{--font-size-small: clamp(.625rem, 1vw, .75rem);--font-size-base: clamp(.75rem, 1.5vw, .875rem);--font-size-lg: clamp(.875rem, 1.75vw, 1rem);--font-size-xl: clamp(1rem, 2vw, 1.25rem);--font-size-xxl: clamp(1.25rem, 2.5vw, 1.75rem)}h1{font-size:var(--font-size-xxl);font-weight:700}h2{font-size:var(--font-size-xxl);font-weight:600}h3{font-size:var(--font-size-xl);font-weight:600}h4{font-size:var(--font-size-lg);font-weight:500}h5{font-size:var(--font-size-base);font-weight:500}h6{font-size:var(--font-size-small);font-weight:500}p,input,textarea,select{font-size:var(--font-size-base);line-height:1.5}li{font-size:var(--font-size-small)}.btn{font-size:var(--font-size-base);font-weight:600;padding:var(--spacer-2) var(--spacer-4);border-radius:var(--spacer-2);cursor:pointer;border:1px solid transparent;transition:all .3s ease;text-transform:none;letter-spacing:.5px}.btn:hover{transform:scale(1.04)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{transform:none}.btn.primary-button{background-color:var(--accent);color:var(--text-primary);box-shadow:0 4px 12px #e91e634d}.btn.primary-button:hover{background-color:var(--accent-hover);box-shadow:0 6px 16px #e91e6366}.btn.primary-button:active{box-shadow:0 2px 8px #e91e634d}.btn.secondary-button{background-color:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn.secondary-button:hover{background-color:var(--surface-hover);border-color:var(--text-subdued)}.btn-small{font-size:var(--font-size-small);font-weight:600}.hidden-button{all:unset}.copy-button{position:absolute;top:var(--spacer-2);right:var(--spacer-2);display:inline-flex;align-items:center;gap:var(--spacer-1);padding:var(--spacer-1) var(--spacer-2);border-radius:var(--spacer-1);border:1px solid var(--border);background:var(--secondary-background);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-small);transition:all .2s ease;min-height:32px}.copy-button:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=url],textarea{background-color:var(--surface);color:var(--text-primary);border:2px solid var(--border);border-radius:var(--spacer-2);padding:var(--spacer-2) var(--spacer-3);transition:all .3s ease;outline:none;width:100%}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,textarea::placeholder{color:var(--text-subdued)}input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=search]:hover,input[type=number]:hover,input[type=tel]:hover,input[type=url]:hover,textarea:hover{border-color:var(--text-subdued)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=url]:focus,textarea:focus{border-color:var(--accent);background-color:var(--secondary-background)}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=number]:disabled,input[type=tel]:disabled,input[type=url]:disabled,textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--secondary-background)}input[type=text]:disabled:hover,input[type=email]:disabled:hover,input[type=password]:disabled:hover,input[type=search]:disabled:hover,input[type=number]:disabled:hover,input[type=tel]:disabled:hover,input[type=url]:disabled:hover,textarea:disabled:hover{border-color:var(--border)}input[type=text].error,input[type=email].error,input[type=password].error,input[type=search].error,input[type=number].error,input[type=tel].error,input[type=url].error,textarea.error{border-color:var(--error)}input[type=text].error:focus,input[type=email].error:focus,input[type=password].error:focus,input[type=search].error:focus,input[type=number].error:focus,input[type=tel].error:focus,input[type=url].error:focus,textarea.error:focus{box-shadow:0 0 0 3px #f443361a}input[type=text].success,input[type=email].success,input[type=password].success,input[type=search].success,input[type=number].success,input[type=tel].success,input[type=url].success,textarea.success{border-color:var(--success)}input[type=text].success:focus,input[type=email].success:focus,input[type=password].success:focus,input[type=search].success:focus,input[type=number].success:focus,input[type=tel].success:focus,input[type=url].success:focus,textarea.success:focus{box-shadow:0 0 0 3px #1db9541a}select{background-color:var(--surface);color:var(--text-primary);border:2px solid var(--border);border-radius:var(--spacer-2);padding:var(--spacer-3) var(--spacer-4);font-size:var(--font-size-14);transition:all .3s ease;outline:none;cursor:pointer;width:100%}select:hover{border-color:var(--text-subdued)}select:focus{border-color:var(--accent)}select:disabled{opacity:.5;cursor:not-allowed}.input-page{--header-height: 72px;min-height:calc(100dvh - var(--header-height));display:flex;align-items:flex-start;justify-content:center;padding:calc((100dvh - var(--header-height)) / 6) max(var(--spacer-3),env(safe-area-inset-right)) max(var(--spacer-2),env(safe-area-inset-bottom)) max(var(--spacer-3),env(safe-area-inset-left));overflow:hidden}.input-card{width:min(100%,460px);max-width:460px;background-color:var(--secondary-background);border:1px solid var(--border);border-radius:var(--spacer-6);padding:clamp(var(--spacer-5),3vh,var(--spacer-8)) var(--spacer-8);display:flex;flex-direction:column;gap:clamp(var(--spacer-3),2vh,var(--spacer-5));box-shadow:0 8px 40px #00000080;overflow:visible}.field-group{display:flex;flex-direction:column;overflow:visible;gap:var(--spacer-1)}.field-group .input-form{padding:var(--spacer-2) var(--spacer-3)}.field-group label{color:var(--text-secondary)}.input-wrapper{position:relative;display:flex;align-items:center}.toggle-visibility{position:absolute;right:var(--spacer-3);top:50%;transform:translateY(-50%);background:none;border:none;padding:var(--spacer-1);min-width:32px;min-height:32px;color:var(--text-subdued);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--spacer-1);transition:color .2s ease}.toggle-visibility:hover{color:var(--text-primary);transform:translateY(-50%) scale(1);background:none}.toggle-visibility:active{transform:translateY(-50%) scale(.92)}form{display:flex;flex-direction:column;gap:clamp(var(--spacer-3),1.8vh,var(--spacer-4))}@media(max-width:768px){.input-card{max-width:350px}}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}body{background-color:var(--primary-background);color:var(--text-primary);font-family:Roboto,sans-serif;-webkit-user-select:none;user-select:none}ply-header{display:block;width:100%}textarea{resize:vertical;min-height:100px}.separator{margin:var(--spacer-1) 0 var(--spacer-2);border:0;border-top:1px solid var(--border)}.liquid-glass-backdrop{position:fixed;inset:0;z-index:999;backdrop-filter:blur(2px) saturate(105%) brightness(.98);-webkit-backdrop-filter:blur(2px) saturate(105%) brightness(.98);background:linear-gradient(135deg,#ffffff03,#ffffff01,#ffffff03);animation:glassIn .3s ease}.menu-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border-radius:6px;border:none;padding:6px 10px;color:var(--text-primary);background-color:transparent;transition:background-color .1s ease;cursor:pointer}.menu-item svg{opacity:.75;flex-shrink:0}.menu-item:hover{background-color:var(--surface-hover)}.menu-item:hover svg{opacity:1}@media(max-width:768px){.menu-item{font-size:var(--font-size-base)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes glassIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(2px) saturate(105%) brightness(.98);-webkit-backdrop-filter:blur(2px) saturate(105%) brightness(.98)}}.snippets-error{padding:var(--spacer-4);border:1px solid color-mix(in srgb,var(--error) 40%,var(--border));background:color-mix(in srgb,var(--error) 8%,var(--secondary-background));border-radius:var(--spacer-2);color:var(--text-primary);text-align:center}.retry-btn{background:none;border:none;padding:0;color:var(--accent);text-decoration:underline;cursor:pointer;font-size:inherit}.retry-btn:hover{color:var(--accent-hover)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}