* {
    box-sizing: border-box;
}

body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    background: linear-gradient(135deg, #f7f9fb, #eef1f6);
}

#editor {
    flex: 1;
    margin: 16px;
    padding: 14px;
    height: calc(100vh - 32px);
    border: 1px solid #d4d7dd;
    border-radius: 12px;
    background: #ffffff;
    color: #0f172a;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 16px;
    line-height: 1.5;
    outline: none;
    resize: none;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
}

#editor::placeholder {
    color: #94a3b8;
}