:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{background-color:var(--color-backgroundPrimary);--text-color: var(--color-textPrimary);--card-background: var(--color-backgroundSecondary);--box-shadow-color: rgba(0, 0, 0, .392);--title-color: var(--color-primaryColor);scrollbar-width:none}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);background:linear-gradient(135deg,#02152629,#03336e34,#03336e26,#0215262a);color:var(--color-textPrimary);background-color:var(--color-backgroundPrimary)}.app-container{display:flex;min-height:100vh;width:100vw;box-shadow:0 0 15px #0000001a;border-radius:8px;overflow:hidden}.app-header{background-color:var(--header-bg);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.app-header h1{margin:0;font-size:1.8em}.header-icons svg{margin-left:15px;cursor:pointer;transition:color .2s ease-in-out}.header-icons svg:hover{color:var(--secondary-color)}.main-content{display:flex}.left-container{display:flex;flex:1;margin-top:10px;margin-left:10px;margin-right:10px;color:var(--color-textPrimary)}.sidebar{width:250px;background-color:var(--sidebar-bg);padding:20px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:15px}.sidebar h2{margin-top:0;font-size:1.4em;color:var(--text-color)}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{padding:10px 0;cursor:pointer;transition:background-color .2s ease-in-out;border-bottom:1px solid rgba(255,255,255,.3)}.sidebar li:last-child{border-bottom:none}.sidebar li:hover{background-color:#fff3;border-radius:4px}.new-chat-button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:1em;font-weight:700;transition:background-color .2s ease-in-out;margin-top:auto}.new-chat-button:hover{background-color:#4caf50}.chat-area{flex:1;display:flex;flex-direction:column;padding:20px;background-color:#f9f9f9}.app-footer{background-color:var(--header-bg);color:#fff;padding:10px 20px;text-align:center;font-size:.9em}@media (max-width: 768px){.main-content{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color)}.app-header h1{font-size:1.5em}}.chat-window{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px);width:40vw;padding:20px;box-sizing:border-box;color:var(--color-textPrimary);overflow:hidden}.chat-area{display:flex;flex-direction:column;width:100%;max-width:900px;height:100%;max-height:calc(100vh - 120px);background-color:var(--color-backgroundSecondary);border-radius:12px;box-shadow:0 8px 16px var(--box-shadow-color);padding:20px;box-sizing:border-box;overflow:hidden}.messages-display{flex-grow:1;overflow-y:auto;padding-right:10px;padding-bottom:10px}.messages-display::-webkit-scrollbar{display:none}.messages-display{scrollbar-width:none}.message{display:flex;margin-bottom:15px}.message.user{justify-content:flex-end}.message.ai{justify-content:flex-start}.message-bubble{max-width:80%;padding:12px 18px;border-radius:20px;line-height:1.5;word-wrap:break-word;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column}.message.user .message-bubble{background-color:var(--color-primaryColor);color:var(--color-textContrast);border-bottom-right-radius:5px}.message.ai .message-bubble{background-color:var(--color-backgroundPrimary);color:var(--color-textPrimary);border:1px solid var(--color-borderColor);border-bottom-left-radius:5px}.sender-label{font-weight:700;margin-bottom:5px;font-size:.9em;opacity:.8;color:var(--color-primaryDark)}.message.ai .sender-label{color:var(--color-secondaryDark)}.generated-image{max-width:100%;height:auto;border-radius:8px;margin-top:10px;box-shadow:0 2px 5px #0003}@media (max-width: 768px){.chat-window{padding:10px}.chat-area{padding:15px;max-height:calc(100vh - 100px)}.message-bubble{max-width:90%;padding:10px 15px;font-size:.95em}}@media (max-width: 480px){.chat-window{padding:5px}.chat-area{padding:10px}.message-bubble{font-size:.9em;padding:8px 12px}}.input-area{display:flex;flex-direction:column;width:100%;padding:15px 20px;border-top:1px solid var(--color-borderColor);background-color:var(--color-backgroundSecondary);box-sizing:border-box;gap:10px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.user-input-field{width:100%;padding:12px;border:1px solid var(--color-borderColor);border-radius:8px;background-color:var(--color-backgroundPrimary);color:var(--color-textPrimary);font-family:Inter,sans-serif;font-size:1em;resize:vertical;min-height:60px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.user-input-field:focus{border-color:var(--color-primaryColor);outline:none;box-shadow:0 0 0 3px rgba(var(--color-primaryColor-rgb),.2)}.input-controls{display:flex;justify-content:flex-end;gap:10px}.send-button,.clear-button{display:flex;align-items:center;gap:5px;padding:10px 15px;border:none;border-radius:8px;cursor:pointer;font-size:.9em;font-weight:700;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap}.send-button{background-color:var(--color-primaryColor);color:var(--color-textContrast)}.send-button:hover{background-color:var(--color-primaryDark);box-shadow:0 2px 5px #0003}.clear-button{background-color:var(--color-secondaryColor);color:var(--color-textContrast)}.clear-button:hover{background-color:var(--color-secondaryDark);box-shadow:0 2px 5px #0003}@media (max-width: 768px){.input-area{padding:10px 15px}.user-input-field{font-size:.95em;padding:10px}.input-controls{flex-direction:column;align-items:stretch}.send-button,.clear-button{width:100%;justify-content:center;padding:12px;font-size:1em}}@media (max-width: 480px){.input-area{padding:8px 10px}.user-input-field{font-size:.9em}.send-button,.clear-button{font-size:.9em;padding:10px}}.navbar-app-bar{display:flex;align-items:center;background:none!important;box-shadow:none!important;padding:0 20px;max-width:1100px}.navbar-toolbar{width:100%;display:flex;justify-content:space-between;align-items:center}.navbar-title{white-space:nowrap;cursor:pointer}.navbar-buttons-box{display:flex;align-items:center;gap:10px}.navbar-button{white-space:nowrap;background:none}@media (max-width: 768px){.navbar-app-bar{padding:0 10px}.navbar-title{font-size:1.5em!important}}@media (max-width: 480px){.navbar-app-bar{padding:0 5px}.navbar-title{font-size:1.2em!important}}.tool-section{display:flex;flex-direction:column;width:100%;height:100vh;gap:5px;box-sizing:border-box}.tool-section h3{color:var(--color-primaryColor);font-size:1.5em;margin-bottom:5px;text-align:center}.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:5px;justify-content:center}.tool-button{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-primaryColor);color:var(--color-textContrast);border:none;border-radius:10px;cursor:pointer;font-weight:700;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease;text-align:center;box-shadow:0 4px 8px #0000001a}.tool-button:hover{background-color:var(--color-primaryDark);transform:translateY(-2px);box-shadow:0 6px 12px #0003}.tool-button:active{transform:translateY(0);box-shadow:0 2px 4px #00000026}.tool-button svg{color:var(--color-textContrast)}.generated-content{overflow:scroll;overflow-x:hidden;display:flex;flex-direction:column;margin-top:20px;margin-bottom:45px;padding:20px;background-color:var(--color-backgroundPrimary);border:1px solid var(--color-borderColor);border-radius:10px;box-shadow:0 4px 8px #0000001a;color:var(--color-textPrimary)}.generated-content h4{color:var(--color-secondaryColor);font-size:1.2em;margin-bottom:10px;text-align:center}.generated-content p{line-height:1.6;margin-bottom:15px;white-space:pre-wrap}.generated-content img{display:block;max-width:100%;height:auto;border-radius:8px;margin:15px auto 0;box-shadow:0 2px 5px #0003}.url-input-section{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:12px;margin:1rem 0;box-shadow:0 4px 6px #0000001a}.url-input-field{flex-grow:1;padding:.75rem 1rem;font-size:1rem;border:2px solid #ccc;border-radius:8px;transition:all .3s ease-in-out}.url-input-field:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.url-submit-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background-color:#007bff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}.url-submit-button:hover:not(:disabled){background-color:#0056b3;box-shadow:0 2px 4px #0003}.url-submit-button:disabled{background-color:#ccc;cursor:not-allowed}@media (min-width: 600px){.url-input-section{flex-direction:row;align-items:center}}@media (max-width: 768px){.tool-section{padding:15px;margin-top:15px}.tool-section h3{font-size:1.3em}.tools{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.tool-button{padding:12px 8px;font-size:.9em}.tool-button svg{size:18px}.generated-content{padding:15px}.generated-content h4{font-size:1.1em}}@media (max-width: 480px){.tool-section{padding:10px;margin-top:10px}.tool-section h3{font-size:1.2em}.tools{grid-template-columns:1fr 1fr;gap:8px}.tool-button{padding:10px 5px;font-size:.85em}.tool-button svg{size:16px}.generated-content{padding:10px}.generated-content h4{font-size:1em}}