body{margin:0}html,body{height:100%;width:100%;overflow-x:hidden}*{box-sizing:border-box}.home-view[data-v-87cbaf3f]{max-width:1200px;margin:0 auto}.home-view .header[data-v-87cbaf3f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);gap:var(--spacing-md)}.home-view .header .page-title[data-v-87cbaf3f]{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:700;margin:0}.home-view .btn-primary[data-v-87cbaf3f]{background-color:var(--color-primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:600;display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.home-view .btn-primary[data-v-87cbaf3f]:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.home-view .btn-primary[data-v-87cbaf3f]:active{transform:translateY(0)}.home-view .btn-primary .btn-icon-left[data-v-87cbaf3f]{font-size:var(--font-size-lg);font-weight:700}.home-view .search-bar[data-v-87cbaf3f]{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.home-view .search-bar .search-wrapper[data-v-87cbaf3f]{position:relative;flex:1}.home-view .search-bar .search-wrapper .search-icon[data-v-87cbaf3f]{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-text-muted)}.home-view .search-bar .search-wrapper .search-input[data-v-87cbaf3f]{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-md) + 28px);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-md);transition:var(--transition-normal)}.home-view .search-bar .search-wrapper .search-input[data-v-87cbaf3f]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #c3073f33}.home-view .search-bar .search-wrapper .search-input[data-v-87cbaf3f]::placeholder{color:var(--color-text-muted)}.home-view .loading-container[data-v-87cbaf3f]{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl);gap:var(--spacing-md)}.home-view .loading-container .loading-spinner[data-v-87cbaf3f]{width:48px;height:48px;border:3px solid rgba(195,7,63,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin-87cbaf3f 1s linear infinite}.home-view .loading-container .loading-text[data-v-87cbaf3f]{color:var(--color-text-secondary);font-size:var(--font-size-md)}@keyframes spin-87cbaf3f{to{transform:rotate(360deg)}}.home-view .empty-state[data-v-87cbaf3f]{text-align:center;padding:var(--spacing-xl);background-color:var(--color-bg-secondary);border-radius:var(--radius-xl);border:2px dashed var(--color-border-medium)}.home-view .empty-state .empty-icon[data-v-87cbaf3f]{width:64px;height:64px;margin:0 auto var(--spacing-lg);color:var(--color-primary)}.home-view .empty-state .empty-icon svg[data-v-87cbaf3f]{width:100%;height:100%}.home-view .empty-state .empty-title[data-v-87cbaf3f]{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm)}.home-view .empty-state .empty-subtitle[data-v-87cbaf3f]{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.home-view .empty-state .btn-primary[data-v-87cbaf3f]{background-color:var(--color-primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:600;transition:var(--transition-normal)}.home-view .empty-state .btn-primary[data-v-87cbaf3f]:hover{background-color:var(--color-primary-dark)}.home-view .lists-list[data-v-87cbaf3f]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.home-view .lists-list .list-item[data-v-87cbaf3f]{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal)}.home-view .lists-list .list-item[data-v-87cbaf3f]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.home-view .lists-list .list-item .list-item-header .list-name[data-v-87cbaf3f]{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600}.home-view .lists-list .list-item .list-item-meta[data-v-87cbaf3f]{display:flex;gap:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.home-view .lists-list .list-item .list-item-meta .updated-at[data-v-87cbaf3f]{display:flex;align-items:center;gap:var(--spacing-xs)}.home-view .lists-list .list-item .list-item-meta .updated-at .meta-icon[data-v-87cbaf3f]{width:16px;height:16px}.home-view .lists-list .list-item .list-item-actions[data-v-87cbaf3f]{display:flex;gap:var(--spacing-sm)}.home-view .lists-list .list-item .list-item-actions .btn-action[data-v-87cbaf3f]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);background-color:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:var(--transition-normal)}.home-view .lists-list .list-item .list-item-actions .btn-action svg[data-v-87cbaf3f]{width:16px;height:16px}.home-view .lists-list .list-item .list-item-actions .btn-action[data-v-87cbaf3f]:hover{background-color:var(--color-bg-tertiary);border-color:transparent}.home-view .lists-list .list-item .list-item-actions .btn-action.btn-danger[data-v-87cbaf3f]:hover{background-color:#c3073f1a;border-color:var(--color-primary-dark);color:var(--color-primary-dark)}.list-detail-view .page-header[data-v-291bc52e]{margin-bottom:var(--spacing-xl)}.list-detail-view .page-header .btn-back[data-v-291bc52e]{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:var(--transition-normal)}.list-detail-view .page-header .btn-back[data-v-291bc52e]:hover{color:var(--color-primary)}.list-detail-view .page-header .btn-back .back-icon[data-v-291bc52e]{font-size:var(--font-size-lg)}.list-detail-view .page-header .list-title[data-v-291bc52e]{color:var(--color-text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm);font-weight:700}.list-detail-view .list-content[data-v-291bc52e]{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-xl)}@media(max-width:900px){.list-detail-view .list-content[data-v-291bc52e]{grid-template-columns:1fr}}.list-detail-view .list-content .raw-text-view[data-v-291bc52e]{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);padding:var(--spacing-lg);min-height:400px}.list-detail-view .list-content .raw-text-view .raw-text[data-v-291bc52e]{background-color:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);padding:var(--spacing-lg);white-space:pre-wrap;word-wrap:break-word;color:var(--color-text-primary);font-family:Consolas,Monaco,monospace;font-size:var(--font-size-sm);max-height:600px;overflow-y:auto;margin:0}.list-detail-view .list-content .sidebar[data-v-291bc52e]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.list-detail-view .list-content .sidebar .sidebar-section[data-v-291bc52e]{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.list-detail-view .list-content .sidebar .sidebar-section h3[data-v-291bc52e]{color:var(--color-text-primary);margin-top:0;margin-bottom:var(--spacing-md);font-size:var(--font-size-md);font-weight:600}.list-detail-view .list-content .sidebar .sidebar-section .qr-container[data-v-291bc52e]{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-medium)}.list-detail-view .list-content .sidebar .sidebar-section .qr-container .qr-placeholder[data-v-291bc52e]{width:220px;height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center}.list-detail-view .list-content .sidebar .sidebar-section .qr-container .qr-placeholder .qr-placeholder-text[data-v-291bc52e]{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.list-detail-view .list-content .sidebar .sidebar-section .qr-hint[data-v-291bc52e]{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0 var(--spacing-md);font-style:italic}.list-detail-view .list-content .sidebar .sidebar-section .info-list[data-v-291bc52e]{margin:0;padding:0}.list-detail-view .list-content .sidebar .sidebar-section .info-list dt[data-v-291bc52e]{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);font-weight:500}.list-detail-view .list-content .sidebar .sidebar-section .info-list dd[data-v-291bc52e]{color:var(--color-text-primary);font-size:var(--font-size-md);margin-bottom:var(--spacing-md);padding-left:0;font-weight:500}.list-detail-view .list-content .sidebar .sidebar-actions[data-v-291bc52e]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.list-detail-view .list-content .sidebar .sidebar-actions .btn-secondary[data-v-291bc52e]{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-medium);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:500;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);transition:var(--transition-normal)}.list-detail-view .list-content .sidebar .sidebar-actions .btn-secondary[data-v-291bc52e]:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-medium)}.list-detail-view .list-content .sidebar .sidebar-actions .btn-secondary .icon[data-v-291bc52e]{font-size:var(--font-size-lg)}.list-detail-view .list-content .sidebar .sidebar-actions .btn-primary[data-v-291bc52e]{background-color:var(--color-primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.list-detail-view .list-content .sidebar .sidebar-actions .btn-primary[data-v-291bc52e]:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.list-detail-view .list-content .sidebar .sidebar-actions .btn-primary .icon[data-v-291bc52e]{font-size:var(--font-size-lg)}.list-detail-view .list-content .sidebar .sidebar-actions .btn-danger[data-v-291bc52e]{background-color:#c3073f1a;color:var(--color-primary);border:1px solid rgba(195,7,63,.3);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);transition:var(--transition-normal)}.list-detail-view .list-content .sidebar .sidebar-actions .btn-danger[data-v-291bc52e]:hover{background-color:#c3073f33;border-color:var(--color-primary)}.list-detail-view .list-content .sidebar .sidebar-actions .btn-danger .icon[data-v-291bc52e]{font-size:var(--font-size-lg)}.list-detail-view .toast[data-v-291bc52e]{position:fixed;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);background-color:var(--color-success);color:#fff;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;display:flex;align-items:center;gap:var(--spacing-sm);animation:toastSlideIn-291bc52e .3s ease-out}.list-detail-view .toast.toast-success[data-v-291bc52e]{background-color:var(--color-success)}.loading-view[data-v-291bc52e],.not-found-view[data-v-291bc52e]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:var(--spacing-xl)}.loading-view .spinner[data-v-291bc52e],.not-found-view .spinner[data-v-291bc52e]{width:48px;height:48px;border:3px solid rgba(195,7,63,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin-291bc52e 1s linear infinite;margin-bottom:var(--spacing-lg)}.loading-view h2[data-v-291bc52e],.not-found-view h2[data-v-291bc52e]{color:var(--color-text-primary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-xl);font-weight:600}.loading-view .btn-primary[data-v-291bc52e],.not-found-view .btn-primary[data-v-291bc52e]{background-color:var(--color-primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:600;transition:var(--transition-normal)}.loading-view .btn-primary[data-v-291bc52e]:hover,.not-found-view .btn-primary[data-v-291bc52e]:hover{background-color:var(--color-primary-dark)}@keyframes spin-291bc52e{to{transform:rotate(360deg)}}@keyframes toastSlideIn-291bc52e{0%{opacity:0;transform:translate(-50%,100px)}to{opacity:1;transform:translate(-50%)}}.editor-view[data-v-3412d784]{max-width:900px;margin:0 auto}.editor-view .page-header[data-v-3412d784]{margin-bottom:var(--spacing-xl)}.editor-view .page-header .btn-back[data-v-3412d784]{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-md);display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:var(--transition-normal)}.editor-view .page-header .btn-back[data-v-3412d784]:hover{color:var(--color-primary)}.editor-view .page-header .btn-back .back-icon[data-v-3412d784]{font-size:var(--font-size-lg)}.editor-view .page-header .editor-title[data-v-3412d784]{color:var(--color-text-primary);font-size:var(--font-size-2xl);margin-top:var(--spacing-sm);font-weight:700}.editor-view .editor-form .form-section[data-v-3412d784]{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.editor-view .editor-form .form-section .form-group[data-v-3412d784]{margin-bottom:var(--spacing-md)}.editor-view .editor-form .form-section .form-group .form-label[data-v-3412d784]{display:block;color:var(--color-text-primary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);font-weight:500}.editor-view .editor-form .form-section .form-group .form-input[data-v-3412d784]{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-md);transition:var(--transition-normal)}.editor-view .editor-form .form-section .form-group .form-input[data-v-3412d784]:focus{outline:none;border-color:var(--color-primary)}.editor-view .editor-form .form-section .form-group .form-textarea[data-v-3412d784]{width:100%;min-height:300px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:Consolas,Monaco,monospace;resize:vertical;transition:var(--transition-normal)}.editor-view .editor-form .form-section .form-group .form-textarea[data-v-3412d784]:focus{outline:none;border-color:var(--color-primary)}.editor-view .editor-form .form-section .form-group .char-count[data-v-3412d784]{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs);text-align:right}.editor-view .editor-form .form-actions[data-v-3412d784]{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}.editor-view .editor-form .form-actions .btn-primary[data-v-3412d784]{background-color:var(--color-primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:600;display:flex;align-items:center;gap:var(--spacing-xs);transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.editor-view .editor-form .form-actions .btn-primary[data-v-3412d784]:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.editor-view .editor-form .form-actions .btn-primary .icon[data-v-3412d784]{font-size:var(--font-size-lg)}.editor-view .editor-form .form-actions .btn-secondary[data-v-3412d784]{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-medium);padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:500;display:flex;align-items:center;gap:var(--spacing-xs);transition:var(--transition-normal)}.editor-view .editor-form .form-actions .btn-secondary[data-v-3412d784]:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-medium)}.editor-view .editor-form .form-actions .btn-secondary .icon[data-v-3412d784]{font-size:var(--font-size-lg)}:root{--color-primary: #f0a062;--color-primary-dark: #d4884f;--color-primary-darker: #b8703c;--color-bg-primary: #1a1a1a;--color-bg-secondary: #222222;--color-bg-tertiary: #2a2a2a;--color-text-primary: #e8e8e8;--color-text-secondary: #888888;--color-text-muted: #666666;--color-border-light: rgba(255, 255, 255, .06);--color-border-medium: rgba(255, 255, 255, .1);--color-border-dark: rgba(255, 255, 255, .15);--color-success: #4caf50;--color-danger: #e53935;--color-warning: #ff9800;--color-info: #2196f3;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .6);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--z-dropdown: 1000;--z-modal: 1001;--z-toast: 1002}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%;width:100%;overflow-x:hidden}.app-container{min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-secondary);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}button{cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-md);border:none;transition:var(--transition-normal)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text-primary)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-primary-dark{background-color:var(--color-primary)}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-primary)}.main-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-dark)}.main-nav .nav-brand h1{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:700;margin:0}.main-nav .nav-links .nav-link{color:var(--color-text-primary);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-pill);font-weight:500;transition:var(--transition-normal)}.main-nav .nav-links .nav-link:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.main-nav .nav-links .nav-link.router-link-active{background-color:var(--color-primary);color:#fff}.main-content{flex:1;padding:var(--spacing-xl);max-width:1200px;margin:0 auto;width:100%}