:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;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}}.image-uploader{text-align:center;margin:20px 0}#file-input{display:none}.upload-btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#ff6b6b,#ff8e53);border-radius:5px;padding:10px 20px;font-weight:700;transition:opacity .3s;display:inline-block}.upload-btn:hover{opacity:.8}.preview{margin-top:15px}.preview img{border:2px solid #ff6b6b;border-radius:5px;max-width:200px;max-height:200px}.add-work-form form{flex-direction:column;gap:15px;display:flex}.add-work-form button{color:#fff;cursor:pointer;background:linear-gradient(45deg,#ff6b6b,#ff8e53);border:none;border-radius:5px;padding:14px;font-size:16px;font-weight:700;transition:opacity .3s}.add-work-form button:hover:not(:disabled){opacity:.9}.add-work-form button:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{z-index:1000;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#1a1a1a;border:1px solid #333;border-radius:10px;max-width:90vw;max-height:90vh;padding:20px;position:relative;overflow-y:auto}.modal-close{color:#ff6b6b;cursor:pointer;z-index:1001;background:0 0;border:none;font-size:30px;position:absolute;top:10px;right:15px}.modal-close:hover{color:#ff8e53}.modal-image{object-fit:contain;border-radius:5px;max-width:100%;max-height:60vh;margin-bottom:20px}.modal-info{color:#fff}.modal-info h2{color:#ff6b6b;margin-bottom:10px}.modal-info p{color:#b0b0b0;margin-bottom:20px;line-height:1.6}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:5px;padding:10px 20px;font-weight:700;transition:opacity .3s}.modal-actions button:first-child{color:#fff;background:#ff8e53}.modal-actions .delete-btn{color:#fff;background:#ff6b6b}.modal-actions button:hover{opacity:.8}.modal-edit{color:#fff;min-width:400px}.modal-edit h2{color:#ff6b6b;margin-bottom:20px}.modal-edit input,.modal-edit textarea{color:#fff;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:5px;width:100%;margin-bottom:15px;padding:10px;font-size:14px}.modal-edit input:focus,.modal-edit textarea:focus{border-color:#ff6b6b;outline:none}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#0a0a0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;background:linear-gradient(135deg,#1a1a1a 0%,#0a0a0a 100%);border-radius:10px;margin-bottom:40px;padding:60px 0}.header h1{background:linear-gradient(45deg,#ff6b6b,#ff8e53);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-family:Bruno Ace SC,sans-serif;font-size:48px}.header p{color:#b0b0b0;font-size:18px}.gallery{margin-bottom:60px}.gallery h2{color:#ff6b6b;text-align:center;margin-bottom:30px;font-size:32px}.works-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;display:grid}.work-card{background:#1a1a1a;border-radius:10px;transition:transform .3s;overflow:hidden}.work-card:hover{transform:translateY(-5px)}.work-image{object-fit:cover;background-color:#2a2a2a;width:100%;height:280px}.work-info{padding:20px}.work-info h3{color:#ff8e53;margin-bottom:10px}.work-info p{color:#b0b0b0;margin-bottom:10px;font-size:14px}.likes{color:#ff6b6b;font-weight:700}.inquiry{background:#1a1a1a;border-radius:10px;margin-top:40px;padding:40px}.inquiry h2{color:#ff6b6b;text-align:center;margin-bottom:30px;font-size:32px}.inquiry-form{flex-direction:column;gap:15px;max-width:600px;margin:0 auto;display:flex}.inquiry-form input,.inquiry-form textarea{color:#fff;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:5px;padding:12px;font-size:16px}.inquiry-form input:focus,.inquiry-form textarea:focus{border-color:#ff6b6b;outline:none}.inquiry-form button{color:#fff;cursor:pointer;background:linear-gradient(45deg,#ff6b6b,#ff8e53);border:none;border-radius:5px;padding:14px;font-size:16px;font-weight:700;transition:opacity .3s}.inquiry-form button:hover{opacity:.9}.loader{text-align:center;color:#ff6b6b;padding:50px;font-size:18px}.bruno-ace-sc-regular{font-family:Bruno Ace SC,sans-serif;font-style:normal;font-weight:400}.icon-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:inline-flex}.edit-btn{color:#ff8e53}.edit-btn:hover{background-color:#ff8e531a;transform:scale(1.05)}.delete-btn{color:#ff6b6b}.delete-btn:hover{background-color:#ff6b6b1a;transform:scale(1.05)}.upload-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(45deg,#ff6b6b,#ff8e53);border:none;justify-content:center;align-items:center;width:fit-content;min-width:auto;padding:10px 24px;font-size:16px;font-weight:600;transition:all .25s;display:inline-flex;border-radius:40px!important}.upload-btn:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.inquiry-form button{border-radius:40px;padding:14px 28px}.add-work-form{background:#1a1a1a;border:1px solid #333;border-radius:10px;margin:30px 0;padding:30px}.add-work-form h3{color:#ff6b6b;margin-bottom:20px;font-size:24px}.add-work-form form{flex-direction:column;align-items:center;gap:15px;display:flex}.add-work-form input,.add-work-form textarea{color:#fff;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:5px;padding:12px;font-size:16px}.add-work-form input:focus,.add-work-form textarea:focus{border-color:#ff6b6b;outline:none}.success{color:#4caf50;text-align:center;font-size:14px}