/* Amis Dictionary management UI — desktop/tablet/mobile */
:root{--ink:#172b3a;--muted:#63758a;--brand:#087e77;--brand-dark:#075c59;--bg:#f3f6fa;--line:#dce6ec;--surface:#fff;--radius:14px;font-family:'Noto Sans TC','Microsoft JhengHei',system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--ink);background:var(--bg);font-family:inherit;font-size:15px}button,input,textarea,select{font:inherit}a{color:var(--brand-dark);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #79c9c1;outline-offset:2px}.app{display:flex;flex-direction:column;height:100vh;min-height:500px}.topbar{height:74px;flex-shrink:0;padding:14px 28px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--brand);color:white;border-radius:13px;font-size:24px;font-weight:700}.brand-title{font-size:21px;font-weight:800;letter-spacing:.035em}.brand-caption{font-size:12px;color:var(--muted);margin-top:3px}.status{font-size:12px;color:var(--muted);padding:8px 12px;background:#f1f6f7;border-radius:999px}.layout{display:flex;flex:1;min-height:0}.sidebar{width:306px;flex:0 0 306px;background:#fff;border-right:1px solid var(--line);min-height:0}.sidebar iframe,.workspace iframe{border:0;width:100%;height:100%;display:block}.workspace{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.workspace-head{padding:17px 28px;border-bottom:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;gap:8px;align-items:center}.workspace-head h1{font-size:17px;margin:0}.workspace-head small{color:var(--muted)}.workspace iframe{flex:1;background:var(--bg)}.mobile-nav{display:none}.nav-content{padding:22px 18px 30px}.nav-heading{font-weight:800;font-size:18px;margin:0 0 16px}.form-label{display:block;font-size:13px;color:#52677a;font-weight:650;margin:14px 0 7px}.control{width:100%;padding:11px 12px;border:1px solid #cddce5;background:#fff;border-radius:9px;min-height:43px;color:var(--ink)}.control:focus{border-color:var(--brand)}.letters-head{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:10px}.letters-head h2{margin:0;font-size:15px}.letters-count{font-size:12px;color:var(--muted)}.letter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:13px}.letter{min-height:38px;display:flex;justify-content:center;align-items:center;border-radius:8px;border:1px solid #dce7e9;background:#f8fbfc;font-weight:650}.letter:hover{background:#e8f6f3;text-decoration:none;border-color:#afd5ce}.letter.active{background:var(--brand);border-color:var(--brand);color:#fff}.empty{color:var(--muted);background:#f8fafc;padding:16px;border-radius:10px;font-size:14px}.results{padding:26px 30px 44px;max-width:1380px;margin:auto;width:100%}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}.eyebrow{font-size:12px;color:var(--brand);font-weight:800;letter-spacing:.12em}.page-heading h2{font-size:24px;margin:5px 0 6px}.hint{color:var(--muted);font-size:13px}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:12px}.word-link{display:block;padding:15px 16px;min-height:62px;background:#fff;border:1px solid var(--line);border-radius:11px;overflow-wrap:anywhere;font-size:16px;font-weight:650;box-shadow:0 2px 5px rgba(20,44,62,.025)}.word-link:hover{background:#effaf7;border-color:#8fcfc3;text-decoration:none}.pill{padding:7px 10px;background:#e7f3f0;color:var(--brand-dark);border-radius:7px;font-size:13px}.editor-page{padding:24px 30px!important;background:var(--bg)!important;color:var(--ink)!important;font-family:'Noto Sans TC','Microsoft JhengHei',sans-serif!important}.editor-page form{width:100%;max-width:1200px;margin:0 auto}.editor-page input[type=text],.editor-page input:not([type]),.editor-page input[type=number],.editor-page select,.editor-page textarea{border:1px solid #cddbe5!important;border-radius:9px!important;background:white!important;color:var(--ink)!important;padding:10px 12px!important;min-height:42px!important;max-width:100%!important;font-family:inherit!important}.editor-page textarea{width:min(100%,860px)!important;min-height:130px!important;line-height:1.7!important;resize:vertical!important}.editor-page input[type=button],.editor-page input[type=submit],.editor-page input[type=reset],.editor-page button{display:inline-block!important;border:1px solid #cbd9df!important;background:#fff!important;color:var(--ink)!important;border-radius:9px!important;padding:10px 18px!important;margin:4px!important;min-height:42px!important;cursor:pointer!important}.editor-page input[type=submit],.editor-page button[type=submit]{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}.editor-page input[type=button]:hover,.editor-page input[type=submit]:hover,.editor-page button:hover{filter:brightness(.94)}.editor-page table{border-collapse:separate!important;border-spacing:8px 12px!important;max-width:100%!important}.editor-page td{vertical-align:middle!important;line-height:1.6!important}.editor-page iframe{max-width:100%}.editor-page .example,.editor-page fieldset{border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important;padding:16px!important}.editor-page input[type=file]{max-width:100%}@media(max-width:790px){.topbar{height:66px;padding:10px 14px}.brand-title{font-size:17px}.brand-caption,.status{display:none}.sidebar{width:235px;flex-basis:235px}.workspace-head{padding:12px 16px}.results{padding:20px 15px}.editor-page{padding:14px!important}}@media(max-width:600px){.layout{flex-direction:column}.sidebar{width:100%;flex-basis:auto;height:225px;border-right:0;border-bottom:1px solid var(--line)}.workspace{min-height:320px}.nav-content{padding:12px 15px}.nav-heading{margin-bottom:6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-row .form-label{margin:4px 0}.letters-head{margin-top:8px}.letter-grid{display:flex;overflow-x:auto;padding-bottom:6px;margin-top:8px}.letter{min-width:38px}.page-heading h2{font-size:19px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.word-link{padding:12px;font-size:14px}}
/* 2026 refresh */
body{font-family:"Microsoft JhengHei","Noto Sans TC",sans-serif!important}
.editor-v2{padding:30px;max-width:1100px;margin:auto;color:#183247}
.editor-v2 h2{margin:0 0 8px;font-size:26px;color:#11304a}
.editor-v2 .subheading{color:#60778a;margin-bottom:24px}
.editor-v2 .panel{background:#fff;border:1px solid #dfe9ee;border-radius:16px;padding:24px;margin:16px 0;box-shadow:0 5px 20px rgba(12,55,78,.04)}
.editor-v2 .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.editor-v2 label{display:block;font-size:14px;font-weight:700;margin-bottom:7px;color:#345269}
.editor-v2 input[type=text],.editor-v2 select,.editor-v2 textarea{width:100%;padding:12px;border-radius:9px;border:1px solid #ccdbe2;font-size:16px;background:white;color:#173247}
.editor-v2 .buttons{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:20px}
.editor-v2 button,.editor-v2 input[type=submit]{border:0;border-radius:9px;background:#087e79;color:#fff;padding:11px 18px;font-size:15px;cursor:pointer}
.editor-v2 button.secondary{background:#eaf2f4;color:#23546b}
.editor-v2 button.danger{background:#fff0f0;color:#9f2635;margin-right:auto}
.editor-v2 iframe{border:1px solid #dce5eb;background:#fff;border-radius:10px;min-height:400px;width:100%}
.editor-v2 .rowfile{display:flex;gap:8px;align-items:center}
.editor-v2 .rowfile input{flex:1;min-width:0}
.result-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}
@media(max-width:700px){.editor-v2{padding:15px}.editor-v2 .fields{grid-template-columns:1fr}.editor-v2 .panel{padding:16px}}