cuju-render 0.1.0__py3-none-any.whl

cuju/render/web/flat.css

@@ -0,0 +1,120 @@
+/*
+Copyright 2026 The cuju Authors
+SPDX-License-Identifier: Apache-2.0
+*/
+
+/* The 2D view over the stage, and the offer of it when the 3D picture is slow. */
+#stage #flat-view {
+    position: absolute;
+    inset: 0;
+    z-index: 1;
+}
+
+#stage #flat-view[hidden] {
+    display: none;
+}
+
+.flat-suggest {
+    position: absolute;
+    right: 14px;
+    top: 62px;
+    z-index: 6;
+    width: min(360px, calc(100% - 28px));
+    padding: 12px 14px;
+    border: 1px solid var(--border);
+    background: var(--overlay);
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
+}
+
+.flat-suggest[hidden] {
+    display: none;
+}
+
+.flat-suggest p {
+    margin: 0 0 10px;
+}
+
+.flat-suggest-actions {
+    display: flex;
+    gap: 8px;
+    justify-content: flex-end;
+}
+
+/* The grid of environments, a panel over the stage with a square of tiles. */
+#env-grid {
+    position: absolute;
+    inset: 56px 14px 14px;
+    z-index: 7;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 12px 14px;
+    border: 1px solid var(--border);
+    background: var(--overlay);
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
+}
+
+#env-grid[hidden] {
+    display: none;
+}
+
+.env-grid-head {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 8px;
+}
+
+.env-grid-head .panel-title {
+    margin: 0 auto 0 0;
+}
+
+.env-grid-size {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+}
+
+.env-grid-status {
+    margin: 0;
+}
+
+.env-grid-tiles {
+    flex: 1;
+    min-height: 0;
+    display: grid;
+    gap: 6px;
+}
+
+.env-tile {
+    position: relative;
+    min-width: 0;
+    min-height: 0;
+    padding: 0;
+    border: 2px solid transparent;
+    background: #1d3d21;
+    cursor: pointer;
+}
+
+.env-tile canvas {
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+
+.env-tile[aria-current="true"] {
+    border-color: var(--accent);
+}
+
+.env-tile:focus-visible {
+    outline: 3px solid var(--link);
+    outline-offset: 1px;
+}
+
+.env-tile-label {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+}