/*! @license
(c) 2025 c-render.net. All rights reserved.

This file is licensed solely for use in delivering c-render.net's
online services. Use is governed by the following source code policy:

The code supporting the project-sharing system, online IDE, editor, and
related platform features is proprietary and not distributed under any
Creative Commons license. You may not copy, modify, distribute, adapt,
reverse-engineer, or decompile any portion of this codebase.

Rehosting, scraping, or duplicating the online IDE or project-sharing
environment is strictly prohibited. To reference C-Render content,
please use the official project player or editor through provided links
or embeds.
*/
.project-viewer-container{margin:0 auto;padding:80px 3rem 1rem}.project-main-layout{display:flex;gap:2rem;margin-bottom:2rem}.project-content{flex:1;min-width:0}.project-title-main{font-size:1.5rem;font-weight:700;margin:0 0 .75rem;color:#f1f5f9;letter-spacing:-.01em;line-height:1.3}.project-author{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.author-avatar-small{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;color:#fff;overflow:hidden;flex-shrink:0}.author-avatar-small img{width:100%;height:100%;object-fit:cover}.author-name-small{font-size:.95rem;font-weight:600;color:#94a3b8}.project-stats{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;font-size:.95rem}.stat-compact{display:inline-flex;align-items:center;gap:.5rem;color:#94a3b8}.stat-compact i{font-size:1rem}.stat-compact strong{color:#cbd5e1;font-weight:600}.project-description{color:#cbd5e1;line-height:1.7;font-size:.95rem;white-space:pre-wrap;margin-bottom:1.5rem;border-left:3px solid rgba(99,102,241,.3);padding-left:1rem}.project-dates{margin-bottom:2rem}.project-dates p{margin-bottom:5px;font-size:14px;color:rgba(255,255,255,.5)}.project-dates i{color:#329977;margin-right:.5rem}.project-thumbnail-sidebar{width:400px;flex-shrink:0;position:sticky;top:100px;align-self:flex-start}.close-project-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(30,41,59,.3);border:1px solid rgba(99,102,241,.3);border-radius:8px;color:#cbd5e1;cursor:pointer;transition:.2s;text-decoration:none;flex-shrink:0}.close-project-btn:hover{background:rgba(30,41,59,.6);border-color:#6366f1;color:#f1f5f9;transform:scale(1.05)}.project-thumbnail-wrapper{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,rgba(30,41,59,.4) 0,rgba(15,23,42,.6) 100%);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(99,102,241,.15)}.project-thumbnail-wrapper img{width:100%;height:100%;object-fit:contain}.thumbnail-placeholder{font-size:3rem;color:#475569}.project-actions-sidebar{margin-top:1rem}.action-btn-compact{width:100%;padding:.875rem 1.5rem;margin-bottom:.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:.75rem;border:1px solid rgba(99,102,241,.3);background:rgba(15,23,42,.4);color:#cbd5e1;text-decoration:none}.action-btn-compact:hover{background:rgba(15,23,42,.7);border-color:#6366f1;transform:translateY(-1px)}.action-btn-compact.primary{background:linear-gradient(135deg,#6366f1,#a855f7);border:none;color:#fff}.run-project-btn{background:linear-gradient(135deg,#0f8,#00cc6a)!important;color:#000!important;border:none!important;box-shadow:0 4px 16px rgba(0,255,136,.4)!important;font-weight:700!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}#clone-modal .modal-content{background:rgba(15,23,42,.95);backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,.3);box-shadow:0 20px 40px rgba(0,0,0,.6)}#clone-modal .modal-header{background:rgba(10,14,26,.6);border-bottom:1px solid rgba(99,102,241,.2)}#clone-modal .modal-header h2{color:#f1f5f9;font-size:1.25rem;font-weight:700}#clone-modal .modal-body{background:rgba(15,23,42,.3)}#clone-modal .modal-footer{background:rgba(10,14,26,.6);border-top:1px solid rgba(99,102,241,.2);display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 24px}#clone-modal .btn-outline{background:0 0;border:2px solid rgba(99,102,241,.3);color:#cbd5e1;padding:12px 24px;border-radius:8px;font-weight:600;transition:.3s}#clone-modal .btn-outline:hover{background:rgba(99,102,241,.1);border-color:#6366f1;color:#f1f5f9;transform:translateY(-1px)}#clone-modal .auth-btn.primary{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;box-shadow:0 4px 16px rgba(16,185,129,.4);transition:.3s}#clone-modal .auth-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px rgba(16,185,129,.6)}#clone-modal .auth-btn.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}#clone-modal .form-group label{color:#f1f5f9;font-weight:600;font-size:.9rem;margin-bottom:8px}#clone-modal .form-group input,#clone-modal .form-group textarea{background:rgba(10,14,26,.6);border:2px solid rgba(99,102,241,.3);border-radius:8px;color:#f1f5f9;font-family:inherit;transition:.3s}#clone-modal .form-group input:focus,#clone-modal .form-group textarea:focus{outline:0;border-color:#6366f1;background:rgba(10,14,26,.8);box-shadow:0 0 0 3px rgba(99,102,241,.1)}#clone-modal .form-group input::placeholder,#clone-modal .form-group textarea::placeholder{color:#64748b}#clone-modal .form-group textarea{resize:vertical;min-height:80px}#clone-modal .project-info{background:rgba(99,102,241,.1)!important;border:1px solid rgba(99,102,241,.2)!important;border-radius:8px;padding:15px!important;margin-bottom:20px!important}#clone-modal .project-info h3{color:#f1f5f9!important;font-size:16px!important;margin:0 0 8px!important}#clone-modal .project-info p{color:#94a3b8!important;font-size:14px!important;margin:0 0 8px!important}#clone-modal .project-info p:last-child{color:#cbd5e1!important;font-size:13px!important;line-height:1.4!important}.comments-section-integrated{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(99,102,241,.15)}.comments-header{font-size:1.25rem;font-weight:700;color:#f1f5f9;margin-bottom:1.5rem}.comment-form-integrated{margin-bottom:2rem}.comment-input-integrated{width:100%;background:rgba(10,14,26,.3);border:none;border-bottom:2px solid rgba(99,102,241,.3);border-radius:0;padding:.75rem 0;color:#f1f5f9;font-size:.95rem;font-family:inherit;resize:none;min-height:60px;transition:.2s}.comment-input-integrated:focus{outline:0;border-bottom-color:#6366f1;background:rgba(10,14,26,.5)}.comment-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.75rem}.comment-submit-compact{padding:.625rem 1.5rem;background:#6366f1;color:#fff;border:none;border-radius:24px;font-size:.9rem;font-weight:600;cursor:pointer;transition:.2s}.comment-submit-compact:hover{background:#5558e3}.comment-submit-compact:disabled{opacity:.5;cursor:not-allowed}.comment-cancel-btn{padding:.625rem 1.5rem;background:0 0;color:#94a3b8;border:none;border-radius:24px;font-size:.9rem;font-weight:600;cursor:pointer;transition:.2s}.comment-cancel-btn:hover{background:rgba(148,163,184,.1)}.comments-list-integrated{display:flex;flex-direction:column;gap:1.5rem}.comment-item-integrated{display:flex;gap:1rem}.comment-avatar-integrated{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff;overflow:hidden;flex-shrink:0}.comment-avatar-integrated img{width:100%;height:100%;object-fit:cover}.comment-body-integrated{flex:1;position:relative}.comment-author-integrated{font-size:.875rem;font-weight:600;color:#f1f5f9;margin-bottom:.25rem}.comment-author-integrated .comment-date-integrated{font-weight:400;color:#64748b;margin-left:.5rem}.comment-text-integrated{color:#cbd5e1;line-height:1.5;font-size:.95rem;white-space:pre-wrap;word-wrap:break-word}.comment-item-integrated:hover .comment-actions-integrated{opacity:1}.comment-actions-integrated{position:absolute;top:-2px;right:0;margin-top:0;opacity:.7;transition:opacity .2s}.delete-button{position:relative;padding:.25rem;border:none;background:0 0;cursor:pointer;font-size:1em;transition:transform .2s;border-radius:4px}.trash-svg{width:1.5em;height:1.5em;transition:transform .3s cubic-bezier(.34, 1.56, .64, 1);filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .1));overflow:visible}#lid-group{transition:transform .3s cubic-bezier(.34, 1.56, .64, 1)}.delete-button:hover #lid-group{transform:rotate(-28deg) translateY(2px)}.delete-button:active #lid-group{transform:rotate(-12deg) scale(.98)}.delete-button:hover .trash-svg{transform:scale(1.08) rotate(3deg)}.delete-button:active .trash-svg{transform:scale(.96) rotate(-1deg)}.no-comments-integrated{text-align:center;padding:2rem 1rem;color:#64748b;font-size:.95rem}.login-prompt-integrated{text-align:center;padding:2rem;background:rgba(10,14,26,.3);border:1px dashed rgba(99,102,241,.2);border-radius:8px;margin-bottom:1.5rem}.login-prompt-integrated p{color:#94a3b8;font-size:.95rem;margin:0 0 1rem}.login-prompt-btn-integrated{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#6366f1;color:#fff;text-decoration:none;border-radius:24px;font-weight:600;font-size:.9rem;transition:.2s}.login-prompt-btn-integrated:hover{background:#5558e3;transform:translateY(-1px)}.file-viewer-section{margin-top:1.5rem;background:rgba(15,23,42,.5);border:1px solid rgba(99,102,241,.2);border-radius:12px;overflow:hidden}.file-viewer-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:rgba(10,14,26,.6);border-bottom:1px solid rgba(99,102,241,.15);font-weight:600;color:#f1f5f9;font-size:.95rem}.file-viewer-header i{color:#6366f1;font-size:1.1rem}.file-viewer-badge{margin-left:auto;padding:.25rem .75rem;background:rgba(99,102,241,.2);border:1px solid rgba(99,102,241,.3);border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#a5b4fc}.file-tree{max-height:200px;overflow-y:auto;border-bottom:1px solid rgba(99,102,241,.15)}.file-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;cursor:pointer;transition:.2s;border-left:3px solid transparent}.file-item:hover{background:rgba(99,102,241,.1);border-left-color:#6366f1}.file-item.selected{background:rgba(99,102,241,.15);border-left-color:#6366f1;color:#f1f5f9}.file-item.main-file{background:rgba(99,102,241,.05)}.file-item i{font-size:1.1rem;color:#6366f1;flex-shrink:0}.file-name{flex:1;font-size:.9rem;font-weight:500;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-file-badge{padding:.15rem .5rem;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:8px;font-size:.65rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.file-tree::-webkit-scrollbar{width:8px}.file-tree::-webkit-scrollbar-track{background:rgba(10,14,26,.3)}.file-tree::-webkit-scrollbar-thumb{background:rgba(99,102,241,.3);border-radius:4px}.file-tree::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.5)}@media (max-width:900px){.project-main-layout{flex-direction:column}.project-thumbnail-sidebar{width:100%;position:relative;top:0}.monaco-editor{height:400px}}