body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.format-container{margin:0 auto;max-width:1400px;padding:20px}.format-header{margin-bottom:30px;padding:20px 0;position:relative}.format-header-top{display:flex;justify-content:flex-end;margin-bottom:20px}.format-controls{display:flex;gap:15px}.format-language-toggle,.format-theme-toggle{align-items:center;background:var(--button-light-bg);border:1px solid var(--input-border);border-radius:var(--border-radius);color:var(--button-light-text);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all var(--transition-speed) ease}.format-language-toggle:hover,.format-theme-toggle:hover{background:var(--button-bg);box-shadow:0 4px 12px var(--shadow-color);color:var(--button-text);transform:translateY(-1px)}.format-header-content{background:var(--header-bg);border-radius:var(--border-radius);box-shadow:0 8px 25px var(--shadow-color);margin-top:10px;padding:40px 20px;text-align:center}.format-header h1{color:#fff;font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.format-header p{color:#fffffff2;font-size:1.2rem;opacity:.95}.format-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.format-tabs button{background:var(--button-light-bg);border:1px solid var(--input-border);border-radius:var(--border-radius);color:var(--button-light-text);cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all var(--transition-speed) ease}.format-tabs button:hover{background:var(--button-bg);box-shadow:0 4px 12px var(--shadow-color);color:var(--button-text);transform:translateY(-1px)}.format-tabs button.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px var(--shadow-color);color:#fff}.format-main-container{background:var(--container-bg);border:1px solid var(--input-border);border-radius:var(--border-radius);box-shadow:0 10px 30px var(--shadow-color);padding:30px;transition:all var(--transition-speed) ease}.format-block{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.format-block h2{color:var(--text-color);font-size:1.8rem;font-weight:600}.format-block h2,.format-code-options{margin-bottom:20px;text-align:center}.format-code-options label{align-items:center;background:var(--label-bg);border:1px solid var(--input-border);border-radius:var(--border-radius);color:var(--label-color);display:inline-flex;font-weight:500;gap:10px;padding:12px 24px}.format-code-options select{background:var(--select-bg);border:2px solid var(--select-border);border-radius:calc(var(--border-radius) - 4px);color:var(--select-color);cursor:pointer;font-size:14px;min-width:150px;padding:8px 16px;transition:all var(--transition-speed) ease}.format-code-options select:focus{border-color:var(--primary-color);box-shadow:var(--focus-shadow);outline:none}.format-editor-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}@media (max-width:768px){.format-editor-container{grid-template-columns:1fr}.format-header h1{font-size:2rem}.format-header p{font-size:1rem}}.format-input-section,.format-output-section{display:flex;flex-direction:column;gap:15px}.format-input-section h3,.format-output-section h3{color:var(--text-color);font-size:1.2rem;font-weight:600;margin-bottom:5px}.format-textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--border-radius);color:var(--text-color);font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.5;min-height:200px;padding:15px;resize:vertical;transition:all var(--transition-speed) ease;width:100%}.format-textarea:focus{border-color:var(--primary-color);box-shadow:var(--focus-shadow);outline:none}.format-textarea[readonly]{background-color:var(--textarea-readonly-bg);cursor:not-allowed;opacity:.9}.format-buttons{display:flex;flex-wrap:wrap;gap:10px}.format-buttons button{align-items:center;border:1px solid var(--input-border);border-radius:var(--border-radius);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all var(--transition-speed) ease}.format-buttons button:first-child{background:var(--button-light-bg);border-color:var(--button-light-bg);color:var(--button-light-text)}.format-buttons button:first-child:hover{background:var(--button-bg);box-shadow:0 4px 12px var(--shadow-color);color:var(--button-text);transform:translateY(-1px)}.format-format-btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;color:#fff}.format-format-btn:hover{box-shadow:0 6px 20px var(--shadow-color);filter:brightness(var(--hover-brightness));transform:translateY(-1px)}.format-copy-btn{background:var(--success-color);border:none;color:#fff}.format-copy-btn:hover:not(:disabled){box-shadow:0 6px 20px var(--shadow-color);filter:brightness(var(--hover-brightness));transform:translateY(-1px)}.format-copy-btn:disabled{background:var(--button-light-bg);border:1px solid var(--input-border);color:var(--button-light-text);cursor:not-allowed;opacity:.6}.format-footer{color:var(--text-color);font-size:.9rem;margin-top:30px;opacity:.7;padding:20px;text-align:center}.format-footer p{margin:0}.format-textarea::placeholder{color:var(--text-color);opacity:.5}.format-error{color:var(--error-color);font-size:.9rem;margin-top:5px}.format-success{color:var(--success-color);font-weight:500}.format-warning{color:var(--warning-color);font-weight:500}@media (max-width:480px){.format-container{padding:10px}.format-main-container{padding:15px}.format-buttons,.format-controls{flex-direction:column}.format-controls{align-items:flex-end}.format-language-toggle,.format-theme-toggle{font-size:13px;justify-content:center;padding:8px 16px;width:100%}.format-tabs{flex-direction:column}.format-tabs button{width:100%}}.format-buttons button:first-child:before{color:var(--button-light-text);content:"🗑️"}.format-buttons button:first-child:hover:before{color:var(--button-text)}.format-format-btn:before{content:"✨"}.format-copy-btn:before{content:"📋"}.format-theme-toggle:before{content:"🎨"}.format-language-toggle:before{content:"🌐"}.format-theme-transition *{transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}#root,.App,body{min-height:100vh}.App{width:100%}body.light-theme{background-color:#f8fafc;color:#1e293b}body.dark-theme{background-color:#0f172a;color:#f1f5f9}*{-webkit-tap-highlight-color:transparent}code{font-family:Consolas,Monaco,Courier New,monospace}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}:focus-visible{border-radius:2px;outline:2px solid #3b82f6;outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}button:hover,select:hover{transition:all .2s ease}::selection{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);color:#fff}::-moz-selection{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);color:#fff}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--textarea-readonly-bg,#f1f5f9);border-radius:5px}::-webkit-scrollbar-thumb{background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#8b5cf6;background:var(--secondary-color,#8b5cf6)}@media print{.format-buttons,.format-controls,.format-footer,.format-tabs{display:none!important}.format-main-container{border:1px solid #ccc!important;box-shadow:none!important}}
/*# sourceMappingURL=main.a2ebf84c.css.map*/