.file-viewer-container[data-v-448ab8e5]{display:flex;max-width:1400px;margin:0 auto;padding:0;background:#fff;border-radius:0;box-shadow:none}.file-directory[data-v-448ab8e5]{width:200px;border-right:1px solid #ddd;padding:20px;background:#f5f5f5;height:calc(100vh - 40px);overflow-y:auto}.file-directory h2[data-v-448ab8e5]{font-size:18px;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ddd}.file-directory ul[data-v-448ab8e5]{list-style-type:none;padding:0}.file-directory li[data-v-448ab8e5]{padding:8px;cursor:pointer;border-radius:4px;transition:background-color .2s ease;font-size:14px}.file-directory li[data-v-448ab8e5]:hover{background-color:#e9e9e9}.file-directory li.active-file[data-v-448ab8e5]{background-color:#d1ecf1;color:#0c5460;font-weight:700}.main-content[data-v-448ab8e5]{flex:1;display:flex;flex-direction:column}.preview-section[data-v-448ab8e5]{display:flex;flex-direction:column;height:calc(100vh - 40px);border:1px solid #333;overflow:hidden;position:relative}.top-bar[data-v-448ab8e5]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 15px;background:#444;color:#fff;min-height:50px}.file-name[data-v-448ab8e5]{justify-self:start}.top-actions[data-v-448ab8e5]{display:flex;gap:15px;align-items:center;justify-self:center}.right-placeholder[data-v-448ab8e5]{justify-self:end}.action-btn[data-v-448ab8e5]{display:inline-flex;align-items:center;cursor:pointer;width:30px;padding:8px 3px;border:none;background-color:transparent;color:#fff}.preview-container[data-v-448ab8e5]{flex:1;display:flex;position:relative}.preview-content[data-v-448ab8e5]{flex:1;overflow:hidden;position:relative}.preview-iframe[data-v-448ab8e5]{width:100%;height:100%;border:none}