: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}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#1a1a1a;background:#f8f9fa;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh}::-webkit-scrollbar{width:0px;background:transparent}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}.app-container{display:flex;height:100vh;width:100%;overflow:hidden;padding:24px;gap:24px;max-width:1920px;margin:0 auto}.sidebar{width:380px;height:calc(100vh - 48px);background:#fff;color:#1a1a1a;transition:all .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;border-radius:16px;margin-right:0;border:1px solid #e5e7eb}.sidebar-header{padding:32px 24px 24px;border-bottom:1px solid #e5e7eb;text-align:center;background:#fff}.sidebar-content{padding:24px;flex:1}.sidebar-footer{padding:20px 24px;border-top:1px solid #e5e7eb;font-size:.75rem;text-align:center;color:#6b7280;background:#fff}.main-content{flex:1;overflow-y:auto;height:calc(100vh - 48px);display:flex;flex-direction:column}.content-header{margin-bottom:24px;padding:0 4px}.content-header p{font-size:.875rem;font-weight:500;color:#6b7280;letter-spacing:.02em}.content-body{background:#fff;border-radius:16px;padding:48px;flex:1;overflow-y:auto;border:1px solid #e5e7eb}.sidebar-toggle{display:none}@media (max-width: 768px){.app-container{padding:10px;gap:10px;flex-direction:column}.sidebar-toggle{display:block;position:fixed;top:20px;left:20px;z-index:1000;padding:8px;border-radius:50px;background:#000;color:#fff;border:none;cursor:pointer}.sidebar{position:fixed;z-index:999;height:80vh;width:calc(100% - 40px);margin:20px;top:10%}.sidebar:not(.open){display:none}.main-content{height:calc(100vh - 20px)}}input,select,button{font-family:inherit;font-size:16px}button{transition:all .2s ease;border-radius:50px!important;background-color:#000!important;color:#fff!important}button:hover:not(:disabled){opacity:.9;background-color:#333!important}.pro-button{padding:14px 28px;background:#1a1a1a;color:#fff;border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;width:100%;margin-top:12px;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:.01em}.pro-button:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.pro-button:hover:not(:disabled){background:#000}.pro-button:active:not(:disabled){background:#2d2d2d}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:10px;font-weight:600;font-size:.875rem;color:#374151;letter-spacing:.01em}.form-control{width:100%;padding:12px 16px;border-radius:8px;border:2px solid #e5e7eb;background-color:#fff;color:#1a1a1a;font-size:.9375rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-control:hover{border-color:#d1d5db}.form-control:focus{border-color:#1a1a1a;outline:none}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2' 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 16px center;background-size:16px;padding-right:44px;cursor:pointer;font-weight:500}select.form-control option{padding:12px 16px;background-color:#fff;color:#1a1a1a;font-size:.9375rem;font-weight:500}select.form-control option:checked{background-color:#3b82f6;color:#fff;font-weight:600}.dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:32px 24px;text-align:center;cursor:pointer;background:#f9fafb;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:20px}.dropzone:hover{border-color:#1a1a1a;background:#fff}.dropzone.active{border-color:#1a1a1a;background:#f3f4f6}.style-dropdown{width:100%;padding:12px 44px 12px 16px;border-radius:8px;border:2px solid #e5e7eb;background-color:#fff;color:#1a1a1a;font-size:.9375rem;margin-bottom:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2' 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 16px center;background-size:16px;font-weight:500}.style-dropdown:hover{border-color:#d1d5db}.style-dropdown:focus{border-color:#1a1a1a;outline:none}.style-dropdown option{padding:12px 16px;background-color:#fff;color:#1a1a1a;font-size:.9375rem;font-weight:500;line-height:1.5}.style-dropdown option:hover{background-color:#f9fafb}.style-dropdown option:checked{background-color:#3b82f6;color:#fff;font-weight:600}.style-dropdown option:first-child{background-color:#3b82f6;color:#fff;font-weight:600}.style-description{font-size:.8125rem;color:#6b7280;margin-top:12px;padding:14px 16px;background:#f9fafb;border-radius:8px;border:2px solid #e5e7eb;line-height:1.6}.article-content{line-height:1.75;font-size:1rem;color:#1f2937;max-width:800px}.article-content h1{color:#111827;margin-bottom:1.5rem;font-weight:700;font-size:2rem;line-height:1.3;letter-spacing:-.02em}.article-content h2{color:#111827;margin-bottom:1.25rem;margin-top:2rem;font-weight:600;font-size:1.5rem;line-height:1.4;letter-spacing:-.01em}.article-content p{margin-bottom:1.25rem;color:#374151}.article-actions{display:flex;gap:12px;margin-top:32px;padding-top:32px;border-top:1px solid #e5e7eb;justify-content:flex-end}.article-actions button{padding:10px 20px;font-size:.875rem;font-weight:600;border-radius:8px;background:#fff;color:#1a1a1a;border:2px solid #e5e7eb;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.article-actions button:hover{background:#f9fafb;border-color:#1a1a1a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{display:inline-block;width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@media (max-width: 480px){.article-actions{flex-direction:column}.article-actions button{width:100%;margin-bottom:10px}.content-body{padding:20px 15px}}