html,
        body {
            margin: 0;
            height: 100%
        }

        #header {
            position: relative;
            background: #333;
            color: #fff;
            padding: 10px
        }
        #menu-button {
            cursor: pointer;
            display: inline-block;
            margin-right: 10px
        }
        #menu {
            display: none;
            position: absolute;
            top: 40px;
            left: 10px;
            background: #fff;
            color: #000;
            border: 1px solid #ccc;
            padding: 10px;
            z-index: 1000
        }
        #menu div {
            padding: 4px 0;
            cursor: pointer
        }
        #menu details > div {
            padding-left: 10px
        }

        #content {
            display: flex;
            height: calc(100% - 40px)
        }

        #left {
            width: 600px;
            box-sizing: border-box;
            background: #f0f0f0;
            display: flex
        }

        #tabs {
            width: 110px;
            background: #ddd
        }

        #view-wrap {
            flex: 1;
            display: flex;
            flex-direction: column
        }

        #tabs div {
            padding: 6px;
            cursor: pointer;
            word-break: keep-all
        }

        #tabs .active {
            background: #fff;
            font-weight: bold
        }

        #panels {
            flex: 1;
            padding: 10px;
            overflow-y: auto;
            overflow-x: hidden
        }

        #panels .panel {
            display: none
        }

        #right {
            flex: 1;
            position: relative;
            background: #000;
            display: flex;
            align-items: center;
            justify-content: center
        }

        #preview {
            background: #444
        }

        #footer {
            height: 30px;
            padding: 6px;
            background: #333;
            color: #fff;
            font-size: 12px
        }

        #drop-area {
            padding: 10px;
            border: 1px dashed #999;
            text-align: center;
            margin-bottom: 8px
        }

        #asset-table {
            width: 100%;
            border-collapse: collapse
        }

        #asset-table td,
        #asset-table th {
            border: 1px solid #ccc;
            padding: 4px
        }

        #event-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 8px
        }

        #event-table td,
        #event-table th {
            border: 1px solid #ccc;
            padding: 4px
        }

        #scene-panel {
            display: flex
        }

        #scene-side {
            width: 110px;
            padding-left: 10px;
            box-sizing: border-box
        }

        #scene-side details {
            border: 1px solid #ccc;
            margin-bottom: 8px;
            padding: 4px
        }

        #scene-side summary {
            cursor: pointer;
            font-weight: bold
        }

        #scene-list {
            list-style: none;
            padding: 0;
            margin: 0
        }

        #scene-list li {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        #value-editor {
            flex: 1;
            padding-left: 10px
        }

        #value-editor details {
            border: 1px solid #ccc;
            margin-bottom: 8px;
            padding: 4px
        }

        #value-editor summary {
            cursor: pointer;
            font-weight: bold
        }

        label {
            display: block;
            margin-bottom: 8px
        }

        #event-tabs {
            display: flex;
            margin-bottom: 4px
        }

        #event-tabs div {
            padding: 4px;
            cursor: pointer;
            background: #ddd;
            flex: 1;
            text-align: center
        }

        #event-tabs .active {
            background: #fff;
            font-weight: bold
        }

        .event-panel {
            display: none
        }

        #arg-modal {
            padding: 20px
        }
    </style>