body { margin: 0; padding: 0; background: #222; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; height: 100vh; display: flex; flex-direction: column; }

/* --- TOOLBAR --- */
#toolbar {
    height: 60px; background: #1a1a1a; border-bottom: 1px solid #333; 
    color: #eee; display: flex; align-items: center; padding: 0 20px;
    gap: 20px; z-index: 1000; flex-shrink: 0;
}

.control-group { display: flex; flex-direction: column; justify-content: center; }
.control-group label { font-size: 0.7rem; color: #888; text-transform: uppercase; margin-bottom: 4px; letter-spacing: 0.5px; }

select {
    background: #333; color: white; border: 1px solid #444; 
    padding: 5px 10px; border-radius: 4px; font-size: 0.9rem; outline: none;
}
select:hover { border-color: #666; }

.btn-close { margin-left: auto; color: #aaa; text-decoration: none; font-size: 0.9rem; border: 1px solid #444; padding: 5px 12px; border-radius: 4px; transition: 0.2s; }
.btn-close:hover { background: #333; color: white; border-color: white; }

/* --- ÁREA DE TRABAJO --- */
#workspace {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
    background-image: radial-gradient(#333 1px, transparent 1px);
    background-size: 20px 20px;
}

/* --- DISPOSITIVO --- */
#device-viewport {
    background: white;
    box-shadow: 0 0 50px rgba(0,0,0,0.5);
    border: 10px solid #111;
    border-radius: 20px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    transition: width 0.3s ease, height 0.3s ease;
    scrollbar-width: thin;
    scrollbar-color: #555 #fff;
}

/* --- WRAPPER INTERNO --- */
#content-wrapper {
    position: relative;
    width: 100%;
    min-height: 100%;
}

iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
    position: absolute; 
    top: 0; left: 0;
    z-index: 1;
}

#heatmap-overlay {
    width: 100%;
    height: 100%;
    position: absolute; 
    top: 0; left: 0;
    z-index: 2; 
    pointer-events: none;
}