.mode-selection .mode-controls{display:flex;flex-direction:column;gap:.5rem}.controls-section .controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.website-display.fullscreen-mode{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;margin:0;border-radius:0}.website-display.fullscreen-mode #website-iframe,.website-display.fullscreen-mode .card-content{height:100vh;border-radius:0}.website-display{cursor:pointer;position:relative;min-height:600px}.website-display:hover .loading-message{opacity:.9}@media (max-width:768px){.controls-section .controls-grid{grid-template-columns:1fr}.mode-selection .mode-controls{gap:.75rem}.mode-selection .mode-controls>div{flex-direction:column;align-items:flex-start!important}.mode-selection .mode-controls #mode-info{margin-left:0!important;margin-top:.5rem}}.current-site-info{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);text-align:center}.current-site-info p{margin:0;color:var(--text-secondary);font-size:.875rem}.current-site-info strong{color:var(--primary-color);word-break:break-all}.website-display .card-content{padding:0;position:relative;height:600px;overflow:hidden}#website-iframe{width:100%;height:75vmin;border:none;border-radius:var(--radius-md)}.error-message,.loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:600px;padding:2rem;text-align:center}.error-message i,.loading-message i{font-size:4rem;margin-bottom:1rem;opacity:.5}.error-message h3,.loading-message h3{margin-bottom:.5rem;color:var(--text-primary)}.error-message p,.loading-message p{color:var(--text-secondary);margin-bottom:1rem}.error-message i{color:var(--danger-color)}.instruction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.instruction-item h4{margin-bottom:.5rem;color:var(--primary-color)}.instruction-item p{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.favorites-list{max-height:500px;overflow-y:auto}.favorites-items{margin-bottom:1rem}.favorite-item{transition:transform .2s}.favorite-item:hover{transform:translateX(4px)}@media (max-width:768px){#website-iframe,.error-message,.loading-message,.website-display .card-content{height:450px}.instruction-grid{grid-template-columns:1fr}.favorite-item{flex-direction:column;align-items:flex-start!important;gap:.5rem}.favorite-item>div:last-child{margin-left:0!important;width:100%}}