:root{color-scheme:light;--bg-top: #eaf6ff;--bg-bottom: #f8fcff;--cloud: #ffffff;--cloud-soft: #f7fbff;--text: #2f3a45;--muted: #6e7c87;--primary: #7bbbef;--primary-hover: #68aee7;--border: #d9ecfa;--chip-bg: #ffffff;--chip-active: #d9f0ff;--danger: #a34a4a;--shadow: 0 12px 32px rgba(91, 151, 194, .12);--shadow-soft: 0 6px 18px rgba(91, 151, 194, .09);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--bg-bottom)}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,var(--bg-top) 0%,#f1f9ff 44%,var(--bg-bottom) 100%);color:var(--text)}button,input,select,textarea{font:inherit}button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--primary);border-radius:13px;padding:0 14px;background:var(--primary);color:#fff;cursor:pointer;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}button:hover{background:var(--primary-hover);box-shadow:0 5px 14px #4e99d22b;transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}button.secondary{border-color:var(--border);background:#ffffffe6;color:#47728f}button.secondary:hover{background:var(--chip-active)}button.danger{color:var(--danger)}h1,h2,p{margin:0}h1{font-size:25px;line-height:1.2;letter-spacing:0}h2{font-size:18px;letter-spacing:0}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:14px;background:var(--cloud);color:var(--text);padding:11px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #7bbbef2e}textarea{resize:vertical;line-height:1.7}.libraryApp{position:relative;isolation:isolate;min-height:100vh;padding-top:1px;overflow:hidden}.libraryApp:before,.libraryApp:after{content:"";position:fixed;z-index:-1;pointer-events:none;opacity:.76;filter:blur(.2px);background:radial-gradient(ellipse at 24% 58%,rgba(255,255,255,.96) 0 25%,transparent 27%),radial-gradient(ellipse at 48% 40%,rgba(255,255,255,.94) 0 32%,transparent 34%),radial-gradient(ellipse at 73% 62%,rgba(255,255,255,.92) 0 27%,transparent 29%)}.libraryApp:before{top:70px;right:-40px;width:290px;height:110px}.libraryApp:after{top:315px;left:-85px;width:245px;height:92px;opacity:.48}.appHeader{position:relative;margin:10px;padding:17px;border:1px solid rgba(255,255,255,.88);border-radius:24px;background:#ffffffc7;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.headerTop{display:grid;gap:14px}.brandBlock,.headerActions,.recordToolbar,.outputTop,.outputActions,.dialogHeader,.dialogActions,.dialogActions>div,.cardActions{display:flex;align-items:center;gap:8px}.brandBlock{min-width:0}.brandIcon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #cfe9fb;border-radius:17px;background:linear-gradient(145deg,#fff,#e9f7ff);color:#5fa7dd;box-shadow:var(--shadow-soft)}.brandBlock p{margin-top:5px;color:var(--muted);font-size:13px;line-height:1.45}.headerActions{justify-content:flex-start;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.headerActions button{min-width:max-content;min-height:38px}.recordToolbar{display:grid;gap:10px;margin-top:15px}.searchBox{min-width:0;min-height:52px;display:flex;align-items:center;gap:10px;border:1px solid rgba(210,234,250,.95);border-radius:19px;padding:0 15px;background:#fffffff5;color:#65a8db;box-shadow:var(--shadow-soft)}.searchBox:focus-within{border-color:var(--primary);box-shadow:0 0 0 5px #7bbbef29,var(--shadow-soft)}.searchBox input{min-width:0;min-height:50px;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;font-size:16px}.searchBox input:focus{box-shadow:none}.segmented{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--border);border-radius:16px;padding:4px;background:#f7fbffeb}.segmented button{min-height:38px;border:0;border-radius:12px;background:transparent;color:var(--muted);box-shadow:none}.segmented button:hover{background:var(--cloud);transform:none}.segmented button.active{background:var(--chip-active);color:#397aa6;font-weight:800}.segmented.compact button{padding:0 10px}.workspaceGrid{display:grid;gap:12px;padding:0 10px 28px}.categoryPanel,.recordPanel,.outputPanel{min-width:0;border:1px solid rgba(217,236,250,.95);border-radius:24px;background:#fffc;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.categoryPanel{padding:11px}.recordPanel,.outputPanel{padding:15px}.outputPanel{background:#f7fbffe0}.panelTitle,.listHeading,.sentenceEditor>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.panelTitle{padding:2px 5px 9px;font-weight:800}.panelTitle small,.categoryButton small{color:var(--muted);font-weight:600}.categoryNav{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 7px;scroll-snap-type:x proximity;scrollbar-width:thin}.categoryButton{min-width:max-content;min-height:42px;display:flex;justify-content:flex-start;gap:8px;scroll-snap-align:start;border-color:var(--border);border-radius:999px;padding:0 14px;background:var(--chip-bg);color:var(--text);box-shadow:0 4px 12px #5b97c214}.categoryButton:hover{background:#eef8ff}.categoryButton.active{border-color:#b8ddf6;background:var(--chip-active);color:#3477a6;font-weight:800}.categoryButton small{min-width:22px;padding:2px 6px;border-radius:999px;background:#7bbbef1f;text-align:center}.listHeading{margin:2px 2px 13px}.listHeading p{margin-top:5px;color:var(--muted);font-size:13px}.textButton{min-height:34px;padding:0 9px;border:0;background:transparent;color:#4a91c5;box-shadow:none}.textButton:hover{background:var(--chip-active);transform:none}.speedPanel{margin-bottom:12px;padding:11px;border:1px solid var(--border);border-radius:17px;background:#f7fbffe0}.speedPanelTitle{display:flex;align-items:center;gap:7px;margin-bottom:9px;color:#47728f;font-size:13px}.speedChips{display:flex;flex-wrap:wrap;gap:7px}.speedChip{min-height:36px;padding:0 10px;border-radius:999px;font-size:12px}.comboChip{background:var(--chip-active);border-color:#b8ddf6;color:#3477a6}.recordList{display:grid;gap:12px}.recordCard{position:relative;border:1px solid rgba(217,236,250,.95);border-radius:20px;padding:16px;background:var(--cloud);box-shadow:0 9px 24px #5b97c21a;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.recordCard:hover{transform:translateY(-2px);box-shadow:0 14px 28px #5b97c224}.recordCard.selected{border-color:#9fd2f4;background:linear-gradient(180deg,#fff,#f3faff);box-shadow:0 12px 30px #4f9dd529}.recordSelect{width:100%;min-height:38px;justify-content:flex-start;border:0;border-radius:12px;padding:0;background:transparent;color:var(--text);text-align:left;white-space:normal;box-shadow:none}.recordSelect:hover{background:transparent;transform:none;box-shadow:none}.recordSelect>span:last-child{min-width:0}.recordSelect strong,.recordSelect small{display:block}.recordSelect strong{font-size:16px;line-height:1.4}.recordSelect small{margin-top:4px;color:var(--muted);font-size:12px}.checkBox{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #b9d9ed;border-radius:8px;background:#fff}.recordCard.selected .checkBox{border-color:var(--primary);background:var(--primary);color:#fff}.recordCard>p{margin:11px 0 0 32px;color:#53626e;font-size:14px;line-height:1.65}.cardActions{position:static;justify-content:flex-start;flex-wrap:wrap;margin-top:13px;padding-top:11px;border-top:1px solid #edf5fa}.copyVersionButton{min-height:38px;padding:0 11px;font-size:12px}.cardActions .iconButton:first-of-type{margin-left:auto}.iconButton{width:38px;min-height:38px;padding:0;border-radius:13px}.iconButton.favorite{color:#4d93c5;border-color:#b9dcf4;background:var(--chip-active)}.recordNote{margin:10px 0 0 32px;padding:9px 11px;border-left:3px solid #e5bd75;border-radius:8px;background:#fffaf0;color:#765b2c;font-size:12px;line-height:1.55}.endingCard>div:first-child{display:grid;gap:3px}.endingCard>div:first-child small{color:var(--muted);font-size:12px}.endingCard>p{margin-left:0}.endingAddButton{position:static;margin-top:13px;min-height:36px}.emptyState{display:grid;place-items:center;gap:8px;min-height:220px;color:var(--muted);text-align:center}.emptyState p{font-size:13px}.outputTop{display:grid;gap:11px;margin-bottom:13px}.eyebrow{margin-bottom:5px;color:#5598c9;font-size:12px;font-weight:800}.selectedEditors{display:grid;gap:10px;margin-bottom:13px}.sentenceEditor{border:1px solid var(--border);border-radius:18px;padding:12px;background:#ffffffeb;box-shadow:var(--shadow-soft)}.sentenceEditor>div{margin-bottom:8px}.sentenceEditor textarea{min-height:90px;font-size:13px;background:var(--cloud-soft)}.finalOutputLabel{display:grid;gap:8px;font-weight:800}.finalOutput{min-height:245px;border-radius:18px;background:var(--cloud);font-weight:400;box-shadow:inset 0 1px 4px #4387b80d}.outputActions{flex-wrap:wrap;margin-top:12px}.endingQuickPanel{margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:18px;background:#ffffffe6}.endingQuickPanel>strong{display:block;margin-bottom:9px;font-size:13px}.endingChips{display:flex;flex-wrap:wrap;gap:7px}.endingChip{min-height:34px;padding:0 10px;border-radius:999px;font-size:12px}.toneCheck{margin-top:12px;padding:11px 12px;border:1px solid var(--border);border-radius:15px;font-size:12px;line-height:1.55}.toneCheck strong,.toneCheck span,.toneCheck small{display:block}.toneCheck.ok{border-color:#c6e4dd;background:#f1faf8;color:#416b64}.toneCheck.attention{border-color:#ead2a8;background:#fffaf0;color:#765b2c}.toneCheck ul{margin:6px 0;padding-left:20px}.safetyNote{margin-top:14px;padding:12px 14px;border:1px solid #d9ecfa;border-radius:16px;background:#eaf6ffb8;color:#557080;font-size:12px;line-height:1.55}.safetyNote p{margin-top:4px}.toast{position:fixed;right:16px;bottom:18px;z-index:100;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:11px 15px;border:1px solid #b9dcf4;border-radius:999px;background:#fff;color:#3477a6;box-shadow:0 12px 30px #4387b833}.dialogBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:14px;background:#4a697e4d;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.recordDialog{width:min(760px,100%);max-height:calc(100vh - 28px);overflow-y:auto;border:1px solid rgba(255,255,255,.9);border-radius:24px;padding:18px;background:#fffffff5;box-shadow:0 24px 60px #4372923d}.dialogHeader{justify-content:space-between;align-items:flex-start;margin-bottom:16px}.dialogGrid{display:grid;gap:12px}.dialogGrid label{display:grid;gap:6px;color:#52616c;font-size:13px;font-weight:700}.dialogActions{display:grid;gap:10px;margin-top:17px}.dialogActions>div{flex-wrap:wrap}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width: 700px){.appHeader,.workspaceGrid{margin-left:18px;margin-right:18px}.appHeader{padding:20px}.headerTop{grid-template-columns:minmax(0,1fr) auto;align-items:center}.headerActions{justify-content:flex-end}.recordToolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center}.segmented{min-width:220px}.workspaceGrid{padding:0 0 32px}.recordPanel,.outputPanel{padding:18px}.outputTop{grid-template-columns:minmax(0,1fr) auto;align-items:start}.dialogGrid{grid-template-columns:1fr 1fr}.fullSpan{grid-column:1 / -1}.dialogActions{display:flex;justify-content:space-between;flex-wrap:wrap}}@media (min-width: 1100px){.appHeader,.workspaceGrid{width:calc(100% - 36px);max-width:1580px;margin-left:auto;margin-right:auto}.appHeader{margin-top:18px;margin-bottom:16px}.workspaceGrid{grid-template-columns:minmax(210px,238px) minmax(360px,.92fr) minmax(440px,1.08fr);align-items:start;gap:16px}.categoryPanel{position:sticky;top:16px;padding:14px}.categoryNav{display:grid;overflow:visible;padding:0}.categoryButton{width:100%;min-width:0;justify-content:space-between;border-radius:16px;white-space:normal;text-align:left}.recordPanel,.outputPanel{min-height:calc(100vh - 190px)}.selectedEditors{max-height:39vh;overflow-y:auto;padding-right:3px}}@media (max-width: 420px){.appHeader{margin:7px;padding:14px}.workspaceGrid{padding-left:7px;padding-right:7px}.brandIcon{width:44px;height:44px;border-radius:15px}h1{font-size:23px}.recordPanel,.outputPanel{padding:13px}.recordCard{padding:14px}.recordCard>p,.recordNote{margin-left:0}.copyVersionButton{flex:1 1 calc(50% - 4px)}.cardActions .iconButton:first-of-type{margin-left:0}.speedChips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.speedChip{flex:0 0 auto}.outputActions button{flex:1 1 auto}}