*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}.favorites-layout{display:flex;flex:1;min-height:0}.favorites-sidebar{width:300px;flex-shrink:0;background:var(--background-alt-grey);border-right:1px solid var(--border-default-grey);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:1rem;border-bottom:1px solid var(--border-default-grey)}.sidebar-header h2{margin:0;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.favorites-count{background:var(--background-action-high-blue-france);color:#fff;padding:.125rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600}.favorites-list{flex:1;overflow-y:auto;padding:.5rem}.favorite-item{padding:.75rem;margin-bottom:.5rem;background:var(--background-default-grey);border-radius:4px;cursor:pointer;border:2px solid transparent;transition:all .15s}.favorite-item:hover{border-color:var(--border-action-high-blue-france)}.favorite-item.active{border-color:var(--border-action-high-blue-france);background:var(--background-contrast-info)}.favorite-item-name{font-weight:600;font-size:.9rem;margin-bottom:.25rem}.favorite-item-meta{font-size:.75rem;color:var(--text-mention-grey);display:flex;gap:.5rem;align-items:center}.favorite-item-type{background:var(--background-contrast-grey);padding:.125rem .375rem;border-radius:2px}.empty-sidebar{padding:2rem 1rem;text-align:center;color:var(--text-mention-grey)}.empty-sidebar i{font-size:2.5rem;opacity:.5;margin-bottom:1rem}.favorites-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.content-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-default-grey);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.content-header h1{margin:0;font-size:1.25rem}.content-actions{display:flex;gap:.5rem;flex-wrap:wrap}.content-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.preview-section{flex:1;padding:1.5rem;overflow:auto;background:var(--background-default-grey)}.preview-frame{width:100%;min-height:400px;border:1px solid var(--border-default-grey);border-radius:8px;background:#fff}.code-section{max-height:300px;overflow:auto;border-top:1px solid var(--border-default-grey)}.code-section pre{margin:0;padding:1rem;background:#1e1e1e;color:#d4d4d4;font-family:Fira Code,Consolas,monospace;font-size:.8rem;white-space:pre-wrap;word-break:break-word}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#2d2d2d;color:#d4d4d4;font-size:.8rem}.empty-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-mention-grey);text-align:center;padding:2rem}.empty-content i{font-size:4rem;opacity:.3;margin-bottom:1.5rem}.empty-content h2{margin:0 0 .5rem;color:var(--text-title-grey)}.empty-content p{margin:0 0 1.5rem;max-width:400px}@media(max-width:768px){.favorites-layout{flex-direction:column}.favorites-sidebar{width:100%;max-height:40vh;border-right:none;border-bottom:1px solid var(--border-default-grey)}}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;align-items:center;justify-content:center}.modal-overlay.active{display:flex}.modal-content{background:#fff;padding:2rem;border-radius:8px;max-width:400px;width:90%}.modal-content h3{margin:0 0 1rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}