@gallop.software/studio 1.2.0 → 1.2.1

package/dist/{StudioUI-FCQJK23M.js → StudioUI-7GX4ZLF3.js}

@@ -4,7 +4,7 @@
 
 
 
-var _chunkUFCWGUAGjs = require('./chunk-UFCWGUAG.js');
+var _chunkN6JYTJCBjs = require('./chunk-N6JYTJCB.js');
 
 // src/components/StudioUI.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -105,11 +105,11 @@ var styles = {
     justify-content: center;
     z-index: 10000;
     animation: ${fadeIn} 0.15s ease-out;
-    font-family: ${_chunkUFCWGUAGjs.fontStack};
+    font-family: ${_chunkN6JYTJCBjs.fontStack};
   `,
   modal: _react3.css`
-    ${_chunkUFCWGUAGjs.baseReset}
-    background-color: ${_chunkUFCWGUAGjs.colors.surface};
+    ${_chunkN6JYTJCBjs.baseReset}
+    background-color: ${_chunkN6JYTJCBjs.colors.surface};
     border-radius: 12px;
     box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3);
     max-width: 420px;
@@ -121,9 +121,9 @@ var styles = {
     padding: 24px 24px 0;
   `,
   title: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.lg};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.lg};
     font-weight: 600;
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     margin: 0;
     letter-spacing: -0.02em;
   `,
@@ -131,8 +131,8 @@ var styles = {
     padding: 12px 24px 24px;
   `,
   message: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
     margin: 0;
     line-height: 1.6;
   `,
@@ -141,12 +141,12 @@ var styles = {
     justify-content: flex-end;
     gap: 12px;
     padding: 16px 24px;
-    border-top: 1px solid ${_chunkUFCWGUAGjs.colors.border};
-    background-color: ${_chunkUFCWGUAGjs.colors.background};
+    border-top: 1px solid ${_chunkN6JYTJCBjs.colors.border};
+    background-color: ${_chunkN6JYTJCBjs.colors.background};
   `,
   btn: _react3.css`
     padding: 10px 18px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     font-weight: 500;
     border-radius: 6px;
     cursor: pointer;
@@ -154,33 +154,33 @@ var styles = {
     letter-spacing: -0.01em;
   `,
   btnCancel: _react3.css`
-    background-color: ${_chunkUFCWGUAGjs.colors.surface};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    background-color: ${_chunkN6JYTJCBjs.colors.surface};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.surfaceHover};
-      border-color: ${_chunkUFCWGUAGjs.colors.borderHover};
+      background-color: ${_chunkN6JYTJCBjs.colors.surfaceHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.borderHover};
     }
   `,
   btnConfirm: _react3.css`
-    background-color: ${_chunkUFCWGUAGjs.colors.primary};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.primary};
+    background-color: ${_chunkN6JYTJCBjs.colors.primary};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.primary};
     color: white;
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.primaryHover};
-      border-color: ${_chunkUFCWGUAGjs.colors.primaryHover};
+      background-color: ${_chunkN6JYTJCBjs.colors.primaryHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.primaryHover};
     }
   `,
   btnDanger: _react3.css`
-    background-color: ${_chunkUFCWGUAGjs.colors.danger};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.danger};
+    background-color: ${_chunkN6JYTJCBjs.colors.danger};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.danger};
     color: white;
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.dangerHover};
-      border-color: ${_chunkUFCWGUAGjs.colors.dangerHover};
+      background-color: ${_chunkN6JYTJCBjs.colors.dangerHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.dangerHover};
     }
   `
 };
@@ -213,22 +213,22 @@ var inputStyles = {
   input: _react3.css`
     width: 100%;
     padding: 10px 12px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 6px;
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     margin-top: 12px;
     transition: all 0.15s ease;
     
     &:focus {
       outline: none;
-      border-color: ${_chunkUFCWGUAGjs.colors.primary};
-      box-shadow: 0 0 0 2px ${_chunkUFCWGUAGjs.colors.primaryLight};
+      border-color: ${_chunkN6JYTJCBjs.colors.primary};
+      box-shadow: 0 0 0 2px ${_chunkN6JYTJCBjs.colors.primaryLight};
     }
     
     &::placeholder {
-      color: ${_chunkUFCWGUAGjs.colors.textMuted};
+      color: ${_chunkN6JYTJCBjs.colors.textMuted};
     }
   `
 };
@@ -292,28 +292,28 @@ var progressStyles = {
   progressBar: _react3.css`
     width: 100%;
     height: 8px;
-    background-color: ${_chunkUFCWGUAGjs.colors.background};
+    background-color: ${_chunkN6JYTJCBjs.colors.background};
     border-radius: 4px;
     overflow: hidden;
     margin-bottom: 12px;
   `,
   progressFill: _react3.css`
     height: 100%;
-    background: linear-gradient(90deg, ${_chunkUFCWGUAGjs.colors.primary}, ${_chunkUFCWGUAGjs.colors.primaryHover});
+    background: linear-gradient(90deg, ${_chunkN6JYTJCBjs.colors.primary}, ${_chunkN6JYTJCBjs.colors.primaryHover});
     border-radius: 4px;
     transition: width 0.3s ease;
   `,
   progressText: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.sm};
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.sm};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
     margin: 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
   `,
   currentFile: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.xs};
-    color: ${_chunkUFCWGUAGjs.colors.textMuted};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
+    color: ${_chunkN6JYTJCBjs.colors.textMuted};
     margin: 8px 0 0;
     white-space: nowrap;
     overflow: hidden;
@@ -329,7 +329,7 @@ var progressStyles = {
     overflow-y: auto;
   `,
   errorItem: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.xs};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
     color: #991b1b;
     margin: 0 0 4px;
     &:last-child {
@@ -478,11 +478,11 @@ var styles2 = {
     justify-content: center;
     z-index: 10000;
     animation: ${fadeIn2} 0.15s ease-out;
-    font-family: ${_chunkUFCWGUAGjs.fontStack};
+    font-family: ${_chunkN6JYTJCBjs.fontStack};
   `,
   modal: _react3.css`
-    ${_chunkUFCWGUAGjs.baseReset}
-    background-color: ${_chunkUFCWGUAGjs.colors.surface};
+    ${_chunkN6JYTJCBjs.baseReset}
+    background-color: ${_chunkN6JYTJCBjs.colors.surface};
     border-radius: 12px;
     box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3);
     max-width: 480px;
@@ -497,9 +497,9 @@ var styles2 = {
     padding: 24px 24px 0;
   `,
   title: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.lg};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.lg};
     font-weight: 600;
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     margin: 0;
     letter-spacing: -0.02em;
   `,
@@ -511,8 +511,8 @@ var styles2 = {
     max-height: 400px;
   `,
   message: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
     margin: 0 0 16px;
     line-height: 1.6;
   `,
@@ -533,7 +533,7 @@ var styles2 = {
     position: relative;
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.surfaceHover};
+      background-color: ${_chunkN6JYTJCBjs.colors.surfaceHover};
     }
   `,
   treeIndent: _react3.css`
@@ -554,7 +554,7 @@ var styles2 = {
       top: 0;
       bottom: 50%;
       width: 0;
-      border-left: 1px dashed ${_chunkUFCWGUAGjs.colors.textSecondary};
+      border-left: 1px dashed ${_chunkN6JYTJCBjs.colors.textSecondary};
     }
     
     &::after {
@@ -564,15 +564,15 @@ var styles2 = {
       top: 50%;
       width: 8px;
       height: 0;
-      border-top: 1px dashed ${_chunkUFCWGUAGjs.colors.textSecondary};
+      border-top: 1px dashed ${_chunkN6JYTJCBjs.colors.textSecondary};
     }
   `,
   folderItemSelected: _react3.css`
-    background-color: ${_chunkUFCWGUAGjs.colors.primaryLight};
-    border-color: ${_chunkUFCWGUAGjs.colors.primary};
+    background-color: ${_chunkN6JYTJCBjs.colors.primaryLight};
+    border-color: ${_chunkN6JYTJCBjs.colors.primary};
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.primaryLight};
+      background-color: ${_chunkN6JYTJCBjs.colors.primaryLight};
     }
   `,
   folderItemDisabled: _react3.css`
@@ -590,8 +590,8 @@ var styles2 = {
     flex-shrink: 0;
   `,
   folderName: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     flex: 1;
   `,
   footer: _react3.css`
@@ -599,12 +599,12 @@ var styles2 = {
     justify-content: flex-end;
     gap: 12px;
     padding: 16px 24px;
-    border-top: 1px solid ${_chunkUFCWGUAGjs.colors.border};
-    background-color: ${_chunkUFCWGUAGjs.colors.background};
+    border-top: 1px solid ${_chunkN6JYTJCBjs.colors.border};
+    background-color: ${_chunkN6JYTJCBjs.colors.background};
   `,
   btn: _react3.css`
     padding: 10px 18px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     font-weight: 500;
     border-radius: 6px;
     cursor: pointer;
@@ -612,23 +612,23 @@ var styles2 = {
     letter-spacing: -0.01em;
   `,
   btnCancel: _react3.css`
-    background-color: ${_chunkUFCWGUAGjs.colors.surface};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    background-color: ${_chunkN6JYTJCBjs.colors.surface};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.surfaceHover};
-      border-color: ${_chunkUFCWGUAGjs.colors.borderHover};
+      background-color: ${_chunkN6JYTJCBjs.colors.surfaceHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.borderHover};
     }
   `,
   btnConfirm: _react3.css`
-    background-color: ${_chunkUFCWGUAGjs.colors.primary};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.primary};
+    background-color: ${_chunkN6JYTJCBjs.colors.primary};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.primary};
     color: white;
     
     &:hover:not(:disabled) {
-      background-color: ${_chunkUFCWGUAGjs.colors.primaryHover};
-      border-color: ${_chunkUFCWGUAGjs.colors.primaryHover};
+      background-color: ${_chunkN6JYTJCBjs.colors.primaryHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.primaryHover};
     }
     
     &:disabled {
@@ -641,14 +641,14 @@ var styles2 = {
     align-items: center;
     justify-content: center;
     padding: 40px;
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
   `,
   spinner: _react3.css`
     width: 24px;
     height: 24px;
     border-radius: 50%;
-    border: 3px solid ${_chunkUFCWGUAGjs.colors.border};
-    border-top-color: ${_chunkUFCWGUAGjs.colors.primary};
+    border: 3px solid ${_chunkN6JYTJCBjs.colors.border};
+    border-top-color: ${_chunkN6JYTJCBjs.colors.primary};
     animation: spin 0.8s linear infinite;
     
     @keyframes spin {
@@ -763,7 +763,7 @@ var styles3 = {
     padding: 20px;
   `,
   modal: _react3.css`
-    background: ${_chunkUFCWGUAGjs.colors.surface};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
     border-radius: 12px;
     max-width: 560px;
     width: 100%;
@@ -776,18 +776,18 @@ var styles3 = {
     align-items: center;
     gap: 12px;
     padding: 20px 24px;
-    border-bottom: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    border-bottom: 1px solid ${_chunkN6JYTJCBjs.colors.border};
   `,
   icon: _react3.css`
     width: 32px;
     height: 32px;
-    color: ${_chunkUFCWGUAGjs.colors.primary};
+    color: ${_chunkN6JYTJCBjs.colors.primary};
     flex-shrink: 0;
   `,
   title: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.xl};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.xl};
     font-weight: 600;
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     margin: 0;
   `,
   closeBtn: _react3.css`
@@ -796,12 +796,12 @@ var styles3 = {
     border: none;
     padding: 4px;
     cursor: pointer;
-    color: ${_chunkUFCWGUAGjs.colors.textMuted};
+    color: ${_chunkN6JYTJCBjs.colors.textMuted};
     border-radius: 4px;
     
     &:hover {
-      color: ${_chunkUFCWGUAGjs.colors.text};
-      background: ${_chunkUFCWGUAGjs.colors.surfaceHover};
+      color: ${_chunkN6JYTJCBjs.colors.text};
+      background: ${_chunkN6JYTJCBjs.colors.surfaceHover};
     }
   `,
   closeIcon: _react3.css`
@@ -812,8 +812,8 @@ var styles3 = {
     padding: 24px;
   `,
   intro: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
     margin: 0 0 20px 0;
     line-height: 1.6;
   `,
@@ -833,9 +833,9 @@ var styles3 = {
     width: 28px;
     height: 28px;
     border-radius: 50%;
-    background: ${_chunkUFCWGUAGjs.colors.primaryLight};
-    color: ${_chunkUFCWGUAGjs.colors.primary};
-    font-size: ${_chunkUFCWGUAGjs.fontSize.sm};
+    background: ${_chunkN6JYTJCBjs.colors.primaryLight};
+    color: ${_chunkN6JYTJCBjs.colors.primary};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.sm};
     font-weight: 600;
     display: flex;
     align-items: center;
@@ -847,19 +847,19 @@ var styles3 = {
     padding-top: 3px;
   `,
   stepTitle: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     font-weight: 500;
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     margin: 0 0 4px 0;
   `,
   stepDesc: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.sm};
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.sm};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
     margin: 0;
     line-height: 1.5;
   `,
   link: _react3.css`
-    color: ${_chunkUFCWGUAGjs.colors.primary};
+    color: ${_chunkN6JYTJCBjs.colors.primary};
     text-decoration: none;
     font-weight: 500;
     
@@ -872,25 +872,25 @@ var styles3 = {
     margin-top: 20px;
   `,
   envVars: _react3.css`
-    background: ${_chunkUFCWGUAGjs.colors.background};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    background: ${_chunkN6JYTJCBjs.colors.background};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 8px;
     padding: 16px;
     padding-right: 48px;
     font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
     font-size: 13px;
     line-height: 1.8;
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     overflow-x: auto;
   `,
   envVar: _react3.css`
     display: block;
   `,
   envKey: _react3.css`
-    color: ${_chunkUFCWGUAGjs.colors.primary};
+    color: ${_chunkN6JYTJCBjs.colors.primary};
   `,
   envValue: _react3.css`
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
   `,
   copyBtn: _react3.css`
     position: absolute;
@@ -901,16 +901,16 @@ var styles3 = {
     display: flex;
     align-items: center;
     justify-content: center;
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 6px;
     cursor: pointer;
-    color: ${_chunkUFCWGUAGjs.colors.textMuted};
+    color: ${_chunkN6JYTJCBjs.colors.textMuted};
     transition: all 0.15s ease;
     
     &:hover {
-      background: ${_chunkUFCWGUAGjs.colors.surfaceHover};
-      color: ${_chunkUFCWGUAGjs.colors.text};
+      background: ${_chunkN6JYTJCBjs.colors.surfaceHover};
+      color: ${_chunkN6JYTJCBjs.colors.text};
       border-color: #d0d5dd;
     }
   `,
@@ -945,7 +945,7 @@ var styles3 = {
   `,
   footer: _react3.css`
     padding: 16px 24px;
-    border-top: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    border-top: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     display: flex;
     justify-content: flex-end;
     gap: 12px;
@@ -953,11 +953,11 @@ var styles3 = {
   docsBtn: _react3.css`
     padding: 10px 16px;
     border-radius: 6px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     font-weight: 500;
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     cursor: pointer;
     text-decoration: none;
     display: inline-flex;
@@ -966,23 +966,23 @@ var styles3 = {
     transition: all 0.15s ease;
     
     &:hover {
-      background: ${_chunkUFCWGUAGjs.colors.surfaceHover};
+      background: ${_chunkN6JYTJCBjs.colors.surfaceHover};
       border-color: #d0d5dd;
     }
   `,
   doneBtn: _react3.css`
     padding: 10px 20px;
     border-radius: 6px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     font-weight: 500;
     border: none;
-    background: ${_chunkUFCWGUAGjs.colors.primary};
+    background: ${_chunkN6JYTJCBjs.colors.primary};
     color: white;
     cursor: pointer;
     transition: background 0.15s ease;
     
     &:hover {
-      background: ${_chunkUFCWGUAGjs.colors.primaryHover};
+      background: ${_chunkN6JYTJCBjs.colors.primaryHover};
     }
   `,
   externalIcon: _react3.css`
@@ -1152,11 +1152,11 @@ var styles4 = {
     justify-content: center;
     z-index: 10000;
     animation: ${fadeIn3} 0.15s ease-out;
-    font-family: ${_chunkUFCWGUAGjs.fontStack};
+    font-family: ${_chunkN6JYTJCBjs.fontStack};
   `,
   modal: _react3.css`
-    ${_chunkUFCWGUAGjs.baseReset}
-    background-color: ${_chunkUFCWGUAGjs.colors.surface};
+    ${_chunkN6JYTJCBjs.baseReset}
+    background-color: ${_chunkN6JYTJCBjs.colors.surface};
     border-radius: 12px;
     box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3);
     max-width: 520px;
@@ -1168,9 +1168,9 @@ var styles4 = {
     padding: 24px 24px 0;
   `,
   title: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.lg};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.lg};
     font-weight: 600;
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     margin: 0;
     letter-spacing: -0.02em;
   `,
@@ -1178,13 +1178,13 @@ var styles4 = {
     display: flex;
     gap: 0;
     margin-top: 16px;
-    border-bottom: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    border-bottom: 1px solid ${_chunkN6JYTJCBjs.colors.border};
   `,
   tab: _react3.css`
     padding: 12px 20px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     font-weight: 500;
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
     background: none;
     border: none;
     cursor: pointer;
@@ -1192,11 +1192,11 @@ var styles4 = {
     transition: color 0.15s;
     
     &:hover {
-      color: ${_chunkUFCWGUAGjs.colors.text};
+      color: ${_chunkN6JYTJCBjs.colors.text};
     }
   `,
   tabActive: _react3.css`
-    color: ${_chunkUFCWGUAGjs.colors.primary};
+    color: ${_chunkN6JYTJCBjs.colors.primary};
     
     &::after {
       content: '';
@@ -1205,7 +1205,7 @@ var styles4 = {
       left: 0;
       right: 0;
       height: 2px;
-      background-color: ${_chunkUFCWGUAGjs.colors.primary};
+      background-color: ${_chunkN6JYTJCBjs.colors.primary};
     }
   `,
   body: _react3.css`
@@ -1213,7 +1213,7 @@ var styles4 = {
     min-height: 200px;
   `,
   dropzone: _react3.css`
-    border: 2px dashed ${_chunkUFCWGUAGjs.colors.border};
+    border: 2px dashed ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 8px;
     padding: 40px 24px;
     text-align: center;
@@ -1221,53 +1221,53 @@ var styles4 = {
     transition: all 0.15s;
     
     &:hover {
-      border-color: ${_chunkUFCWGUAGjs.colors.primary};
-      background-color: ${_chunkUFCWGUAGjs.colors.primaryLight};
+      border-color: ${_chunkN6JYTJCBjs.colors.primary};
+      background-color: ${_chunkN6JYTJCBjs.colors.primaryLight};
     }
   `,
   dropzoneActive: _react3.css`
-    border-color: ${_chunkUFCWGUAGjs.colors.primary};
-    background-color: ${_chunkUFCWGUAGjs.colors.primaryLight};
+    border-color: ${_chunkN6JYTJCBjs.colors.primary};
+    background-color: ${_chunkN6JYTJCBjs.colors.primaryLight};
   `,
   dropzoneIcon: _react3.css`
     width: 48px;
     height: 48px;
     margin: 0 auto 16px;
-    color: ${_chunkUFCWGUAGjs.colors.textMuted};
+    color: ${_chunkN6JYTJCBjs.colors.textMuted};
   `,
   dropzoneText: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     margin: 0 0 4px;
   `,
   dropzoneHint: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.sm};
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.sm};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
     margin: 0;
   `,
   textarea: _react3.css`
     width: 100%;
     min-height: 150px;
     padding: 12px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.sm};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.sm};
     font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 8px;
     resize: vertical;
     
     &:focus {
       outline: none;
-      border-color: ${_chunkUFCWGUAGjs.colors.primary};
-      box-shadow: 0 0 0 3px ${_chunkUFCWGUAGjs.colors.primaryLight};
+      border-color: ${_chunkN6JYTJCBjs.colors.primary};
+      box-shadow: 0 0 0 3px ${_chunkN6JYTJCBjs.colors.primaryLight};
     }
     
     &::placeholder {
-      color: ${_chunkUFCWGUAGjs.colors.textMuted};
+      color: ${_chunkN6JYTJCBjs.colors.textMuted};
     }
   `,
   textareaLabel: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.sm};
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.sm};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
     margin: 0 0 8px;
   `,
   footer: _react3.css`
@@ -1275,12 +1275,12 @@ var styles4 = {
     justify-content: flex-end;
     gap: 12px;
     padding: 16px 24px;
-    border-top: 1px solid ${_chunkUFCWGUAGjs.colors.border};
-    background-color: ${_chunkUFCWGUAGjs.colors.background};
+    border-top: 1px solid ${_chunkN6JYTJCBjs.colors.border};
+    background-color: ${_chunkN6JYTJCBjs.colors.background};
   `,
   btn: _react3.css`
     padding: 10px 18px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     font-weight: 500;
     border-radius: 6px;
     cursor: pointer;
@@ -1288,23 +1288,23 @@ var styles4 = {
     letter-spacing: -0.01em;
   `,
   btnCancel: _react3.css`
-    background-color: ${_chunkUFCWGUAGjs.colors.surface};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    background-color: ${_chunkN6JYTJCBjs.colors.surface};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.surfaceHover};
-      border-color: ${_chunkUFCWGUAGjs.colors.borderHover};
+      background-color: ${_chunkN6JYTJCBjs.colors.surfaceHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.borderHover};
     }
   `,
   btnConfirm: _react3.css`
-    background-color: ${_chunkUFCWGUAGjs.colors.primary};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.primary};
+    background-color: ${_chunkN6JYTJCBjs.colors.primary};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.primary};
     color: white;
     
     &:hover:not(:disabled) {
-      background-color: ${_chunkUFCWGUAGjs.colors.primaryHover};
-      border-color: ${_chunkUFCWGUAGjs.colors.primaryHover};
+      background-color: ${_chunkN6JYTJCBjs.colors.primaryHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.primaryHover};
     }
     
     &:disabled {
@@ -1318,10 +1318,10 @@ var styles4 = {
   selectedFiles: _react3.css`
     margin-top: 16px;
     padding: 12px;
-    background-color: ${_chunkUFCWGUAGjs.colors.background};
+    background-color: ${_chunkN6JYTJCBjs.colors.background};
     border-radius: 6px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.sm};
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.sm};
+    color: ${_chunkN6JYTJCBjs.colors.text};
   `
 };
 function AddNewModal({ currentPath, onClose, onUploadComplete }) {
@@ -1509,8 +1509,8 @@ var styles5 = {
     justify-content: space-between;
     gap: 8px;
     padding: 12px 16px;
-    background-color: ${_chunkUFCWGUAGjs.colors.surface};
-    border-bottom: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    background-color: ${_chunkN6JYTJCBjs.colors.surface};
+    border-bottom: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     overflow-x: auto;
     min-width: 0;
     
@@ -1540,18 +1540,18 @@ var styles5 = {
     height: ${btnHeight};
     padding: 0 14px;
     border-radius: 6px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     font-weight: 500;
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     cursor: pointer;
     transition: all 0.15s ease;
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     letter-spacing: -0.01em;
     
     &:hover:not(:disabled) {
-      background-color: ${_chunkUFCWGUAGjs.colors.surfaceHover};
-      border-color: ${_chunkUFCWGUAGjs.colors.borderHover};
+      background-color: ${_chunkN6JYTJCBjs.colors.surfaceHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.borderHover};
     }
     
     &:disabled {
@@ -1563,21 +1563,21 @@ var styles5 = {
     padding: 0 10px;
   `,
   btnPrimary: _react3.css`
-    background: ${_chunkUFCWGUAGjs.colors.primary};
-    border-color: ${_chunkUFCWGUAGjs.colors.primary};
+    background: ${_chunkN6JYTJCBjs.colors.primary};
+    border-color: ${_chunkN6JYTJCBjs.colors.primary};
     color: white;
     
     &:hover:not(:disabled) {
-      background: ${_chunkUFCWGUAGjs.colors.primaryHover};
-      border-color: ${_chunkUFCWGUAGjs.colors.primaryHover};
+      background: ${_chunkN6JYTJCBjs.colors.primaryHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.primaryHover};
     }
   `,
   btnDanger: _react3.css`
-    color: ${_chunkUFCWGUAGjs.colors.danger};
+    color: ${_chunkN6JYTJCBjs.colors.danger};
     
     &:hover:not(:disabled) {
-      background-color: ${_chunkUFCWGUAGjs.colors.dangerLight};
-      border-color: ${_chunkUFCWGUAGjs.colors.danger};
+      background-color: ${_chunkN6JYTJCBjs.colors.dangerLight};
+      border-color: ${_chunkN6JYTJCBjs.colors.danger};
     }
   `,
   icon: _react3.css`
@@ -1588,19 +1588,19 @@ var styles5 = {
     animation: ${spin} 1s linear infinite;
   `,
   selectionCount: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
     display: flex;
     align-items: center;
     gap: 8px;
     margin-right: 8px;
   `,
   clearBtn: _react3.css`
-    color: ${_chunkUFCWGUAGjs.colors.primary};
+    color: ${_chunkN6JYTJCBjs.colors.primary};
     background: none;
     border: none;
     cursor: pointer;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     font-weight: 500;
     padding: 0;
     
@@ -1611,15 +1611,15 @@ var styles5 = {
   divider: _react3.css`
     width: 1px;
     height: 24px;
-    background: ${_chunkUFCWGUAGjs.colors.border};
+    background: ${_chunkN6JYTJCBjs.colors.border};
     margin: 0 4px;
   `,
   viewToggle: _react3.css`
     display: flex;
     align-items: center;
     height: ${btnHeight};
-    background-color: ${_chunkUFCWGUAGjs.colors.surface};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    background-color: ${_chunkN6JYTJCBjs.colors.surface};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 6px;
     overflow: hidden;
   `,
@@ -1631,22 +1631,22 @@ var styles5 = {
   searchInput: _react3.css`
     height: ${btnHeight};
     padding: 0 32px 0 12px;
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 6px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     width: 180px;
     transition: all 0.15s ease;
     
     &:focus {
       outline: none;
-      border-color: ${_chunkUFCWGUAGjs.colors.primary};
-      box-shadow: 0 0 0 2px ${_chunkUFCWGUAGjs.colors.primaryLight};
+      border-color: ${_chunkN6JYTJCBjs.colors.primary};
+      box-shadow: 0 0 0 2px ${_chunkN6JYTJCBjs.colors.primaryLight};
     }
     
     &::placeholder {
-      color: ${_chunkUFCWGUAGjs.colors.textMuted};
+      color: ${_chunkN6JYTJCBjs.colors.textMuted};
     }
   `,
   searchClearBtn: _react3.css`
@@ -1654,7 +1654,7 @@ var styles5 = {
     right: 5px;
     top: 5px;
     bottom: 5px;
-    background: ${_chunkUFCWGUAGjs.colors.primary};
+    background: ${_chunkN6JYTJCBjs.colors.primary};
     border: none;
     padding: 0 6px;
     cursor: pointer;
@@ -1666,7 +1666,7 @@ var styles5 = {
     transition: all 0.15s ease;
     
     &:hover {
-      background: ${_chunkUFCWGUAGjs.colors.primaryHover};
+      background: ${_chunkN6JYTJCBjs.colors.primaryHover};
     }
   `,
   viewBtn: _react3.css`
@@ -1675,24 +1675,24 @@ var styles5 = {
     background: transparent;
     border: none;
     cursor: pointer;
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
     transition: all 0.15s ease;
     display: flex;
     align-items: center;
     justify-content: center;
     
     &:hover {
-      color: ${_chunkUFCWGUAGjs.colors.text};
-      background-color: ${_chunkUFCWGUAGjs.colors.surfaceHover};
+      color: ${_chunkN6JYTJCBjs.colors.text};
+      background-color: ${_chunkN6JYTJCBjs.colors.surfaceHover};
     }
   `,
   viewBtnActive: _react3.css`
-    background-color: ${_chunkUFCWGUAGjs.colors.primaryLight};
-    color: ${_chunkUFCWGUAGjs.colors.primary};
+    background-color: ${_chunkN6JYTJCBjs.colors.primaryLight};
+    color: ${_chunkN6JYTJCBjs.colors.primary};
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.primaryLight};
-      color: ${_chunkUFCWGUAGjs.colors.primary};
+      background-color: ${_chunkN6JYTJCBjs.colors.primaryLight};
+      color: ${_chunkN6JYTJCBjs.colors.primary};
     }
   `
 };
@@ -3002,8 +3002,8 @@ var styles6 = {
     width: 32px;
     height: 32px;
     border-radius: 50%;
-    border: 3px solid ${_chunkUFCWGUAGjs.colors.border};
-    border-top-color: ${_chunkUFCWGUAGjs.colors.primary};
+    border: 3px solid ${_chunkN6JYTJCBjs.colors.border};
+    border-top-color: ${_chunkN6JYTJCBjs.colors.primary};
     animation: ${spin2} 0.8s linear infinite;
   `,
   empty: _react3.css`
@@ -3013,7 +3013,7 @@ var styles6 = {
     justify-content: center;
     flex: 1;
     min-height: 300px;
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
   `,
   emptyIcon: _react3.css`
     width: 48px;
@@ -3022,20 +3022,20 @@ var styles6 = {
     opacity: 0.5;
   `,
   emptyText: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     margin: 0 0 4px 0;
     
     &:last-child {
-      color: ${_chunkUFCWGUAGjs.colors.textMuted};
-      font-size: ${_chunkUFCWGUAGjs.fontSize.sm};
+      color: ${_chunkN6JYTJCBjs.colors.textMuted};
+      font-size: ${_chunkN6JYTJCBjs.fontSize.sm};
     }
   `,
   scanButton: _react3.css`
     margin-top: 16px;
     padding: 10px 24px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     font-weight: 500;
-    background: ${_chunkUFCWGUAGjs.colors.primary};
+    background: ${_chunkN6JYTJCBjs.colors.primary};
     color: white;
     border: none;
     border-radius: 8px;
@@ -3043,7 +3043,7 @@ var styles6 = {
     transition: background 0.15s ease;
     
     &:hover:not(:disabled) {
-      background: ${_chunkUFCWGUAGjs.colors.primaryHover};
+      background: ${_chunkN6JYTJCBjs.colors.primaryHover};
     }
     
     &:disabled {
@@ -3064,11 +3064,11 @@ var styles6 = {
   item: _react3.css`
     position: relative;
     border-radius: 8px;
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     overflow: hidden;
     cursor: pointer;
     transition: all 0.15s ease;
-    background-color: ${_chunkUFCWGUAGjs.colors.surface};
+    background-color: ${_chunkN6JYTJCBjs.colors.surface};
     user-select: none;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
     
@@ -3078,19 +3078,19 @@ var styles6 = {
     }
   `,
   itemSelected: _react3.css`
-    border-color: ${_chunkUFCWGUAGjs.colors.primary};
-    box-shadow: 0 0 0 1px ${_chunkUFCWGUAGjs.colors.primary};
+    border-color: ${_chunkN6JYTJCBjs.colors.primary};
+    box-shadow: 0 0 0 1px ${_chunkN6JYTJCBjs.colors.primary};
     
     &:hover {
-      border-color: ${_chunkUFCWGUAGjs.colors.primary};
-      box-shadow: 0 0 0 1px ${_chunkUFCWGUAGjs.colors.primary};
+      border-color: ${_chunkN6JYTJCBjs.colors.primary};
+      box-shadow: 0 0 0 1px ${_chunkN6JYTJCBjs.colors.primary};
     }
   `,
   parentItem: _react3.css`
     cursor: pointer;
     
     &:hover {
-      border-color: ${_chunkUFCWGUAGjs.colors.primary};
+      border-color: ${_chunkN6JYTJCBjs.colors.primary};
     }
   `,
   checkboxWrapper: _react3.css`
@@ -3104,7 +3104,7 @@ var styles6 = {
   checkbox: _react3.css`
     width: 18px;
     height: 18px;
-    accent-color: ${_chunkUFCWGUAGjs.colors.primary};
+    accent-color: ${_chunkN6JYTJCBjs.colors.primary};
     cursor: pointer;
   `,
   content: _react3.css`
@@ -3114,7 +3114,7 @@ var styles6 = {
     align-items: center;
     justify-content: center;
     padding: 16px;
-    background: ${_chunkUFCWGUAGjs.colors.background};
+    background: ${_chunkN6JYTJCBjs.colors.background};
   `,
   folderIcon: _react3.css`
     width: 56px;
@@ -3124,7 +3124,7 @@ var styles6 = {
   imagesFolderIcon: _react3.css`
     width: 56px;
     height: 56px;
-    color: ${_chunkUFCWGUAGjs.colors.imagesFolder};
+    color: ${_chunkN6JYTJCBjs.colors.imagesFolder};
   `,
   imagesFolderWrapper: _react3.css`
     position: relative;
@@ -3135,7 +3135,7 @@ var styles6 = {
     right: 4px;
     width: 16px;
     height: 16px;
-    color: ${_chunkUFCWGUAGjs.colors.imagesFolder};
+    color: ${_chunkN6JYTJCBjs.colors.imagesFolder};
     background: white;
     border-radius: 50%;
     padding: 2px;
@@ -3143,12 +3143,12 @@ var styles6 = {
   parentIcon: _react3.css`
     width: 56px;
     height: 56px;
-    color: ${_chunkUFCWGUAGjs.colors.textMuted};
+    color: ${_chunkN6JYTJCBjs.colors.textMuted};
   `,
   fileIcon: _react3.css`
     width: 40px;
     height: 40px;
-    color: ${_chunkUFCWGUAGjs.colors.textMuted};
+    color: ${_chunkN6JYTJCBjs.colors.textMuted};
   `,
   image: _react3.css`
     max-width: 100%;
@@ -3163,8 +3163,8 @@ var styles6 = {
     justify-content: center;
     gap: 8px;
     padding: 16px;
-    background: ${_chunkUFCWGUAGjs.colors.background};
-    border: 2px dashed ${_chunkUFCWGUAGjs.colors.border};
+    background: ${_chunkN6JYTJCBjs.colors.background};
+    border: 2px dashed ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 8px;
     cursor: pointer;
     transition: all 0.15s ease;
@@ -3172,24 +3172,24 @@ var styles6 = {
     height: 60%;
     
     &:hover {
-      border-color: ${_chunkUFCWGUAGjs.colors.primary};
-      background: ${_chunkUFCWGUAGjs.colors.surfaceHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.primary};
+      background: ${_chunkN6JYTJCBjs.colors.surfaceHover};
     }
   `,
   noThumbnailIcon: _react3.css`
     width: 32px;
     height: 32px;
-    color: ${_chunkUFCWGUAGjs.colors.textMuted};
+    color: ${_chunkN6JYTJCBjs.colors.textMuted};
   `,
   noThumbnailText: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.xs};
-    color: ${_chunkUFCWGUAGjs.colors.textMuted};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
+    color: ${_chunkN6JYTJCBjs.colors.textMuted};
     text-align: center;
   `,
   label: _react3.css`
     padding: 10px 12px;
-    background-color: ${_chunkUFCWGUAGjs.colors.surface};
-    border-top: 1px solid ${_chunkUFCWGUAGjs.colors.borderLight};
+    background-color: ${_chunkN6JYTJCBjs.colors.surface};
+    border-top: 1px solid ${_chunkN6JYTJCBjs.colors.borderLight};
   `,
   labelRow: _react3.css`
     display: flex;
@@ -3207,7 +3207,7 @@ var styles6 = {
     z-index: 10;
     height: 28px;
     width: 28px;
-    color: ${_chunkUFCWGUAGjs.colors.textMuted};
+    color: ${_chunkN6JYTJCBjs.colors.textMuted};
     background: transparent;
     border: none;
     padding: 0;
@@ -3219,7 +3219,7 @@ var styles6 = {
     justify-content: center;
     
     &:hover {
-      color: ${_chunkUFCWGUAGjs.colors.text};
+      color: ${_chunkN6JYTJCBjs.colors.text};
     }
   `,
   copyIcon: _react3.css`
@@ -3281,11 +3281,11 @@ var styles6 = {
     right: 8px;
     z-index: 10;
     height: 28px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.sm};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.sm};
     font-weight: 500;
-    color: ${_chunkUFCWGUAGjs.colors.primary};
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    color: ${_chunkN6JYTJCBjs.colors.primary};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     padding: 0 8px;
     cursor: pointer;
     border-radius: 4px;
@@ -3295,14 +3295,14 @@ var styles6 = {
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.primaryLight};
-      border-color: ${_chunkUFCWGUAGjs.colors.primary};
+      background-color: ${_chunkN6JYTJCBjs.colors.primaryLight};
+      border-color: ${_chunkN6JYTJCBjs.colors.primary};
     }
   `,
   name: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.sm};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.sm};
     font-weight: 500;
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -3312,8 +3312,8 @@ var styles6 = {
     text-align: left;
   `,
   size: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.xs};
-    color: ${_chunkUFCWGUAGjs.colors.textMuted};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
+    color: ${_chunkN6JYTJCBjs.colors.textMuted};
     margin: 2px 0 0 0;
   `,
   selectAllRow: _react3.css`
@@ -3321,27 +3321,27 @@ var styles6 = {
     align-items: center;
     margin-bottom: 16px;
     padding: 12px 16px;
-    background: ${_chunkUFCWGUAGjs.colors.surface};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
     border-radius: 8px;
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
   `,
   selectAllLabel: _react3.css`
     display: flex;
     align-items: center;
     gap: 10px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     font-weight: 500;
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
     cursor: pointer;
     
     &:hover {
-      color: ${_chunkUFCWGUAGjs.colors.text};
+      color: ${_chunkN6JYTJCBjs.colors.text};
     }
   `,
   selectAllCheckbox: _react3.css`
     width: 16px;
     height: 16px;
-    accent-color: ${_chunkUFCWGUAGjs.colors.primary};
+    accent-color: ${_chunkN6JYTJCBjs.colors.primary};
   `
 };
 function StudioFileGrid() {
@@ -3551,8 +3551,8 @@ var styles7 = {
     width: 32px;
     height: 32px;
     border-radius: 50%;
-    border: 3px solid ${_chunkUFCWGUAGjs.colors.border};
-    border-top-color: ${_chunkUFCWGUAGjs.colors.primary};
+    border: 3px solid ${_chunkN6JYTJCBjs.colors.border};
+    border-top-color: ${_chunkN6JYTJCBjs.colors.primary};
     animation: ${spin3} 0.8s linear infinite;
   `,
   empty: _react3.css`
@@ -3562,19 +3562,19 @@ var styles7 = {
     justify-content: center;
     flex: 1;
     min-height: 300px;
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
   `,
   emptyHint: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.sm};
-    color: ${_chunkUFCWGUAGjs.colors.textMuted};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.sm};
+    color: ${_chunkN6JYTJCBjs.colors.textMuted};
     margin-top: 4px;
   `,
   scanButton: _react3.css`
     margin-top: 16px;
     padding: 10px 24px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     font-weight: 500;
-    background: ${_chunkUFCWGUAGjs.colors.primary};
+    background: ${_chunkN6JYTJCBjs.colors.primary};
     color: white;
     border: none;
     border-radius: 8px;
@@ -3582,7 +3582,7 @@ var styles7 = {
     transition: background 0.15s ease;
     
     &:hover:not(:disabled) {
-      background: ${_chunkUFCWGUAGjs.colors.primaryHover};
+      background: ${_chunkN6JYTJCBjs.colors.primaryHover};
     }
     
     &:disabled {
@@ -3591,9 +3591,9 @@ var styles7 = {
     }
   `,
   tableWrapper: _react3.css`
-    background: ${_chunkUFCWGUAGjs.colors.surface};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
     border-radius: 8px;
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     overflow-x: auto;
   `,
   table: _react3.css`
@@ -3605,13 +3605,13 @@ var styles7 = {
   th: _react3.css`
     text-align: left;
     font-size: 11px;
-    color: ${_chunkUFCWGUAGjs.colors.textMuted};
+    color: ${_chunkN6JYTJCBjs.colors.textMuted};
     text-transform: uppercase;
     letter-spacing: 0.05em;
     padding: 12px 16px;
     font-weight: 600;
-    background: ${_chunkUFCWGUAGjs.colors.background};
-    border-bottom: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    background: ${_chunkN6JYTJCBjs.colors.background};
+    border-bottom: 1px solid ${_chunkN6JYTJCBjs.colors.border};
   `,
   thCheckbox: _react3.css`
     width: 48px;
@@ -3632,26 +3632,26 @@ var styles7 = {
     user-select: none;
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.surfaceHover};
+      background-color: ${_chunkN6JYTJCBjs.colors.surfaceHover};
     }
     
     &:not(:last-child) td {
-      border-bottom: 1px solid ${_chunkUFCWGUAGjs.colors.borderLight};
+      border-bottom: 1px solid ${_chunkN6JYTJCBjs.colors.borderLight};
     }
   `,
   rowSelected: _react3.css`
-    background-color: ${_chunkUFCWGUAGjs.colors.primaryLight};
+    background-color: ${_chunkN6JYTJCBjs.colors.primaryLight};
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.primaryLight};
+      background-color: ${_chunkN6JYTJCBjs.colors.primaryLight};
     }
   `,
   parentRow: _react3.css`
     cursor: pointer;
-    border-bottom: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    border-bottom: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.surfaceHover};
+      background-color: ${_chunkN6JYTJCBjs.colors.surfaceHover};
     }
   `,
   td: _react3.css`
@@ -3665,7 +3665,7 @@ var styles7 = {
   checkbox: _react3.css`
     width: 18px;
     height: 18px;
-    accent-color: ${_chunkUFCWGUAGjs.colors.primary};
+    accent-color: ${_chunkN6JYTJCBjs.colors.primary};
     cursor: pointer;
     display: block;
   `,
@@ -3682,10 +3682,10 @@ var styles7 = {
     flex-shrink: 0;
     height: 32px;
     width: 32px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.xs};
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     padding: 0;
     cursor: pointer;
     border-radius: 4px;
@@ -3695,9 +3695,9 @@ var styles7 = {
     justify-content: center;
     
     &:hover {
-      background: ${_chunkUFCWGUAGjs.colors.surfaceHover};
-      border-color: ${_chunkUFCWGUAGjs.colors.borderHover};
-      color: ${_chunkUFCWGUAGjs.colors.text};
+      background: ${_chunkN6JYTJCBjs.colors.surfaceHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.borderHover};
+      color: ${_chunkN6JYTJCBjs.colors.text};
     }
   `,
   copyIcon: _react3.css`
@@ -3708,8 +3708,8 @@ var styles7 = {
     flex-shrink: 0;
     height: 32px;
     width: 32px;
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     padding: 0;
     border-radius: 4px;
     display: inline-flex;
@@ -3791,25 +3791,25 @@ var styles7 = {
   imagesFolderIcon: _react3.css`
     width: 24px;
     height: 24px;
-    color: ${_chunkUFCWGUAGjs.colors.imagesFolder};
+    color: ${_chunkN6JYTJCBjs.colors.imagesFolder};
   `,
   lockIcon: _react3.css`
     width: 10px;
     height: 10px;
-    color: ${_chunkUFCWGUAGjs.colors.imagesFolder};
+    color: ${_chunkN6JYTJCBjs.colors.imagesFolder};
     margin-left: -6px;
     margin-top: 8px;
   `,
   parentIcon: _react3.css`
     width: 20px;
     height: 20px;
-    color: ${_chunkUFCWGUAGjs.colors.textMuted};
+    color: ${_chunkN6JYTJCBjs.colors.textMuted};
     flex-shrink: 0;
   `,
   fileIcon: _react3.css`
     width: 20px;
     height: 20px;
-    color: ${_chunkUFCWGUAGjs.colors.textMuted};
+    color: ${_chunkN6JYTJCBjs.colors.textMuted};
     flex-shrink: 0;
   `,
   thumbnail: _react3.css`
@@ -3819,7 +3819,7 @@ var styles7 = {
     height: auto;
     object-fit: contain;
     border-radius: 4px;
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.borderLight};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.borderLight};
   `,
   noThumbnail: _react3.css`
     width: 36px;
@@ -3827,27 +3827,27 @@ var styles7 = {
     display: flex;
     align-items: center;
     justify-content: center;
-    background: ${_chunkUFCWGUAGjs.colors.background};
-    border: 1px dashed ${_chunkUFCWGUAGjs.colors.border};
+    background: ${_chunkN6JYTJCBjs.colors.background};
+    border: 1px dashed ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 4px;
     flex-shrink: 0;
     cursor: pointer;
     transition: all 0.15s ease;
     
     &:hover {
-      border-color: ${_chunkUFCWGUAGjs.colors.primary};
-      background: ${_chunkUFCWGUAGjs.colors.surfaceHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.primary};
+      background: ${_chunkN6JYTJCBjs.colors.surfaceHover};
     }
   `,
   noThumbnailIcon: _react3.css`
     width: 16px;
     height: 16px;
-    color: ${_chunkUFCWGUAGjs.colors.textMuted};
+    color: ${_chunkN6JYTJCBjs.colors.textMuted};
   `,
   name: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     font-weight: 500;
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     letter-spacing: -0.01em;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -3855,21 +3855,21 @@ var styles7 = {
     max-width: 300px;
   `,
   meta: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.sm};
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.sm};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
   `,
   cdnBadge: _react3.css`
     display: inline-flex;
     align-items: center;
     gap: 4px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.xs};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
     font-weight: 500;
-    color: ${_chunkUFCWGUAGjs.colors.success};
+    color: ${_chunkN6JYTJCBjs.colors.success};
   `,
   cdnBadgeRemote: _react3.css`
     display: inline-flex;
     align-items: center;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.xs};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
     font-weight: 500;
     color: #ef4444;
   `,
@@ -3878,16 +3878,16 @@ var styles7 = {
     height: 12px;
   `,
   cdnEmpty: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.sm};
-    color: ${_chunkUFCWGUAGjs.colors.textMuted};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.sm};
+    color: ${_chunkN6JYTJCBjs.colors.textMuted};
   `,
   openBtn: _react3.css`
     height: 32px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.sm};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.sm};
     font-weight: 500;
-    color: ${_chunkUFCWGUAGjs.colors.primary};
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    color: ${_chunkN6JYTJCBjs.colors.primary};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     padding: 0 14px;
     cursor: pointer;
     border-radius: 4px;
@@ -3896,8 +3896,8 @@ var styles7 = {
     align-items: center;
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.primaryLight};
-      border-color: ${_chunkUFCWGUAGjs.colors.primary};
+      background-color: ${_chunkN6JYTJCBjs.colors.primaryLight};
+      border-color: ${_chunkN6JYTJCBjs.colors.primary};
     }
   `
 };
@@ -4119,8 +4119,8 @@ var styles8 = {
     display: flex;
     flex: 1;
     margin: 24px;
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 12px;
     overflow: hidden;
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
@@ -4133,7 +4133,7 @@ var styles8 = {
     align-items: center;
     justify-content: center;
     padding: 24px;
-    background: ${_chunkUFCWGUAGjs.colors.background};
+    background: ${_chunkN6JYTJCBjs.colors.background};
     overflow: auto;
   `,
   headerButtons: _react3.css`
@@ -4147,8 +4147,8 @@ var styles8 = {
   copyBtn: _react3.css`
     position: relative;
     padding: 8px;
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 8px;
     cursor: pointer;
     transition: all 0.15s ease;
@@ -4158,22 +4158,22 @@ var styles8 = {
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.surfaceHover};
-      border-color: ${_chunkUFCWGUAGjs.colors.borderHover};
+      background-color: ${_chunkN6JYTJCBjs.colors.surfaceHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.borderHover};
     }
   `,
   copyIcon: _react3.css`
     width: 20px;
     height: 20px;
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
   `,
   statusIcon: _react3.css`
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 8px;
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 8px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
   `,
@@ -4214,8 +4214,8 @@ var styles8 = {
   `,
   mainCloseBtn: _react3.css`
     padding: 8px;
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 8px;
     cursor: pointer;
     transition: all 0.15s ease;
@@ -4225,14 +4225,14 @@ var styles8 = {
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.surfaceHover};
-      border-color: ${_chunkUFCWGUAGjs.colors.borderHover};
+      background-color: ${_chunkN6JYTJCBjs.colors.surfaceHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.borderHover};
     }
   `,
   mainCloseIcon: _react3.css`
     width: 20px;
     height: 20px;
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
   `,
   mediaWrapper: _react3.css`
     max-width: 100%;
@@ -4260,38 +4260,38 @@ var styles8 = {
     align-items: center;
     justify-content: center;
     padding: 48px;
-    background: ${_chunkUFCWGUAGjs.colors.surface};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
     border-radius: 12px;
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
   `,
   fileIcon: _react3.css`
     width: 80px;
     height: 80px;
-    color: ${_chunkUFCWGUAGjs.colors.textMuted};
+    color: ${_chunkN6JYTJCBjs.colors.textMuted};
     margin-bottom: 16px;
   `,
   fileName: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.lg};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.lg};
     font-weight: 600;
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     margin: 0;
   `,
   sidebar: _react3.css`
     width: 280px;
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    border-left: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    border-left: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     display: flex;
     flex-direction: column;
     overflow: hidden;
   `,
   sidebarHeader: _react3.css`
     padding: 16px 20px;
-    border-bottom: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    border-bottom: 1px solid ${_chunkN6JYTJCBjs.colors.border};
   `,
   sidebarTitle: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     font-weight: 600;
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     margin: 0;
   `,
   sidebarContent: _react3.css`
@@ -4308,13 +4308,13 @@ var styles8 = {
   infoRow: _react3.css`
     display: flex;
     justify-content: space-between;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.sm};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.sm};
   `,
   infoLabel: _react3.css`
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
   `,
   infoValue: _react3.css`
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     font-weight: 500;
     text-align: right;
     max-width: 160px;
@@ -4323,7 +4323,7 @@ var styles8 = {
     white-space: nowrap;
   `,
   infoValueWrap: _react3.css`
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     font-weight: 500;
     text-align: right;
     max-width: 160px;
@@ -4331,7 +4331,7 @@ var styles8 = {
     white-space: normal;
   `,
   infoLink: _react3.css`
-    color: ${_chunkUFCWGUAGjs.colors.primary};
+    color: ${_chunkN6JYTJCBjs.colors.primary};
     font-weight: 500;
     text-align: right;
     max-width: 160px;
@@ -4354,27 +4354,27 @@ var styles8 = {
     gap: 10px;
     width: 100%;
     padding: 12px 14px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     font-weight: 500;
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 6px;
     cursor: pointer;
     transition: all 0.15s ease;
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     text-align: left;
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.surfaceHover};
-      border-color: ${_chunkUFCWGUAGjs.colors.borderHover};
+      background-color: ${_chunkN6JYTJCBjs.colors.surfaceHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.borderHover};
     }
   `,
   actionBtnDanger: _react3.css`
-    color: ${_chunkUFCWGUAGjs.colors.danger};
+    color: ${_chunkN6JYTJCBjs.colors.danger};
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.dangerLight};
-      border-color: ${_chunkUFCWGUAGjs.colors.danger};
+      background-color: ${_chunkN6JYTJCBjs.colors.dangerLight};
+      border-color: ${_chunkN6JYTJCBjs.colors.danger};
     }
   `,
   actionIcon: _react3.css`
@@ -4812,8 +4812,8 @@ var styles9 = {
   btn: _react3.css`
     height: ${btnHeight2};
     padding: 0 12px;
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 6px;
     cursor: pointer;
     transition: all 0.15s ease;
@@ -4822,14 +4822,14 @@ var styles9 = {
     justify-content: center;
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.surfaceHover};
-      border-color: ${_chunkUFCWGUAGjs.colors.borderHover};
+      background-color: ${_chunkN6JYTJCBjs.colors.surfaceHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.borderHover};
     }
   `,
   icon: _react3.css`
     width: 16px;
     height: 16px;
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
   `,
   overlay: _react3.css`
     position: fixed;
@@ -4845,9 +4845,9 @@ var styles9 = {
     backdrop-filter: blur(4px);
   `,
   panel: _react3.css`
-    ${_chunkUFCWGUAGjs.baseReset}
+    ${_chunkN6JYTJCBjs.baseReset}
     position: relative;
-    background-color: ${_chunkUFCWGUAGjs.colors.surface};
+    background-color: ${_chunkN6JYTJCBjs.colors.surface};
     border-radius: 12px;
     box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3);
     width: 100%;
@@ -4861,16 +4861,16 @@ var styles9 = {
     margin-bottom: 24px;
   `,
   title: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.xl};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.xl};
     font-weight: 600;
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     margin: 0;
     letter-spacing: -0.02em;
   `,
   closeBtn: _react3.css`
     padding: 6px;
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 6px;
     cursor: pointer;
     transition: all 0.15s ease;
@@ -4879,8 +4879,8 @@ var styles9 = {
     justify-content: center;
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.surfaceHover};
-      border-color: ${_chunkUFCWGUAGjs.colors.borderHover};
+      background-color: ${_chunkN6JYTJCBjs.colors.surfaceHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.borderHover};
     }
   `,
   sections: _react3.css`
@@ -4889,28 +4889,28 @@ var styles9 = {
     gap: 24px;
   `,
   sectionTitle: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     font-weight: 600;
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     margin: 0 0 12px 0;
   `,
   description: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.sm};
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.sm};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
     margin: 0 0 12px 0;
   `,
   codeWrapper: _react3.css`
     position: relative;
   `,
   code: _react3.css`
-    background-color: ${_chunkUFCWGUAGjs.colors.background};
+    background-color: ${_chunkN6JYTJCBjs.colors.background};
     border-radius: 8px;
     padding: 12px;
     padding-right: 40px;
     font-family: 'SF Mono', Monaco, Consolas, monospace;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.xs};
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     overflow-x: auto;
     white-space: nowrap;
   `,
@@ -4919,8 +4919,8 @@ var styles9 = {
     top: 8px;
     right: 8px;
     padding: 4px;
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 4px;
     cursor: pointer;
     transition: all 0.15s ease;
@@ -4929,8 +4929,8 @@ var styles9 = {
     justify-content: center;
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.surfaceHover};
-      border-color: ${_chunkUFCWGUAGjs.colors.borderHover};
+      background-color: ${_chunkN6JYTJCBjs.colors.surfaceHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.borderHover};
     }
   `,
   tooltip: _react3.css`
@@ -4961,7 +4961,7 @@ var styles9 = {
   copyIcon: _react3.css`
     width: 14px;
     height: 14px;
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
   `,
   codeLine: _react3.css`
     margin: 0 0 4px 0;
@@ -4973,21 +4973,21 @@ var styles9 = {
   input: _react3.css`
     width: 100%;
     padding: 10px 14px;
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 6px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
-    color: ${_chunkUFCWGUAGjs.colors.text};
-    background: ${_chunkUFCWGUAGjs.colors.surface};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
+    color: ${_chunkN6JYTJCBjs.colors.text};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
     transition: all 0.15s ease;
     
     &:focus {
       outline: none;
-      border-color: ${_chunkUFCWGUAGjs.colors.primary};
-      box-shadow: 0 0 0 3px ${_chunkUFCWGUAGjs.colors.primaryLight};
+      border-color: ${_chunkN6JYTJCBjs.colors.primary};
+      box-shadow: 0 0 0 3px ${_chunkN6JYTJCBjs.colors.primaryLight};
     }
     
     &::placeholder {
-      color: ${_chunkUFCWGUAGjs.colors.textMuted};
+      color: ${_chunkN6JYTJCBjs.colors.textMuted};
     }
   `,
   grid: _react3.css`
@@ -4996,50 +4996,50 @@ var styles9 = {
     gap: 12px;
   `,
   label: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.xs};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
     font-weight: 500;
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
     display: block;
     margin-bottom: 6px;
   `,
   footer: _react3.css`
     margin-top: 24px;
     padding-top: 20px;
-    border-top: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    border-top: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     display: flex;
     justify-content: flex-end;
     gap: 12px;
   `,
   cancelBtn: _react3.css`
     padding: 10px 18px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     font-weight: 500;
-    color: ${_chunkUFCWGUAGjs.colors.text};
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    color: ${_chunkN6JYTJCBjs.colors.text};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 6px;
     cursor: pointer;
     transition: all 0.15s ease;
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.surfaceHover};
-      border-color: ${_chunkUFCWGUAGjs.colors.borderHover};
+      background-color: ${_chunkN6JYTJCBjs.colors.surfaceHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.borderHover};
     }
   `,
   saveBtn: _react3.css`
     padding: 10px 18px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     font-weight: 500;
     color: white;
-    background-color: ${_chunkUFCWGUAGjs.colors.primary};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.primary};
+    background-color: ${_chunkN6JYTJCBjs.colors.primary};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.primary};
     border-radius: 6px;
     cursor: pointer;
     transition: all 0.15s ease;
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.primaryHover};
-      border-color: ${_chunkUFCWGUAGjs.colors.primaryHover};
+      background-color: ${_chunkN6JYTJCBjs.colors.primaryHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.primaryHover};
     }
     
     &:disabled {
@@ -5060,22 +5060,22 @@ var styles9 = {
   cdnInput: _react3.css`
     flex: 1;
     padding: 8px 12px;
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 6px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.sm};
-    color: ${_chunkUFCWGUAGjs.colors.text};
-    background: ${_chunkUFCWGUAGjs.colors.surface};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.sm};
+    color: ${_chunkN6JYTJCBjs.colors.text};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
     transition: all 0.15s ease;
     
     &:focus {
       outline: none;
-      border-color: ${_chunkUFCWGUAGjs.colors.primary};
-      box-shadow: 0 0 0 3px ${_chunkUFCWGUAGjs.colors.primaryLight};
+      border-color: ${_chunkN6JYTJCBjs.colors.primary};
+      box-shadow: 0 0 0 3px ${_chunkN6JYTJCBjs.colors.primaryLight};
     }
   `,
   cdnIndex: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.xs};
-    color: ${_chunkUFCWGUAGjs.colors.textMuted};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
+    color: ${_chunkN6JYTJCBjs.colors.textMuted};
     width: 24px;
     text-align: center;
     flex-shrink: 0;
@@ -5085,21 +5085,21 @@ var styles9 = {
     background: none;
     border: none;
     cursor: pointer;
-    color: ${_chunkUFCWGUAGjs.colors.textMuted};
+    color: ${_chunkN6JYTJCBjs.colors.textMuted};
     transition: color 0.15s;
     flex-shrink: 0;
     
     &:hover {
-      color: ${_chunkUFCWGUAGjs.colors.danger};
+      color: ${_chunkN6JYTJCBjs.colors.danger};
     }
   `,
   cdnAddBtn: _react3.css`
     padding: 8px 12px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.sm};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.sm};
     font-weight: 500;
-    color: ${_chunkUFCWGUAGjs.colors.primary};
-    background: ${_chunkUFCWGUAGjs.colors.primaryLight};
-    border: 1px dashed ${_chunkUFCWGUAGjs.colors.primary};
+    color: ${_chunkN6JYTJCBjs.colors.primary};
+    background: ${_chunkN6JYTJCBjs.colors.primaryLight};
+    border: 1px dashed ${_chunkN6JYTJCBjs.colors.primary};
     border-radius: 6px;
     cursor: pointer;
     transition: all 0.15s ease;
@@ -5110,15 +5110,15 @@ var styles9 = {
     margin-top: 8px;
     
     &:hover {
-      background: ${_chunkUFCWGUAGjs.colors.surface};
+      background: ${_chunkN6JYTJCBjs.colors.surface};
     }
   `,
   warning: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.xs};
-    color: ${_chunkUFCWGUAGjs.colors.danger};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
+    color: ${_chunkN6JYTJCBjs.colors.danger};
     margin-top: 8px;
     padding: 8px 12px;
-    background: ${_chunkUFCWGUAGjs.colors.dangerLight};
+    background: ${_chunkN6JYTJCBjs.colors.dangerLight};
     border-radius: 6px;
   `
 };
@@ -5307,7 +5307,7 @@ var styles10 = {
     z-index: 1100;
   `,
   modal: _react3.css`
-    background: ${_chunkUFCWGUAGjs.colors.surface};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
     border-radius: 12px;
     padding: 24px;
     max-width: 400px;
@@ -5323,18 +5323,18 @@ var styles10 = {
   icon: _react3.css`
     width: 24px;
     height: 24px;
-    color: ${_chunkUFCWGUAGjs.colors.danger};
+    color: ${_chunkN6JYTJCBjs.colors.danger};
     flex-shrink: 0;
   `,
   title: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.lg};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.lg};
     font-weight: 600;
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     margin: 0;
   `,
   message: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
     margin: 0 0 20px 0;
     line-height: 1.5;
   `,
@@ -5342,16 +5342,16 @@ var styles10 = {
     width: 100%;
     padding: 10px 16px;
     border-radius: 6px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     font-weight: 500;
     border: none;
-    background: ${_chunkUFCWGUAGjs.colors.primary};
+    background: ${_chunkN6JYTJCBjs.colors.primary};
     color: white;
     cursor: pointer;
     transition: background 0.15s ease;
     
     &:hover {
-      background: ${_chunkUFCWGUAGjs.colors.primaryHover};
+      background: ${_chunkN6JYTJCBjs.colors.primaryHover};
     }
   `
 };
@@ -5373,25 +5373,25 @@ function ErrorModal() {
 var btnHeight3 = "36px";
 var styles11 = {
   container: _react3.css`
-    ${_chunkUFCWGUAGjs.baseReset}
+    ${_chunkN6JYTJCBjs.baseReset}
     display: flex;
     flex-direction: column;
     height: 100%;
-    background: ${_chunkUFCWGUAGjs.colors.background};
+    background: ${_chunkN6JYTJCBjs.colors.background};
   `,
   header: _react3.css`
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 12px 24px;
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    border-bottom: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    border-bottom: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     position: relative;
   `,
   title: _react3.css`
-    font-size: ${_chunkUFCWGUAGjs.fontSize.lg};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.lg};
     font-weight: 600;
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     margin: 0;
     letter-spacing: -0.02em;
     flex-shrink: 0;
@@ -5415,27 +5415,27 @@ var styles11 = {
     display: flex;
     align-items: center;
     gap: 6px;
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
     overflow: hidden;
   `,
   breadcrumbSeparator: _react3.css`
-    color: ${_chunkUFCWGUAGjs.colors.border};
+    color: ${_chunkN6JYTJCBjs.colors.border};
     flex-shrink: 0;
   `,
   breadcrumbItem: _react3.css`
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
     text-decoration: none;
     cursor: pointer;
     transition: color 0.15s ease;
     white-space: nowrap;
     
     &:hover {
-      color: ${_chunkUFCWGUAGjs.colors.primary};
+      color: ${_chunkN6JYTJCBjs.colors.primary};
     }
   `,
   breadcrumbCurrent: _react3.css`
-    color: ${_chunkUFCWGUAGjs.colors.text};
+    color: ${_chunkN6JYTJCBjs.colors.text};
     font-weight: 500;
     white-space: nowrap;
     overflow: hidden;
@@ -5449,8 +5449,8 @@ var styles11 = {
   headerBtn: _react3.css`
     height: ${btnHeight3};
     padding: 0 12px;
-    background: ${_chunkUFCWGUAGjs.colors.surface};
-    border: 1px solid ${_chunkUFCWGUAGjs.colors.border};
+    background: ${_chunkN6JYTJCBjs.colors.surface};
+    border: 1px solid ${_chunkN6JYTJCBjs.colors.border};
     border-radius: 6px;
     cursor: pointer;
     transition: all 0.15s ease;
@@ -5459,14 +5459,14 @@ var styles11 = {
     justify-content: center;
     
     &:hover {
-      background-color: ${_chunkUFCWGUAGjs.colors.surfaceHover};
-      border-color: ${_chunkUFCWGUAGjs.colors.borderHover};
+      background-color: ${_chunkN6JYTJCBjs.colors.surfaceHover};
+      border-color: ${_chunkN6JYTJCBjs.colors.borderHover};
     }
   `,
   headerIcon: _react3.css`
     width: 16px;
     height: 16px;
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
   `,
   content: _react3.css`
     flex: 1;
@@ -5488,7 +5488,7 @@ var styles11 = {
     right: 0;
     bottom: 0;
     background: rgba(99, 91, 255, 0.1);
-    border: 3px dashed ${_chunkUFCWGUAGjs.colors.primary};
+    border: 3px dashed ${_chunkN6JYTJCBjs.colors.primary};
     border-radius: 8px;
     display: flex;
     align-items: center;
@@ -5501,8 +5501,8 @@ var styles11 = {
     flex-direction: column;
     align-items: center;
     gap: 12px;
-    color: ${_chunkUFCWGUAGjs.colors.primary};
-    font-size: ${_chunkUFCWGUAGjs.fontSize.lg};
+    color: ${_chunkN6JYTJCBjs.colors.primary};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.lg};
     font-weight: 600;
   `,
   dropIcon: _react3.css`
@@ -5760,4 +5760,4 @@ var StudioUI_default = StudioUI;
 
 
 exports.StudioUI = StudioUI; exports.default = StudioUI_default;
-//# sourceMappingURL=StudioUI-FCQJK23M.js.map
+//# sourceMappingURL=StudioUI-7GX4ZLF3.js.map