: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}h1{font-size:3.2em;line-height:1.1}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{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app-container{max-width:1900px;margin:0 auto;padding:2rem;text-align:center;width:100%}header h1{font-size:2.5em;line-height:1.1;color:#646cff}hr{border:none;height:1px;background-color:#444;margin:2rem 0}.error-message{color:#ff6b6b;background-color:#3e2e2e;border:1px solid #ff6b6b;padding:.5rem;border-radius:4px;margin-top:1rem}.top-panel{display:flex;gap:2rem;margin-bottom:2rem;align-items:flex-start}.upload-section,.log-section{flex:1}.log-viewer-container{background-color:#2f2f2f;padding:1.5rem;border-radius:8px;height:100%;max-height:450px;display:flex;flex-direction:column}.log-viewer-container h3{margin-top:0;text-align:center;color:#b3b0ff;border-bottom:1px solid #444;padding-bottom:.75rem;margin-bottom:.75rem}.log-list{overflow-y:auto;font-family:Courier New,Courier,monospace;font-size:.85em;color:#ccc;flex-grow:1}.log-item{padding:.25rem .5rem;border-bottom:1px solid #3a3a3a;white-space:pre-wrap;word-break:break-all}.log-item:last-child{border-bottom:none}.upload-form-container{background-color:#2f2f2f;padding:2rem;border-radius:8px;text-align:left;max-width:100%;margin:0}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #555;background-color:#1e1e1e;color:#fff;border-radius:4px;box-sizing:border-box}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:disabled{background-color:#333;cursor:not-allowed}.gallery-container h1{color:#8884d8}.module-group{margin-bottom:3rem;text-align:left}.module-group h2{border-bottom:2px solid #646cff;padding-bottom:.5rem;margin-bottom:1.5rem;text-align:left}.masonry-grid{column-count:5;column-gap:1rem}.masonry-item{display:inline-block;width:100%;margin-bottom:1rem;background-color:#2f2f2f;border-radius:8px;overflow:hidden;break-inside:avoid;box-shadow:0 4px 8px #0003;transition:transform .2s ease,box-shadow .2s ease;position:relative}.notification-badge{position:absolute;top:8px;right:8px;background-color:#e53e3e;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1rem;z-index:10;box-shadow:0 0 10px #e53e3eb3}.masonry-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000004d}.masonry-item img{width:100%;height:auto;display:block}.item-info{padding:1rem}.item-name{font-weight:700;margin:0 0 .5rem;line-height:1.2;min-height:2.4em}.item-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.item-type{font-size:.8em;color:#aaa;background-color:#444;padding:.2rem .5rem;border-radius:12px}.item-actions{display:flex;gap:.5rem}.action-button{background:#4f4f4f;border:none;color:#fff;padding:.3rem .6rem;border-radius:4px;cursor:pointer;font-size:.8em;transition:background-color .2s}.action-button.edit-button:hover{background:#5a67d8}.action-button.delete-button:hover{background:#e53e3e}@media (max-width: 1600px){.masonry-grid{column-count:4}}@media (max-width: 1200px){.masonry-grid{column-count:3}}@media (max-width: 900px){.top-panel{flex-direction:column}.masonry-grid{column-count:2}}@media (max-width: 600px){.masonry-grid{column-count:1}#app-container{padding:1rem}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.modal-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 25px #00000080}.modal-close-button{position:absolute;top:-40px;right:-10px;background:transparent;border:none;color:#fff;font-size:2.5rem;cursor:pointer;line-height:1;padding:.5rem}.modal-close-button:hover{color:#ccc}.edit-modal{background-color:#2f2f2f;padding:2rem;border-radius:8px;text-align:left;width:100%;max-width:400px}.edit-modal h3{margin-top:0;text-align:center}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.button-secondary{background-color:#555}.button-secondary:hover{background-color:#666}