gpttemp

code/public/static/css/modules/playline/layout/layout_A.css

@@ -0,0 +1,21 @@
+.__PFX__-pl-a{
+    margin:24px 0;
+}
+
+.__PFX__-pl-a .__PFX__-pl-tabs{
+    display:flex;
+    gap:12px;
+    margin-bottom:12px;
+}
+
+.__PFX__-pl-a .__PFX__-pl-tab{
+    padding:4px 10px;
+    border:1px solid var(--border-color);
+    cursor:pointer;
+}
+
+.__PFX__-pl-a .__PFX__-pl-list{
+    display:grid;
+    grid-template-columns:repeat(auto-fill,minmax(70px,1fr));
+    gap:8px;
+}

code/public/static/css/modules/playline/layout/layout_B.css

@@ -0,0 +1,19 @@
+.__PFX__-pl-b .__PFX__-pl-wrap{
+    display:flex;
+    gap:16px;
+}
+
+.__PFX__-pl-b .__PFX__-pl-lines{
+    width:120px;
+    border-right:1px solid var(--border-color);
+}
+
+.__PFX__-pl-b .__PFX__-pl-line{
+    padding:6px 0;
+}
+
+.__PFX__-pl-b .__PFX__-pl-list{
+    display:flex;
+    flex-wrap:wrap;
+    gap:8px;
+}

code/public/static/css/modules/playline/layout/layout_C.css

@@ -0,0 +1,20 @@
+.__PFX__-pl-c{
+    margin:24px 0;
+}
+
+.__PFX__-pl-c .__PFX__-pl-block{
+    margin-bottom:20px;
+}
+
+.__PFX__-pl-c .__PFX__-pl-title{
+    margin-bottom:8px;
+    font-weight:600;
+}
+
+.__PFX__-pl-c .__PFX__-pl-list{
+    padding-left:16px;
+}
+
+.__PFX__-pl-c .__PFX__-pl-ep{
+    margin-bottom:6px;
+}