body {
    margin:0;
    font-family:Segoe UI, Arial;
    overflow:hidden;
}

#desktop {
    width:100vw;
    height:100vh;
    background:#1e293b;
}

/* WINDOW */
.window {
    position:absolute;
    width:600px;
    height:420px;
    background:#0f172a;
    color:white;
    border-radius:8px;
    overflow:hidden;
}

/* TITLEBAR */
.titlebar {
    background:#111827;
    padding:6px;
    display:flex;
    justify-content:space-between;
    cursor:move;
}

/* TASKBAR */
#taskbar {
    position:fixed;
    bottom:0;
    width:100%;
    height:45px;
    background:#0b1220;
    display:flex;
    align-items:center;
    gap:10px;
    padding-left:10px;
}

.taskBtn {
    background:#1f2937;
    color:white;
    border:none;
    padding:5px 10px;
    cursor:pointer;
}

/* BROWSER */
.tabbar {
    display:flex;
    gap:4px;
    background:#1f2937;
    padding:4px;
}

.tab {
    padding:4px 10px;
    background:#374151;
    cursor:pointer;
}

.tab.active {
    background:#60a5fa;
    color:black;
}

.navbar {
    display:flex;
    gap:5px;
    padding:5px;
}

.viewport {
    display:flex;
    height:300px;
}

.viewport iframe {
    flex:1;
    border:none;
}

/* RESIZE HANDLE */
.resizer {
    width:12px;
    height:12px;
    background:#60a5fa;
    position:absolute;
    right:0;
    bottom:0;
    cursor:nwse-resize;
}body {
    margin:0;
    font-family:Segoe UI, Arial;
    overflow:hidden;
}

#desktop {
    width:100vw;
    height:100vh;
    background:#1e293b;
}

/* WINDOW */
.window {
    position:absolute;
    width:600px;
    height:420px;
    background:#0f172a;
    color:white;
    border-radius:8px;
    overflow:hidden;
}

/* TITLEBAR */
.titlebar {
    background:#111827;
    padding:6px;
    display:flex;
    justify-content:space-between;
    cursor:move;
}

/* TASKBAR */
#taskbar {
    position:fixed;
    bottom:0;
    width:100%;
    height:45px;
    background:#0b1220;
    display:flex;
    align-items:center;
    gap:10px;
    padding-left:10px;
}

.taskBtn {
    background:#1f2937;
    color:white;
    border:none;
    padding:5px 10px;
    cursor:pointer;
}

/* BROWSER */
.tabbar {
    display:flex;
    gap:4px;
    background:#1f2937;
    padding:4px;
    overflow-x:auto;
}

.tab {
    padding:4px 10px;
    background:#374151;
    border-radius:4px;
    cursor:grab;
    font-size:12px;
}

.tab.active {
    background:#60a5fa;
    color:black;
}

.navbar {
    display:flex;
    gap:5px;
    padding:5px;
    background:#111827;
}

.viewport {
    height:300px;
    display:flex;
}

.viewport iframe {
    flex:1;
    border:none;
}

/* SPLIT MODE */
.split iframe {
    width:50%;
}body {
    margin:0;
    font-family:Segoe UI, Arial;
    overflow:hidden;
}

#desktop {
    width:100vw;
    height:100vh;
    background:#1e293b;
}

/* WINDOW */
.window {
    position:absolute;
    width:600px;
    height:400px;
    background:#111827;
    color:white;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.4);
}

.titlebar {
    background:#0f172a;
    padding:6px;
    display:flex;
    justify-content:space-between;
    cursor:move;
}

/* TASKBAR */
#taskbar {
    position:fixed;
    bottom:0;
    width:100%;
    height:45px;
    background:#0b1220;
    display:flex;
    align-items:center;
    gap:10px;
    padding-left:10px;
}

.taskBtn {
    background:#1f2937;
    color:white;
    border:none;
    padding:5px 10px;
    cursor:pointer;
}

/* BROWSER UI */
.tabbar {
    display:flex;
    gap:5px;
    background:#1f2937;
    padding:5px;
}

.tab {
    padding:4px 8px;
    background:#374151;
    cursor:pointer;
    border-radius:4px;
    font-size:12px;
}

.tab.active {
    background:#60a5fa;
    color:black;
}

.content iframe {
    width:100%;
    height:300px;
    border:none;
}