.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000001a}.btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:transform .2s,opacity .2s;display:flex}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.5;cursor:not-allowed}.camera-container{--workbench-bg:#eaf2e2;--forest-ink:#33463a;--forest-muted:#647267;--panel-border:#cad8c3;--selected-bg:#dce8f8;--selected-border:#8293aa;--copper:#c77d4a;width:100%;height:100%;min-height:100dvh;color:var(--forest-ink);background:var(--workbench-bg);overflow:hidden}.capture-canvas{display:none}.camera-workbench{width:100%;height:100dvh;min-height:620px;padding:0 16px max(18px, env(safe-area-inset-bottom));grid-template-rows:min(66vh,670px) auto auto;align-content:start;display:grid}.magnifier-stage{min-height:0;position:relative;overflow:hidden}.magnifier-tool{aspect-ratio:946/1680;width:clamp(430px,34vw,560px);position:absolute;top:clamp(-290px,-14vw,-168px);left:50%;transform:translate(-50%)}.magnifier-tool-image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.lens-window{aspect-ratio:1;background:#101913;border-radius:50%;width:65.3%;position:absolute;top:12%;left:17.35%;overflow:hidden;box-shadow:inset 0 0 30px #0a120c80}.camera-video{object-fit:cover;width:100%;height:100%;transform:scale(1.02)}.tool-control{aspect-ratio:1;color:#3f2116;width:19.3%;font:inherit;cursor:pointer;background:#da8f5be0;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:0;font-size:clamp(11px,1vw,14px);font-weight:800;line-height:1.05;transition:transform .16s,filter .16s;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 3px #ffe2c2b3,0 4px 8px #2f170e6b}.tool-control span{margin-top:4px}.tool-control:hover:not(:disabled){filter:brightness(1.08);transform:translate(-50%)translateY(-2px)}.tool-control:active:not(:disabled){transform:translate(-50%)translateY(1px)scale(.96)}.tool-control:focus-visible,.organ-segment:focus-visible{outline-offset:3px;outline:3px solid #2c658e}.tool-control:disabled{cursor:wait}.gallery-tool-button{background:#a67451d1;top:58.75%}.capture-tool-button{top:73.6%}.capture-tool-button.is-processing svg{animation:.9s ease-in-out infinite alternate camera-breathe}@keyframes camera-breathe{0%{opacity:.65;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.capture-panel{border:1px solid var(--panel-border);background:#fafdf7f0;border-radius:18px;width:min(646px,100vw - 32px);margin:12px auto 0;padding:14px 12px 12px;box-shadow:0 8px 24px #45574614}.capture-panel h1{color:var(--forest-ink);text-align:center;letter-spacing:.04em;margin:0 0 10px;font-size:17px;font-weight:800;line-height:1.2}.organ-segments{background:#fbfdf9;border:1px solid #7f8b83;border-radius:999px;grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.organ-segment{color:#25302a;min-width:0;min-height:58px;font:inherit;cursor:pointer;background:0 0;border:0;border-left:1px solid #87928b;justify-content:center;align-items:center;gap:7px;padding:8px 6px;font-size:15px;font-weight:750;transition:background-color .14s,color .14s;display:flex}.organ-segment:first-child{border-left:0}.organ-segment.is-selected{color:#253b52;background:var(--selected-bg);box-shadow:inset 0 0 0 1px var(--selected-border)}.organ-segment:disabled{cursor:wait;opacity:.58}.camera-status{width:min(680px,100vw - 32px);min-height:58px;color:var(--forest-muted);text-align:center;justify-content:center;align-items:center;gap:10px;margin:8px auto 0;font-size:15px;font-weight:700;line-height:1.45;display:flex}.camera-status p{margin:0}.status-dot{background:#4f8660;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 4px #4f866024}.status-dot.has-error{background:#b84e45;box-shadow:0 0 0 4px #b84e4524}@media (width<=700px){.camera-workbench{grid-template-rows:minmax(0,1fr) auto auto;align-content:stretch;min-height:600px;padding-inline:10px}.magnifier-tool{width:min(94vw,390px);top:clamp(-70px,-8vw,-28px)}.capture-panel{border-radius:15px;width:min(100%,520px);margin-top:8px;padding:10px 8px 8px}.capture-panel h1{margin-bottom:8px;font-size:15px}.organ-segment{flex-direction:column;gap:2px;min-height:50px;padding:5px 3px;font-size:12px}.organ-segment svg{width:19px;height:19px}.camera-status{width:100%;min-height:48px;margin-top:4px;font-size:12px}}@media (height<=720px) and (width>=701px){.camera-workbench{grid-template-rows:min(62vh,445px) auto auto}.magnifier-tool{width:420px;top:-235px}.capture-panel{padding-block:9px}.organ-segment{min-height:48px}.camera-status{min-height:42px}}@media (prefers-reduced-motion:reduce){.tool-control,.organ-segment{transition:none}.capture-tool-button.is-processing svg{animation:none}}:root{--primary-color:#2e7d32;--bg-color:#f4f7f6;--surface:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--glass-bg:#ffffffb3;--glass-border:#fff6;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:999px}@media (prefers-color-scheme:dark){:root{--bg-color:#0f172a;--surface:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-bg:#1e293bb3;--glass-border:#ffffff1a}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Noto Sans TC,system-ui,-apple-system,sans-serif;overflow:hidden}#root{flex-direction:column;width:100vw;height:100vh;display:flex}.app-container{flex:1;width:100%;height:100%;position:relative}.loading-screen{justify-content:center;align-items:center;height:100vh;font-size:1.2rem;font-weight:700;display:flex}