:root{color:#28241e;background:#f4f0e8;font-family:Noto Sans TC,Microsoft JhengHei,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0}.app{min-height:100vh;background:linear-gradient(90deg,rgba(29,88,78,.05) 1px,transparent 1px),linear-gradient(#f7f3eb,#eee9df);background-size:28px 28px,auto}.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;background:#fffcf6eb;border-bottom:1px solid #ddd4c4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:13px}.brandMark{width:42px;height:42px;display:grid;place-items:center;color:#fffdf8;background:#2f6f64;border-radius:8px;box-shadow:0 8px 22px #2f6f642e}.brand strong{display:block;font-size:19px;letter-spacing:0}.brand small,.topStatus,.panelTitle,.queueHeader,.activeShotMeta,.savedNote{display:flex;align-items:center}.brand small{margin-top:2px;color:#7a6f62;font-size:13px}.topStatus{gap:16px;color:#5f695f;font-size:14px;flex-wrap:wrap}.topStatus span{display:inline-flex;align-items:center;gap:7px}.workspace{display:grid;grid-template-columns:300px 330px minmax(0,1fr);gap:16px;padding:16px;min-height:calc(100vh - 72px)}.panel{background:#fffcf6e0;border:1px solid #ddd4c4;border-radius:8px;box-shadow:0 18px 42px #46362014}.customerPanel,.capturePanel{padding:16px;min-height:0}.panelTitle{justify-content:space-between;gap:12px;color:#2f6f64;font-weight:800}.ghostIcon,.deleteButton{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#736858;background:transparent;border-radius:6px;cursor:pointer}.searchRow{height:44px;display:flex;align-items:center;gap:9px;margin-top:14px;padding:0 12px;background:#fff;border:1px solid #d9d0bf;border-radius:7px}.searchRow input{height:40px;padding:0;border:0}input,select,textarea{width:100%;color:#2c2822;background:#fffdf8;border:1px solid #d9d0bf;border-radius:7px;outline:none}input,select{height:44px;padding:0 12px}textarea{min-height:112px;resize:vertical;padding:13px 14px;line-height:1.7}input:focus,select:focus,textarea:focus{border-color:#2f6f64;box-shadow:0 0 0 3px #2f6f6421}.customerList,.shotList{display:grid;gap:9px;margin-top:14px;max-height:44vh;overflow:auto;padding-right:4px}.customerRow,.shotRow{width:100%;text-align:left;background:#fffdf8;border:1px solid #e2dacd;border-radius:7px;cursor:pointer}.customerRow{display:grid;gap:4px;padding:12px}.customerRow span{color:#b26a3c;font-size:12px;font-weight:800}.customerRow strong{font-size:14px}.customerRow small,.selectedCustomer small,.shotRow small,.pasteWell span,.emptyState,.editorHead p,.editorEmpty span{color:#796f63;font-size:13px;line-height:1.5}.customerRow.selected,.shotRow.active{border-color:#2f6f64;box-shadow:inset 3px 0 #2f6f64}.selectedCustomer{display:grid;gap:6px;margin-top:16px;padding:14px;background:#f1eadc;border:1px solid #ded1ba;border-radius:8px}.selectedCustomer span{color:#8d6940;font-size:12px;font-weight:800}.selectedCustomer strong{line-height:1.45}.fileButton,.softButton,.primaryButton{height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:7px;cursor:pointer;font-weight:800}.fileButton{color:#2f6f64;background:#eaf3ec}.fileButton input{display:none}.pasteWell{display:grid;justify-items:center;gap:8px;margin-top:14px;padding:24px 18px;color:#2f6f64;text-align:center;background:linear-gradient(135deg,#2f6f6414,#b36c3c14),#fffdf8;border:1px dashed #b7aa96;border-radius:8px}.pasteWell strong{color:#2f352f;line-height:1.45}.queueHeader{justify-content:space-between;margin-top:18px;font-weight:800}.queueHeader small{color:#8d6940}.shotRow{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px}.shotRow img{width:58px;height:48px;object-fit:cover;background:#ede7dc;border-radius:6px}.shotRow span{min-width:0}.shotRow strong,.shotRow small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shotRow em{min-width:56px;padding:5px 8px;color:#725337;background:#f3e2c9;border-radius:999px;font-size:12px;font-style:normal;text-align:center}.shotRow em[data-status=已分析]{color:#2f6f64;background:#e3f0e8}.shotRow em[data-status=已存檔]{color:#314b73;background:#e5edf7}.emptyState{margin:10px 0 0;padding:14px;background:#fffdf8;border:1px solid #e2dacd;border-radius:7px}.editorPanel{min-width:0;padding:18px}.editorHead{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #e0d7c8;padding-bottom:16px}.editorHead span{color:#b26a3c;font-size:13px;font-weight:900}.editorHead h1{margin:5px 0 6px;color:#24352f;font-size:24px;line-height:1.28}.editorHead p{margin:0}.editorActions{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;justify-content:flex-end}.softButton{color:#2f6f64;background:#edf5ef;border:1px solid #c7dacd}.primaryButton{color:#fffdf8;background:#2f6f64;border:1px solid #2f6f64}button:disabled{cursor:not-allowed;opacity:.55}.activeShotMeta{justify-content:space-between;gap:12px;margin-top:16px;color:#6f6558;font-size:14px}.activeShotMeta span,.savedNote{display:inline-flex;align-items:center;gap:7px}.deleteButton{color:#9a4d3d}.formGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.field,.editArea{display:grid;gap:8px;margin-top:16px;font-weight:800}.field span,.editArea span{color:#463d32;font-size:14px}.editArea{position:relative}.editArea small{position:absolute;right:12px;bottom:10px;color:#8f8376;background:#fffdf8e0;font-size:12px}.rawText{margin-top:16px;background:#fffdf8;border:1px solid #d9d0bf;border-radius:7px}.rawText summary{padding:13px 14px;cursor:pointer;font-weight:900}.rawText textarea{min-height:130px;border:0;border-top:1px solid #d9d0bf;border-radius:0 0 7px 7px}.savedNote{margin-top:16px;padding:13px 14px;color:#2f6f64;background:#eaf4ed;border:1px solid #c9ddcf;border-radius:7px}.savedNote a{margin-left:auto;color:#2f6f64;font-weight:900}.editorEmpty{min-height:380px;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;color:#2f6f64}.editorEmpty strong{color:#2c2822;font-size:18px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.workspace{grid-template-columns:300px 1fr}.editorPanel{grid-column:1 / -1}}@media(max-width:760px){.topbar,.editorHead{align-items:stretch;flex-direction:column}.workspace{grid-template-columns:1fr;padding:10px}.formGrid{grid-template-columns:1fr}.editorActions{justify-content:stretch}.softButton,.primaryButton{width:100%}}