body{margin:0;padding:20px;background-color:teal}.window[data-v-c1338c65]{background-color:var(--window-bg);border:var(--border-raised);border-top-color:var(--border-raised-top);border-left-color:var(--border-raised-left);border-right-color:var(--border-raised-right);border-bottom-color:var(--border-raised-bottom);box-shadow:var(--shadow-small);margin:var(--space-6) auto;max-width:var(--container-max-width)}.window-header[data-v-c1338c65]{background:var(--window-header-bg);color:var(--window-header-color);padding:var(--window-header-padding);display:flex;justify-content:space-between;align-items:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.window-body[data-v-c1338c65]{padding:var(--window-padding);background-color:var(--window-bg);min-height:400px}.close-btn[data-v-c1338c65]{background-color:var(--btn-bg);border:var(--border-raised);border-top-color:var(--border-raised-top);border-left-color:var(--border-raised-left);border-right-color:var(--border-raised-right);border-bottom-color:var(--border-raised-bottom);padding:0;width:var(--icon-size-sm);height:14px;font-size:10px;font-weight:var(--font-weight-bold);line-height:1;cursor:pointer;transition:var(--transition-fast)}.close-btn[data-v-c1338c65]:active{border-top-color:var(--border-raised-bottom);border-left-color:var(--border-raised-bottom);border-right-color:var(--border-raised-top);border-bottom-color:var(--border-raised-top)}.icon-item[data-v-4bd83384]{display:flex;flex-direction:column;align-items:center;cursor:pointer;text-align:center;padding:var(--space-3);border:var(--border-width-thin) solid transparent;-webkit-user-select:none;user-select:none;transition:var(--transition-fast)}.icon-item[data-v-4bd83384]:hover{background-color:var(--color-primary);color:var(--color-text-inverse);border:var(--border-width-thin) dotted var(--color-text-inverse)}.icon-item[data-v-4bd83384]:active{background-color:var(--color-primary);color:var(--color-text-inverse)}.icon-image[data-v-4bd83384]{width:var(--icon-size-lg);height:var(--icon-size-lg);margin-bottom:var(--space-2);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.icon-label[data-v-4bd83384]{font-size:var(--font-size-sm);word-break:break-word;max-width:64px}.icon-grid[data-v-521d0686]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--grid-gap);padding:var(--container-padding)}.blank-content[data-v-521d0686]{padding:var(--space-5);background-color:var(--color-bg-secondary);border:var(--border-inset);border-top-color:var(--border-inset-top);border-left-color:var(--border-inset-left);border-right-color:var(--border-inset-right);border-bottom-color:var(--border-inset-bottom);margin-top:var(--space-5)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{margin:0;padding:20px;background-color:teal;font-family:Courier,Arial,sans-serif;font-size:11px;color:#000;-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto}#app{height:100%}img{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.window-header,.btn,.icon-item{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}:focus{outline:1px dotted #000;outline-offset:-2px}a{color:#00f;text-decoration:underline}a:visited{color:purple}.text-center{text-align:center}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}:root{--color-primary: #000080;--color-primary-light: #1084d0;--color-primary-dark: #000060;--color-gray-100: #ffffff;--color-gray-200: #c0c0c0;--color-gray-300: #808080;--color-gray-400: #404040;--color-gray-500: #000000;--color-success: #008000;--color-warning: #808000;--color-error: #800000;--color-info: #000080;--color-bg-primary: var(--color-gray-200);--color-bg-secondary: var(--color-gray-100);--color-bg-tertiary: var(--color-gray-300);--color-text-primary: var(--color-gray-500);--color-text-secondary: var(--color-gray-300);--color-text-inverse: var(--color-gray-100);--color-text-disabled: var(--color-gray-300);--font-family-primary: "MS Sans Serif", "Courier", Arial, sans-serif;--font-family-secondary: Arial, sans-serif;--font-family-mono: "Courier New", "Courier", monospace;--font-size-xs: 8px;--font-size-sm: 11px;--font-size-base: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 24px;--line-height-tight: 1.1;--line-height-base: 1.2;--line-height-relaxed: 1.4;--font-weight-normal: 400;--font-weight-bold: 700;--space-0: 0;--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 24px;--space-8: 32px;--border-width-thin: 1px;--border-width-base: 2px;--border-width-thick: 3px;--border-raised: var(--border-width-base) solid;--border-raised-top: var(--color-gray-100);--border-raised-left: var(--color-gray-100);--border-raised-right: var(--color-gray-500);--border-raised-bottom: var(--color-gray-500);--border-inset: var(--border-width-base) solid;--border-inset-top: var(--color-gray-500);--border-inset-left: var(--color-gray-500);--border-inset-right: var(--color-gray-100);--border-inset-bottom: var(--color-gray-100);--shadow-small: 1px 1px 0 var(--color-gray-500);--shadow-medium: 2px 2px 0 var(--color-gray-500);--shadow-large: 1px 1px 0 var(--color-gray-500), 2px 2px 0 var(--color-gray-400);--btn-bg: var(--color-gray-200);--btn-padding-x: 12px;--btn-padding-y: 4px;--btn-font-size: var(--font-size-sm);--btn-font-family: var(--font-family-primary);--btn-border-width: var(--border-width-base);--btn-focus-outline: 1px dotted var(--color-gray-500);--btn-focus-offset: -4px;--input-bg: var(--color-gray-100);--input-padding-x: 4px;--input-padding-y: 2px;--input-font-size: var(--font-size-sm);--input-font-family: var(--font-family-primary);--input-border-width: var(--border-width-base);--window-bg: var(--color-gray-200);--window-header-bg: linear-gradient(to right, var(--color-primary), var(--color-primary-light));--window-header-color: var(--color-text-inverse);--window-border-width: var(--border-width-base);--window-shadow: var(--shadow-small);--window-padding: var(--space-3);--window-header-padding: var(--space-1) var(--space-2);--icon-size-sm: 16px;--icon-size-base: 24px;--icon-size-lg: 32px;--icon-size-xl: 48px;--grid-gap: var(--space-6);--container-max-width: 800px;--container-padding: var(--space-6);--scrollbar-width: 16px;--scrollbar-bg: var(--color-gray-200);--scrollbar-border: 1px solid var(--color-gray-500);--scrollbar-thumb-bg: var(--color-gray-200);--scrollbar-button-size: 16px;--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-primary{font-family:var(--font-family-primary)}.font-secondary{font-family:var(--font-family-secondary)}.font-mono{font-family:var(--font-family-mono)}.font-normal{font-weight:var(--font-weight-normal)}.font-bold{font-weight:var(--font-weight-bold)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.border-raised{border:var(--border-raised);border-top-color:var(--border-raised-top);border-left-color:var(--border-raised-left);border-right-color:var(--border-raised-right);border-bottom-color:var(--border-raised-bottom)}.border-inset{border:var(--border-inset);border-top-color:var(--border-inset-top);border-left-color:var(--border-inset-left);border-right-color:var(--border-inset-right);border-bottom-color:var(--border-inset-bottom)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}*{box-sizing:border-box}body{font-family:Courier,Arial,sans-serif;font-size:11px;color:#000;-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto}.btn{background-color:silver;border:2px solid #fff;border-right-color:#000;border-bottom-color:#000;padding:4px 12px;font-size:11px;font-family:inherit;cursor:pointer;outline:none;display:inline-flex;align-items:center;gap:4px}.btn:active{border-top-color:#000;border-left-color:#000;border-right-color:#fff;border-bottom-color:#fff}.btn:focus{outline:1px dotted #000;outline-offset:-4px}.input-field,.textarea-field{border:2px inset #fff;background-color:#fff;padding:2px 4px;font-family:inherit;font-size:11px}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:#c0c0c0;border:1px solid #000}::-webkit-scrollbar-thumb{background:#c0c0c0;border:2px solid;border-top-color:#fff;border-left-color:#fff;border-right-color:#000;border-bottom-color:#000}::-webkit-scrollbar-button{background:#c0c0c0;border:2px solid;border-top-color:#fff;border-left-color:#fff;border-right-color:#000;border-bottom-color:#000;height:16px;width:16px}