@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/material-symbols-outlined-BihsgH0H.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--cl-primary: #18A0FB;--cl-primary-dark: #0B78C7;--cl-primary-soft: #E8F6FF;--cl-primary-border: #B9E4FF;--cl-accent: #21C7A8;--cl-red: #F53855;--cl-min_black: #4F5665;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: #F5F8FC;--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: #E5EDF5;--color-border-hover: var(--cl-primary-border);--color-heading: #142033;--color-text: #4F5665;--section-gap: 160px;--layout-max-width: 1120px;--layout-page-padding: clamp(24px, 6vw, 96px);--layout-section-padding-top: 28px;--layout-section-padding-bottom: 56px;--vueuse-safe-area-top: 0px;--vueuse-safe-area-right: 0px;--vueuse-safe-area-bottom: 0px;--vueuse-safe-area-left: 0px}@media(max-width:1024px){:root{--layout-page-padding: 32px}}@media(max-width:768px){:root{--layout-page-padding: 20px;--layout-section-padding-top: 24px;--layout-section-padding-bottom: 40px}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;background-color:#fff;font-family:Roboto,sans-serif}@media(max-width:768px){#app{padding-left:0;padding-right:0}}.global-loading-backdrop[data-v-ec38851b]{position:fixed;inset:0;z-index:9999;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.spinner[data-v-ec38851b]{width:56px;height:56px;border:4px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin-ec38851b .9s linear infinite}.fade-enter-active[data-v-ec38851b],.fade-leave-active[data-v-ec38851b]{transition:opacity .15s ease}.fade-enter-from[data-v-ec38851b],.fade-leave-to[data-v-ec38851b]{opacity:0}@keyframes spin-ec38851b{to{transform:rotate(360deg)}}.footer-brand[data-v-0e5e736b]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 0 0}.coppy-right-footer[data-v-0e5e736b]{color:#7a8494;font-size:13px;text-align:center}.brand-logo[data-v-0e5e736b]{object-fit:contain}.app-footer[data-v-b5317a2c]{width:100%;padding:36px var(--layout-page-padding) 20px var(--layout-page-padding);background-color:#fff;border-top:1px solid var(--color-border)}.footer-main[data-v-b5317a2c]{width:100%;display:grid;grid-template-columns:minmax(240px,1fr) 2fr;align-items:flex-start;gap:48px;padding-bottom:24px;border-bottom:1px solid #F0F4F8}.footer-brand-button[data-v-b5317a2c]{padding:0;border:none;background-color:transparent;color:var(--cl-primary-dark);cursor:pointer;display:inline-flex;align-items:center;gap:10px}.footer-brand-button span[data-v-b5317a2c]{font-size:16px;font-weight:800}.footer-brand-button[data-v-b5317a2c]:hover{color:var(--cl-primary)}.footer-pandora-logo[data-v-b5317a2c]{width:28px;height:28px;object-fit:contain}.footer-links[data-v-b5317a2c]{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:28px}.footer-group[data-v-b5317a2c]{color:#7a8494;font-size:13px;display:flex;flex-direction:column;gap:10px}.footer-group-title[data-v-b5317a2c]{color:var(--color-heading);font-size:14px;font-weight:700;margin-bottom:4px}.footer-link-item[data-v-b5317a2c]{display:flex;align-items:center;gap:8px;color:#626c7a;text-decoration:none;transition:color .2s ease,transform .2s ease}.footer-link-item[data-v-b5317a2c]:hover{color:var(--cl-primary);transform:translate(2px)}.footer-link-item-static[data-v-b5317a2c]{display:flex;align-items:center;gap:8px;color:#626c7a}.footer-bullet-info[data-v-b5317a2c]{display:flex;align-items:flex-start;gap:8px;line-height:1.4;color:#626c7a}.footer-icon[data-v-b5317a2c]{font-size:18px;color:#9aa4b4}.bullet-icon[data-v-b5317a2c]{font-size:16px;color:var(--cl-accent);margin-top:1px}@media(max-width:1024px){.footer-main[data-v-b5317a2c]{grid-template-columns:1fr;gap:32px}}@media(max-width:768px){.app-footer[data-v-b5317a2c]{padding-top:28px;padding-bottom:16px}.footer-main[data-v-b5317a2c]{gap:24px}.footer-links[data-v-b5317a2c]{grid-template-columns:1fr;gap:20px}}.header-view-container[data-v-42446e7b]{width:100%;min-height:64px;padding:11px var(--layout-page-padding);background-color:#fff;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.header-left[data-v-42446e7b]{display:flex;align-items:center;gap:12px}.header-brand[data-v-42446e7b]{padding:0;border:none;background-color:transparent;display:flex;align-items:center;gap:12px;text-align:left}.header-brand-clickable[data-v-42446e7b]{cursor:pointer}.brand-mark[data-v-42446e7b]{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.brand-logo[data-v-42446e7b]{width:40px;height:40px;object-fit:contain}.brand-name[data-v-42446e7b]{color:var(--color-heading);font-size:20px;font-weight:700;line-height:1.2}.back-button[data-v-42446e7b]{width:38px;height:38px;border:1px solid var(--color-border);border-radius:10px;background-color:#fff;color:var(--color-heading);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s,background-color .2s}.back-button[data-v-42446e7b]:hover{border-color:var(--cl-primary-border);background-color:var(--cl-primary-soft);color:var(--cl-primary)}.back-button .material-symbols-outlined[data-v-42446e7b]{font-size:22px}.brand-description[data-v-42446e7b]{color:#7a8494;font-size:13px;line-height:1.2}.header-search[data-v-42446e7b]{width:25%;min-width:280px;max-width:380px;height:42px;padding:0 14px;border:1px solid var(--color-border);border-radius:10px;background-color:#f9fbfd;display:flex;align-items:center;gap:8px;transition:border-color .2s,box-shadow .2s}.header-search[data-v-42446e7b]:focus-within{border-color:var(--cl-primary-border);box-shadow:0 0 0 4px #18a0fb1a}.search-icon[data-v-42446e7b]{color:#7a8494;font-size:20px}.header-search-input[data-v-42446e7b]{width:100%;border:none;outline:none;background-color:transparent;color:var(--color-heading);font-size:14px}.header-search-input[data-v-42446e7b]::placeholder{color:#9ba5b3}@media(max-width:768px){.header-view-container[data-v-42446e7b]{padding-top:12px;padding-bottom:12px;align-items:flex-start;flex-direction:column;gap:12px}.header-left[data-v-42446e7b]{width:100%}.header-search[data-v-42446e7b]{width:100%;min-width:0;max-width:none}}.home-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background)}.home-content{flex:1;width:100%}.home-hero{width:100%;padding:34px var(--layout-page-padding) 26px var(--layout-page-padding);background:linear-gradient(135deg,#18a0fb1f,#21c7a814),#fff;border-bottom:1px solid var(--color-border)}.home-hero-content{max-width:920px}.home-label{color:var(--cl-primary);font-size:13px;font-weight:700;margin-bottom:8px}.home-title{color:var(--color-heading);font-size:30px;font-weight:700;line-height:1.25;margin-bottom:12px}.home-description{color:var(--color-text);font-size:15px;max-width:720px}.tool-section{width:100%;padding:var(--layout-section-padding-top) var(--layout-page-padding) var(--layout-section-padding-bottom) var(--layout-page-padding)}.tool-section-header{max-width:var(--layout-max-width);margin:0 auto 18px;display:flex;align-items:end;justify-content:space-between;gap:20px}.tool-section-label{color:var(--cl-primary);font-size:14px;font-weight:700;margin-bottom:2px}.tool-section-title{color:var(--color-heading);font-size:24px;font-weight:700}.tool-count{color:#7a8494;font-size:14px}.tool-group-list{max-width:var(--layout-max-width);margin:0 auto;display:flex;flex-direction:column;gap:28px}.tool-group-header{margin-bottom:12px}.tool-group-label{color:var(--cl-primary);font-size:13px;font-weight:700}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.tool-card{width:100%;min-height:132px;padding:18px;background-color:#fff;border:1px solid var(--color-border);border-radius:10px;box-shadow:0 12px 30px #1420330f;cursor:pointer;display:flex;align-items:center;gap:14px;text-align:left;transition:border-color .2s,box-shadow .2s,transform .2s}.tool-card:hover{border-color:var(--cl-primary-border);box-shadow:0 16px 34px #18a0fb29;transform:translateY(-2px)}.tool-card-icon{width:48px;height:48px;border-radius:10px;background-color:var(--cl-primary-soft);color:var(--cl-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-card-icon .material-symbols-outlined{font-size:28px}.tool-card-content{flex:1;min-width:0}.tool-card-title{color:var(--color-heading);font-size:18px;font-weight:700;margin-bottom:4px}.tool-card-description{color:var(--color-text);font-size:14px;line-height:1.45}.tool-card-arrow{color:var(--cl-primary);font-size:22px;flex-shrink:0}.tool-empty{max-width:var(--layout-max-width);margin:0 auto;padding:32px 20px;border:1px dashed var(--color-border);border-radius:10px;background-color:#fff;color:#7a8494;display:flex;align-items:center;justify-content:center;gap:10px}.tool-empty .material-symbols-outlined{color:var(--cl-primary);font-size:22px}.tool-empty p{font-size:14px;font-weight:600}@media(max-width:768px){.home-hero{padding-top:28px;padding-bottom:22px}.home-title{font-size:24px}.home-description{font-size:15px}.tool-section-header{align-items:flex-start;flex-direction:column;gap:6px}}.notes-page{min-height:100vh;background:var(--color-background)}.notes-local-warning{min-height:38px;padding:7px var(--layout-page-padding);background:#fff8e6;border-bottom:1px solid #f0dca8;color:#725613;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px}.notes-local-warning .material-symbols-outlined{font-size:18px}.notes-workspace{height:calc(100vh - 102px);min-height:560px;display:grid;grid-template-columns:220px 300px minmax(0,1fr);transition:grid-template-columns .2s ease}.notes-workspace.projects-collapsed{grid-template-columns:48px 300px minmax(0,1fr)}.notes-workspace.tree-collapsed{grid-template-columns:220px 48px minmax(0,1fr)}.notes-workspace.projects-collapsed.tree-collapsed{grid-template-columns:48px 48px minmax(0,1fr)}.notes-project-sidebar,.notes-tree-panel,.notes-editor-panel{min-width:0;background:#fff}.notes-project-sidebar,.notes-tree-panel{border-right:1px solid var(--color-border);display:flex;flex-direction:column}.notes-project-sidebar.collapsed,.notes-tree-panel.collapsed{align-items:center;padding-top:10px}.notes-collapsed-panel-button{width:36px;padding:8px 0;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:#718096;cursor:pointer;display:flex;align-items:center;flex-direction:column;gap:5px}.notes-collapsed-panel-button:hover{border-color:var(--cl-primary-border);background:var(--cl-primary-soft);color:var(--cl-primary)}.notes-collapsed-panel-button .material-symbols-outlined{font-size:18px}.notes-panel-header-actions{display:flex;align-items:center;gap:5px}.notes-panel-header,.notes-editor-toolbar{min-height:64px;padding:12px 14px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:10px}.notes-panel-label{color:var(--color-heading);font-size:15px;font-weight:700}.notes-panel-count{color:#8a95a5;font-size:12px}.notes-icon-button,.notes-inline-actions button,.notes-node-actions button{border:1px solid var(--color-border);border-radius:8px;background:#fff;color:#718096;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.notes-icon-button{width:34px;height:34px}.notes-icon-button.primary{border-color:var(--cl-primary);background:var(--cl-primary);color:#fff}.notes-icon-button .material-symbols-outlined,.notes-inline-actions .material-symbols-outlined,.notes-node-actions .material-symbols-outlined{font-size:18px}.notes-project-list{flex:1;overflow:auto;padding:10px}.notes-project-item{width:100%;padding:10px;border:none;border-radius:8px;background:transparent;color:var(--color-text);cursor:pointer;display:flex;align-items:center;gap:8px;text-align:left}.notes-project-item.active{background:var(--cl-primary-soft);color:var(--cl-primary-dark);font-weight:700}.notes-project-item .material-symbols-outlined{font-size:20px}.notes-backup-actions{padding:10px;border-top:1px solid var(--color-border);display:grid;grid-template-columns:1fr 1fr;gap:8px}.notes-backup-actions button,.notes-backup-actions label{padding:8px;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px}.notes-backup-actions input{display:none}.notes-backup-actions .material-symbols-outlined{font-size:17px}.notes-project-title{min-width:0;display:flex;align-items:center;gap:5px}.notes-project-title p{overflow:hidden;color:var(--color-heading);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.notes-inline-actions{display:flex;gap:4px}.notes-inline-actions button,.notes-node-actions button{width:27px;height:27px}.notes-tree-search{margin:10px;padding:7px 9px;border:1px solid var(--color-border);border-radius:8px;display:flex;align-items:center;gap:6px}.notes-tree-search .material-symbols-outlined{color:#8a95a5;font-size:18px}.notes-tree-search input{min-width:0;width:100%;border:none;outline:none}.notes-tree{flex:1;overflow:auto;padding:0 8px 12px}.notes-tree-row{min-height:36px;padding:4px 5px;border-radius:7px;cursor:pointer;display:flex;align-items:center;gap:4px}.notes-tree-row:hover,.notes-tree-row.active{background:var(--cl-primary-soft)}.notes-chevron,.notes-node-icon{color:#78869a;font-size:18px}.notes-node-name{flex:1;overflow:hidden;color:var(--color-heading);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.notes-node-actions{display:none;gap:3px}.notes-tree-row:hover .notes-node-actions{display:flex}.notes-tree-children{margin-left:18px;border-left:1px solid var(--color-border);padding-left:4px}.notes-small-empty{margin:12px;padding:14px;border:1px dashed var(--color-border);border-radius:8px;color:#8a95a5;font-size:12px;text-align:center}.notes-editor-panel{display:flex;flex-direction:column}.notes-current-file,.notes-toolbar-right,.notes-mode-switch{display:flex;align-items:center}.notes-current-file{min-width:0;gap:7px}.notes-current-file strong{overflow:hidden;color:var(--color-heading);text-overflow:ellipsis;white-space:nowrap}.notes-current-file .material-symbols-outlined{color:var(--cl-primary)}.notes-toolbar-right{gap:10px}.notes-save-status{color:#7a8494;font-size:12px;white-space:nowrap}.notes-save-status.error{color:var(--cl-red)}.notes-mode-switch{padding:3px;border:1px solid var(--color-border);border-radius:8px;background:#f7fafc}.notes-mode-switch button{padding:5px 9px;border:none;border-radius:6px;background:transparent;color:#78869a;cursor:pointer;text-transform:capitalize}.notes-mode-switch button.active{background:#fff;color:var(--cl-primary-dark);box-shadow:0 2px 5px #1420331a}.notes-editor-body{min-height:0;flex:1;display:grid;grid-template-columns:1fr 1fr}.notes-editor-body.mode-view,.notes-editor-body.mode-edit{grid-template-columns:1fr}.notes-textarea,.notes-preview{min-width:0;height:100%;overflow:auto;padding:24px}.notes-textarea{border:none;border-right:1px solid var(--color-border);outline:none;resize:none;color:#243247;font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.notes-preview{background:#fbfcfe}.markdown-content{color:#344054;line-height:1.7}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin:.9em 0 .45em;color:var(--color-heading);font-weight:700}.markdown-content h1{margin-top:0;font-size:28px}.markdown-content h2{padding-bottom:5px;border-bottom:1px solid var(--color-border);font-size:22px}.markdown-content p,.markdown-content ul,.markdown-content blockquote,.markdown-content pre{margin-bottom:12px}.markdown-content ul{padding-left:24px}.markdown-content blockquote{padding:8px 12px;border-left:3px solid var(--cl-primary);background:var(--cl-primary-soft)}.markdown-content code{padding:2px 5px;border-radius:5px;background:#eef2f6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.markdown-code-block{margin-bottom:14px;overflow:hidden;border:1px solid #28364c;border-radius:8px;background:#172033}.markdown-code-header{padding:6px 12px;border-bottom:1px solid #334158;background:#202b3f;color:#aebbd0;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em;text-transform:uppercase}.markdown-content pre{overflow:auto;padding:14px;border-radius:0;background:#172033;color:#eaf1f8;white-space:pre-wrap;overflow-wrap:anywhere}.markdown-content pre code{padding:0;background:transparent;color:inherit}.markdown-content a{color:var(--cl-primary-dark);overflow-wrap:anywhere}.markdown-table-wrap{width:100%;margin-bottom:16px;overflow-x:auto;border:1px solid var(--color-border);border-radius:8px}.markdown-content table{width:100%;min-width:720px;border-collapse:collapse;background:#fff;font-size:13px}.markdown-content th,.markdown-content td{min-width:120px;max-width:520px;padding:10px 12px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;text-align:left;vertical-align:top}.markdown-content th{background:#f2f7fb;color:var(--color-heading);font-weight:700}.markdown-content tr:last-child td{border-bottom:none}.markdown-content th:last-child,.markdown-content td:last-child{border-right:none}.task-item{list-style:none}.notes-editor-empty{height:100%;padding:30px;color:#8a95a5;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.notes-editor-empty .material-symbols-outlined{color:var(--cl-primary);font-size:54px}.notes-editor-empty h1{color:var(--color-heading);font-size:22px;font-weight:700}.notes-toast{position:fixed;right:20px;bottom:20px;max-width:360px;padding:12px 16px;border-radius:8px;background:#c9344d;color:#fff;box-shadow:0 10px 30px #1420332e}.notes-full-view-page{min-height:100vh;background:#f8fafc}.notes-full-view-header{position:sticky;z-index:2;top:0;min-height:64px;padding:10px var(--layout-page-padding);border-bottom:1px solid var(--color-border);background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;gap:16px}.notes-full-view-title{min-width:0;display:flex;align-items:center;gap:10px}.notes-full-view-title .material-symbols-outlined{color:var(--cl-primary);font-size:28px}.notes-full-view-title strong{color:var(--color-heading);font-size:16px;font-weight:700}.notes-full-view-title p{color:#8a95a5;font-size:12px}.notes-full-view-close{padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-text);cursor:pointer;display:flex;align-items:center;gap:5px}.notes-full-view-close .material-symbols-outlined{font-size:18px}.notes-full-view-content{width:min(1100px,calc(100% - 40px));min-height:calc(100vh - 104px);margin:20px auto;padding:clamp(24px,5vw,64px);border:1px solid var(--color-border);border-radius:10px;background:#fff;box-shadow:0 14px 36px #1420330f}.notes-full-view-empty{min-height:calc(100vh - 64px);color:#8a95a5;display:flex;align-items:center;justify-content:center;flex-direction:column}.notes-full-view-empty .material-symbols-outlined{color:var(--cl-primary);font-size:42px}@media(max-width:1024px){.notes-workspace{height:auto;min-height:calc(100vh - 102px);grid-template-columns:180px 260px minmax(420px,1fr);overflow-x:auto}.notes-workspace.projects-collapsed{grid-template-columns:48px 260px minmax(420px,1fr)}.notes-workspace.tree-collapsed{grid-template-columns:180px 48px minmax(420px,1fr)}.notes-workspace.projects-collapsed.tree-collapsed{grid-template-columns:48px 48px minmax(420px,1fr)}}@media(max-width:768px){.notes-local-warning{justify-content:flex-start}.notes-workspace{display:flex;flex-direction:column;overflow:visible}.notes-project-sidebar.collapsed,.notes-tree-panel.collapsed{min-height:46px;padding:5px var(--layout-page-padding);align-items:flex-start}.notes-collapsed-panel-button{width:auto;height:36px;padding:0 10px;flex-direction:row}.notes-project-sidebar,.notes-tree-panel{border-right:none;border-bottom:1px solid var(--color-border)}.notes-project-list{max-height:150px}.notes-tree{max-height:230px}.notes-editor-panel{min-height:600px}.notes-editor-toolbar{align-items:flex-start;flex-direction:column}.notes-toolbar-right{width:100%;flex-wrap:wrap}.notes-editor-body{display:flex;flex-direction:column}.notes-textarea,.notes-preview{min-height:340px;height:auto}.notes-textarea{border-right:none;border-bottom:1px solid var(--color-border)}.notes-full-view-header{align-items:flex-start}.notes-full-view-close{padding:7px;font-size:0}.notes-full-view-content{width:calc(100% - 24px);margin:12px auto;padding:20px}}.qr-page{min-height:90vh;padding:var(--layout-section-padding-top) var(--layout-page-padding) var(--layout-section-padding-bottom) var(--layout-page-padding);background:linear-gradient(180deg,#18a0fb14,#f5f8fc00 260px),var(--color-background)}.qr-page-header{width:100%;max-width:var(--layout-max-width);margin:4px auto 18px}.qr-title{color:var(--color-heading);font-size:30px;font-weight:700;line-height:1.25;margin-bottom:8px}.qr-description{color:var(--color-text);font-size:15px;max-width:720px}.qr-workspace{width:100%;max-width:var(--layout-max-width);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px}.qr-config-card,.qr-preview-card{background-color:#fff;border:1px solid var(--color-border);border-radius:10px;box-shadow:0 16px 34px #14203314;overflow:hidden}.qr-card-header,.qr-preview-header{padding:20px 22px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:16px}.qr-card-title{color:var(--color-heading);font-size:20px;font-weight:700}.qr-card-subtitle{color:#7a8494;font-size:13px;margin-top:2px}.qr-card-icon{width:42px;height:42px;border-radius:10px;background-color:var(--cl-primary-soft);color:var(--cl-primary);display:flex;align-items:center;justify-content:center}.qr-form{padding:22px}.qr-label{color:var(--color-heading);font-size:14px;font-weight:700;display:block;margin-bottom:8px}.qr-textarea{width:100%;border:1px solid var(--color-border);border-radius:10px;background-color:#f9fbfd;color:var(--color-heading);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.qr-textarea{padding:14px;resize:vertical;min-height:160px;margin-bottom:18px;transition:border-color .2s,box-shadow .2s}.qr-textarea:focus{border-color:var(--cl-primary-border);box-shadow:0 0 0 4px #18a0fb1a}.qr-size-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.qr-size-option{height:44px;border:1px solid var(--color-border);border-radius:10px;background-color:#f9fbfd;color:var(--color-heading);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s,background-color .2s,box-shadow .2s}.qr-size-option input{display:none}.qr-size-option span{font-size:14px;font-weight:700}.qr-size-option:hover{border-color:var(--cl-primary-border);color:var(--cl-primary)}.qr-size-option.active{border-color:var(--cl-primary);background-color:var(--cl-primary-soft);color:var(--cl-primary);box-shadow:0 0 0 4px #18a0fb14}.qr-error{color:#f53855;font-size:13px;margin-top:10px}.qr-actions{margin-top:20px;display:flex;align-items:center;justify-content:flex-end;gap:12px}.qr-primary-button,.qr-secondary-button{min-height:46px;padding:0 18px;border-radius:10px;cursor:pointer;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:border-color .2s,color .2s,background-color .2s,opacity .2s}.qr-primary-button{border:1px solid var(--cl-primary);background-color:var(--cl-primary);color:#fff;box-shadow:0 10px 18px #18a0fb2e}.qr-secondary-button{border:1px solid var(--color-border);background-color:#fff;color:var(--color-heading)}.qr-secondary-button:disabled{cursor:not-allowed;opacity:.5}.qr-primary-button:hover{background-color:var(--cl-primary-dark);border-color:var(--cl-primary-dark)}.qr-secondary-button:not(:disabled):hover{border-color:var(--cl-primary-border);color:var(--cl-primary);background-color:var(--cl-primary-soft)}.qr-preview-box{min-height:360px;padding:28px;display:flex;align-items:center;justify-content:center}.qr-styled-frame{width:min(100%,360px);min-height:360px;border:1px solid var(--color-border);border-radius:10px;background-color:#fff;padding:18px;box-shadow:0 16px 34px #14203314;display:flex;align-items:center;justify-content:center}.qr-styled-preview{width:100%;display:flex;align-items:center;justify-content:center}.qr-styled-preview canvas,.qr-styled-preview svg{max-width:100%;height:auto;border-radius:8px}.qr-preview-empty{width:100%;min-height:260px;border:1px dashed var(--color-border);border-radius:10px;color:#7a8494;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.qr-preview-empty .material-symbols-outlined{color:var(--cl-primary);font-size:42px}.qr-preview-empty p{font-size:14px;font-weight:700}@media(max-width:900px){.qr-workspace{grid-template-columns:1fr}}@media(max-width:768px){.qr-title{font-size:24px}.qr-card-header,.qr-preview-header,.qr-form{padding-left:18px;padding-right:18px}.qr-actions{align-items:stretch;flex-direction:column}.qr-primary-button,.qr-secondary-button{width:100%}.qr-preview-box{min-height:280px;padding:20px 18px}}.upload-container{border:1px dashed var(--cl-primary-border);border-radius:10px;padding:42px 20px;text-align:center;cursor:pointer;transition:border-color .3s,background-color .3s;border-style:dashed;background-color:#f8fcff}.upload-container:hover{border-color:var(--cl-primary);background-color:var(--cl-primary-soft)}.upload-content{display:flex;flex-direction:column;align-items:center}.upload-icon{width:48px;height:48px;background-image:url(/ic_upload.svg);background-size:contain;background-repeat:no-repeat;background-position:center;margin-bottom:10px}.upload-text{color:var(--color-heading);font-size:15px;font-weight:700}.upload-hint{color:#7a8494;font-size:13px;margin-top:4px}.hidden-file-input{display:none}@media(max-width:768px){.upload-container{padding:32px 16px}}.note-text{margin-top:12px;color:#7a8494;font-size:14px;display:flex;align-items:center;gap:6px}.note-text .material-symbols-outlined{color:var(--cl-primary);font-size:18px}.sample-box{margin-top:18px;padding:16px;border:1px solid var(--color-border);border-radius:10px;background-color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px}.plain-text{font-size:16px}.plain-text p{color:var(--color-heading);font-size:15px;font-weight:700}.plain-text span{color:#7a8494;font-size:13px}.download-sample{padding:10px 12px;font-size:14px;border:1px solid var(--color-border);display:inline-flex;align-items:center;border-radius:8px;cursor:pointer;transition:border-color .2s,background-color .2s;flex-shrink:0}.download-sample:hover{border-color:var(--cl-primary-border);background-color:var(--cl-primary-soft)}.excel-icon{width:24px;height:24px;margin-right:10px;background-image:url(/img_excel_icon.png);background-size:contain;background-repeat:no-repeat;background-position:center}.download-sample p{font-size:14px;color:var(--color-heading);font-weight:600}@media(max-width:768px){.sample-box{align-items:flex-start;flex-direction:column}.download-sample{width:100%;justify-content:center}}.vin-qr-employee-page{padding:var(--layout-section-padding-top) var(--layout-page-padding) var(--layout-section-padding-bottom) var(--layout-page-padding);width:100%;min-height:90vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#18a0fb14,#f5f8fc00 260px),var(--color-background)}.vin-page-header{width:100%;max-width:800px;margin:4px auto 18px}.tool-label{color:var(--cl-primary);font-size:13px;font-weight:700;margin-bottom:6px}.title-gen{color:var(--color-heading);font-size:30px;font-weight:700;line-height:1.25;margin-bottom:8px}.tool-description{color:var(--color-text);font-size:15px;max-width:680px}.card-view{background-color:#fff;border:1px solid var(--color-border);border-radius:10px;box-shadow:0 16px 34px #14203314;transition:transform .2s,box-shadow .2s;margin:0 auto;max-width:800px;width:100%;overflow:hidden}.card-header{padding:20px 22px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:16px}.title-file-upload{color:var(--color-heading);font-size:20px;font-weight:700}.card-subtitle{color:#7a8494;font-size:13px;margin-top:2px}.card-header-icon{width:42px;height:42px;border-radius:10px;background-color:var(--cl-primary-soft);color:var(--cl-primary);display:flex;align-items:center;justify-content:center}.main-content{padding:22px}.button-container{padding:18px 22px 22px;border-top:1px solid var(--color-border);display:flex;justify-content:end;gap:12px}.download-button{background-color:#fff;width:fit-content;color:var(--color-heading);font-size:16px;padding:16px 20px;border:1px solid var(--color-border);border-radius:10px;cursor:pointer;box-shadow:0 10px 18px #1420330f;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.download-button:hover{border-color:var(--cl-primary-border);color:var(--cl-primary)}.download-button .material-symbols-outlined{font-size:20px}@media(max-width:768px){.title-gen{font-size:24px}.card-header,.main-content,.button-container{padding-left:18px;padding-right:18px}.button-container{flex-direction:column-reverse}.button-container button{width:100%;justify-content:center}}.my-button[data-v-8ece8290]{background-color:#1677ff;width:fit-content;color:#fff;font-size:16px;font-weight:600;padding:16px 60px;border:none;border-radius:10px;cursor:pointer;box-shadow:0 10px 10px #4da2f633;transition:all .3s ease}.my-button[data-v-8ece8290]:hover{opacity:.8}