body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root,body,html{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column;padding:20px}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.primary-button{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:background-color .2s}.primary-button:hover{background-color:#1565c0}.secondary-button{background-color:#fff;border:1px solid #1976d2;border-radius:4px;color:#1976d2;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .2s}.secondary-button:hover{background-color:#f0f7ff}.form-group{margin-bottom:16px}.form-label{display:block;font-weight:500;margin-bottom:8px}.form-input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.form-input:focus{border-color:#1976d2;outline:none}@media (max-width:768px){.main-content{padding:10px}}*{scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:5px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#555}.content-preview{max-height:70vh;overflow-y:auto}.content-preview,textarea{scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}