juc500 정상동작

juc500_xfer/static/styles.css

@@ -38,8 +38,10 @@ body {
 }
 
 .app {
-  max-width: 1440px;
-  margin: 0 auto;
+  width: 100%;
+  max-width: none;
+  margin: 0;
+  /* 좌·우 여백 = 하단과 동일 (14px) */
   padding: 12px 14px 14px;
   height: 100%;
   max-height: 100dvh;
@@ -64,6 +66,19 @@ body {
   letter-spacing: -0.03em;
   line-height: 1;
 }
+.brand-row {
+  display: flex;
+  align-items: baseline;
+  gap: 10px;
+}
+.brand-version {
+  font-family: var(--mono);
+  font-size: 0.72rem;
+  font-weight: 500;
+  color: var(--muted);
+  letter-spacing: -0.02em;
+  white-space: nowrap;
+}
 .brand-sub { color: var(--muted); font-size: 0.88rem; }
 
 .conn {
@@ -132,6 +147,18 @@ button.ghost:hover:not(:disabled) { background: #e8ebef; }
   background: #e8ebef;
 }
 
+.cable-switch .control-btn {
+  min-width: 4.6rem;
+  font-weight: 600;
+  letter-spacing: 0.01em;
+}
+.cable-switch .control-btn.cable-hidden {
+  display: none;
+}
+.cable-switch.cable-single {
+  gap: 0;
+}
+
 .peer-bar {
   background: rgba(255,255,255,0.72);
   border: 1px solid var(--line);