*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:#181512;-webkit-tap-highlight-color:transparent;background:#f5f1ea;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif}button,input,textarea,select{font:inherit;font-size:16px}button{touch-action:manipulation}main{max-width:620px;padding:calc(16px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(50px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));margin:auto}header{color:#fff;background:#21160f;border-radius:16px;margin-bottom:14px;padding:18px 20px}h1{margin:0 0 4px;font-size:21px}header p{opacity:.8;margin:0;font-size:14px}.panel{background:#fff;border:1px solid #e1dbd3;border-radius:16px;margin-bottom:14px;padding:16px;box-shadow:0 5px 20px #4b39200b}.archive{background:#faf8f4;border:1px solid #d9d1c8;border-radius:12px;margin:0 0 18px;overflow:hidden}.archive summary{cursor:pointer;touch-action:manipulation;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:12px 14px;font-weight:800;display:flex}.archive summary small{color:#766d64;white-space:nowrap;font-size:13px;font-weight:500}.archive[open] summary{border-bottom:1px solid #e3ddd5}.archiveBody{padding:13px}.archiveName,.archiveSearch{margin-bottom:11px;display:block}.archiveName>span,.archiveSearch>span{margin-bottom:6px;font-size:14px;font-weight:700;display:block}.archiveActions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-bottom:12px;display:grid}.archiveActions button,.duplicatePrompt button,.deletePrompt button{color:#24170f;touch-action:manipulation;background:#fff;border:1px solid #cfc6bd;border-radius:9px;min-width:0;min-height:44px;padding:9px 10px;font-weight:700}.archiveActions .archivePrimary{color:#fff;background:#24170f;border-color:#24170f;grid-column:1/-1}.archiveActions .danger{color:#8d281e}.archiveActions button:disabled{color:#9d958d;background:#ece8e3;border-color:#ded8d1}.backupActions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:-3px 0 12px;display:grid;position:relative}.backupActions button,.importActions button,.replacePrompt button{color:#24170f;touch-action:manipulation;background:#fff;border:1px solid #cfc6bd;border-radius:9px;min-width:0;min-height:44px;padding:9px 10px;font-weight:700}.importPanel,.replacePrompt,.duplicatePrompt,.deletePrompt{overflow-wrap:anywhere;background:#fff8ed;border:1px solid #c9b69f;border-radius:10px;margin:0 0 12px;padding:11px}.importPanel>p,.replacePrompt p,.duplicatePrompt p,.deletePrompt p{margin:0 0 9px;font-size:14px;font-weight:700;line-height:1.5}.importPanel>p:first-child{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.importPanel>p:first-child span{color:#71675e;white-space:nowrap;flex:none;font-size:13px;font-weight:500}.importPanel .importWarning{color:#8d541e;background:#fff;border-radius:7px;padding:8px;font-weight:600}.importActions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;display:grid}.importActions .mergeRecommended{color:#fff;background:#41633f;border-color:#41633f;grid-column:1/-1}.importActions button:last-child{grid-column:1/-1;min-height:40px}.replacePrompt>div,.duplicatePrompt>div,.deletePrompt>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.replacePrompt{background:#fff4f2;border-color:#d7b4ae}.replacePrompt .confirmReplace{color:#fff;background:#8d281e;border-color:#8d281e}.duplicatePrompt button:last-child{grid-column:1/-1;min-height:40px}.deletePrompt{background:#fff4f2;border-color:#d7b4ae}.deletePrompt .confirmDelete{color:#fff;background:#8d281e;border-color:#8d281e}.archiveList{-webkit-overflow-scrolling:touch;gap:7px;max-height:236px;display:grid;overflow-y:auto}.archiveCard{color:#21160f;text-align:left;overflow-wrap:anywhere;touch-action:manipulation;background:#fff;border:1px solid #d9d1c8;border-radius:9px;width:100%;min-height:54px;padding:9px 11px;display:block}.archiveCard strong,.archiveCard span{display:block}.archiveCard strong{font-size:15px;line-height:1.35}.archiveCard span{color:#71675e;margin-top:3px;font-size:13px;line-height:1.35}.archiveCard.selected{background:#f2e9df;border-color:#6f5542;box-shadow:inset 0 0 0 1px #6f5542}.archiveEmpty,.archiveStatus{color:#71675e;margin:4px 2px;font-size:13px;line-height:1.5}.archiveStatus{color:#41633f;margin-top:10px}.archiveStatus.error{color:#8d281e}.field{min-width:0;margin-bottom:15px;display:block}.field>span{margin-bottom:7px;font-weight:700;display:block}.field b{color:#8d281e}.field small{color:#766d64;margin-left:5px;font-weight:400}input,textarea,select{color:#17130f;appearance:auto;background:#fff;border:1px solid #cbc5bd;border-radius:9px;width:100%;min-height:44px;padding:11px 12px;display:block}.backupFileInput{opacity:0!important;pointer-events:none!important;border:0!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;position:fixed!important;top:0!important;left:-10000px!important}input:focus,textarea:focus,select:focus{outline-offset:1px;border-color:#6f5542;outline:3px solid #6f554226}textarea{resize:vertical;min-height:82px}.detailRow{gap:7px;margin-bottom:7px;display:flex}.detailRow input{flex:1;min-width:0}.icon{background:#faf8f4;border:1px solid #d8d0c8;border-radius:9px;flex:0 0 44px;min-height:44px;font-size:24px}.add{background:#faf8f4;border:1px dashed #bdb3a9;border-radius:9px;width:100%;min-height:44px;padding:10px}.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.previewHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.previewHead strong,.previewHead small{display:block}.previewHead small{color:#7a7169;margin-top:3px}.primary{color:#fff;white-space:nowrap;background:#24170f;border:0;border-radius:10px;min-height:44px;padding:12px 16px;font-weight:800}.primary:disabled{color:#f4f1ee;background:#988d85}.canvasWrap{-webkit-overflow-scrolling:touch;background:#eee9e2;border-radius:12px;justify-content:center;padding:15px;display:flex;overflow:auto}.canvasWrap canvas{aspect-ratio:24/70;background:#fff;width:min(240px,100%);height:auto;display:block;box-shadow:0 3px 16px #0002}.note{color:#6d655e;margin:12px 2px 0;font-size:13px;line-height:1.6}@media (width<=370px){main{padding-left:10px;padding-right:10px}.panel{padding:14px}.previewHead{flex-direction:column;align-items:flex-start}.primary{width:100%}}@media (width>=900px){main{grid-template-columns:1fr 1fr;gap:16px;max-width:980px;display:grid}header{grid-column:1/-1}.panel{margin:0}}