.toast[data-v-f9de9598]{position:fixed;left:50%;transform:translate(-50%);z-index:3000;display:flex;align-items:center;gap:8px;padding:10px 16px;min-width:180px;max-width:340px;background:var(--color-card);border:1px solid var(--color-border);box-shadow:2px 2px #000;font-family:inherit}[data-theme=dark] .toast[data-v-f9de9598]{box-shadow:2px 2px #444}.toast-text[data-v-f9de9598]{font-size:13px;font-weight:500;color:var(--color-text);word-break:break-word}.toast-icon[data-v-f9de9598]{flex-shrink:0;width:18px;height:18px}.toast-success .toast-icon[data-v-f9de9598]{color:var(--color-success)}.toast-warning .toast-icon[data-v-f9de9598]{color:var(--color-warning)}.toast-error .toast-icon[data-v-f9de9598]{color:var(--color-destructive)}.toast-info .toast-icon[data-v-f9de9598]{color:var(--color-accent)}.toast-slide-enter-active[data-v-f9de9598],.toast-slide-leave-active[data-v-f9de9598]{transition:transform .2s,opacity .15s}.toast-slide-enter-from[data-v-f9de9598]{opacity:0;transform:translate(-50%) translateY(-20px)}.toast-slide-leave-to[data-v-f9de9598]{opacity:0;transform:translate(-50%) translateY(-10px)}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-fast) var(--ease-ios)}:root{--color-bg: #f5f5f5;--color-card: #ffffff;--color-input: #ffffff;--color-text: #111111;--color-text-secondary: #666666;--color-primary: #111111;--color-primary-text: #ffffff;--color-accent: #0040ff;--color-accent-text: #ffffff;--color-destructive: #d73333;--color-success: #16a34a;--color-warning: #eab308;--color-border: #e0e0e0;--color-ring: #000000;--shadow: 2px 2px 0 #000}:root[data-theme=dark]{--color-bg: #0a0a0a;--color-card: #1a1a1a;--color-input: #1a1a1a;--color-text: #ffffff;--color-text-secondary: #aaaaaa;--color-primary: #ffffff;--color-primary-text: #111111;--color-accent: #222222;--color-accent-text: #ffffff;--color-destructive: #ef4444;--color-success: #22c55e;--color-warning: #facc15;--color-border: #333333;--color-ring: #333333;--shadow: 2px 2px 0 #333}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{background:var(--color-bg);color:var(--color-text);-webkit-text-size-adjust:100%;touch-action:manipulation}body{min-height:100vh;min-height:100dvh;font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{height:100vh;height:100dvh;overflow:hidden}a{text-decoration:none;color:inherit}ul{list-style:none}img{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}p{color:var(--color-text)}small{font-size:12px;color:var(--color-text-secondary)}input,textarea,select{width:100%;padding:8px 12px;background:var(--color-input);color:var(--color-text);border:1px solid var(--color-border);border-radius:0;font-family:inherit;font-size:14px;outline:none;transition:box-shadow .15s}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 2px var(--color-ring)}textarea{resize:vertical;min-height:80px}select{cursor:pointer}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600;border:1px solid var(--color-border);border-radius:0;cursor:pointer;transition:box-shadow .15s,background .15s;user-select:none;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.btn-primary:hover{box-shadow:var(--shadow)}.btn-secondary{background:transparent;color:var(--color-text)}.btn-secondary:hover{box-shadow:var(--shadow)}.btn-accent{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.btn-accent:hover{box-shadow:var(--shadow)}.btn-danger{background:var(--color-destructive);color:#fff;border-color:var(--color-destructive)}.btn-danger:hover{box-shadow:var(--shadow)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button:active:not(:disabled){box-shadow:var(--shadow)}.card{background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow);padding:16px}.nav-link{padding:8px 12px;color:var(--color-text-secondary);cursor:pointer;border-radius:0;transition:background .15s,color .15s;user-select:none;-webkit-tap-highlight-color:transparent}.nav-link:hover{color:var(--color-text)}.nav-link.active{background:var(--color-primary);color:var(--color-primary-text)}.tag{display:inline-flex;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;border:1px solid var(--color-border);border-radius:0;background:var(--color-card)}.tag-success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.tag-warning{background:var(--color-warning);color:#000;border-color:var(--color-warning)}.tag-danger{background:var(--color-destructive);color:#fff;border-color:var(--color-destructive)}.tag-accent{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border)}.tab{padding:8px 16px;font-size:14px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-text);border-bottom-color:var(--color-primary)}.modal-mask{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content{background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow);width:90%;max-width:480px;max-height:85vh;overflow-y:auto;padding:24px}.toast{position:fixed;top:16px;right:16px;z-index:2000;background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow);padding:12px 20px;font-size:14px;font-weight:600;max-width:360px}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.grid{display:grid}.text-center{text-align:center}.text-right{text-align:right}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-destructive)}.text-warning{color:var(--color-warning)}.font-bold{font-weight:700}.font-mono{font-family:inherit}.w-full{width:100%}.overflow-hidden{overflow:hidden}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cursor-pointer{cursor:pointer}.relative{position:relative}.hidden{display:none}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.p-2{padding:8px}.p-4{padding:16px}.page-container{padding:16px;max-width:1200px;margin:0 auto}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border-radius:0}::-webkit-scrollbar-track{background:transparent}.loading-overlay{position:fixed;inset:0;background:var(--color-bg);display:flex;align-items:center;justify-content:center;z-index:3000}.spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center}.empty-state-icon{width:48px;height:48px;margin-bottom:12px;color:var(--color-text-secondary)}.empty-state-title{font-size:16px;font-weight:700;margin-bottom:4px}.empty-state-desc{font-size:13px;color:var(--color-text-secondary)}.skeleton{background:var(--color-text-secondary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.2}}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-title{height:20px;width:60%;margin-bottom:12px}.image-preview-mask{position:fixed;inset:0;background:#000c;z-index:2000;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.image-preview-mask img{max-width:90%;max-height:90%;object-fit:contain}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:var(--color-destructive);color:#fff;text-align:center;padding:8px 16px;font-size:13px;font-weight:600}.offline-banner:not(.visible){display:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}