:root{font-family:Segoe UI,system-ui,sans-serif;color:#17211e;background:#edf8fc;touch-action:manipulation}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;font-weight:700;border:1px solid #0002;border-radius:16px;background:#fff;color:#17211e;cursor:pointer;touch-action:manipulation}button:active{transform:scale(.97)}#app{height:100dvh;padding:7px;display:flex;flex-direction:column;gap:7px}.top{height:64px;display:grid;grid-template-columns:1fr 88px 96px;gap:7px}#sentence{background:#fff;border:1px solid #82a8b8;border-radius:18px;padding:10px 16px;font-size:clamp(18px,2.2vw,27px);overflow:auto}.top button,aside button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:18px}.top button span,aside button span{font-size:12px}.primary,.menu-toggle{background:#176f59;color:#fff}.danger{background:#d65a68;color:#fff}.install{background:#f4ae2b}.edit-bar{height:44px;display:grid;grid-template-columns:1fr minmax(150px,230px) minmax(160px,250px);gap:7px;align-items:center;padding:4px 8px;border-radius:14px;background:#fff3d6}.edit-bar button{height:36px}.edit-bar .save{background:#35a267;color:#fff}.workspace{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 38px 145px;gap:5px}.workspace.menu-closed{grid-template-columns:minmax(0,1fr) 38px}.board{min-width:0;min-height:0;display:flex;flex-direction:column;gap:5px}.sheet-title{height:28px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#dfeee9;font-weight:750;font-size:14px}.tile-grid{min-height:0;flex:1;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);gap:6px}.tile,.empty{min-width:0;min-height:0;border:1px solid #9db1b9;border-radius:14px;overflow:hidden}.empty{background:transparent}.editing .empty{background:#ffffff55;border-style:dashed}.tile{padding:3px;background:#ffe082;display:flex;flex-direction:column}.editing .tile{outline:2px solid transparent}.editing .tile:hover{outline-color:#176f59}.tile .label{height:30%;min-height:24px;display:flex;align-items:center;justify-content:center;font-size:clamp(13px,1.7vw,22px);font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1px 4px}.tile img{width:100%;height:70%;object-fit:cover;border-radius:9px}.tile .symbol{height:70%;display:flex;align-items:center;justify-content:center;font-size:clamp(25px,5vh,54px)}.menu-toggle{padding:0;border-radius:13px;font-size:24px}aside{display:grid;grid-auto-rows:minmax(46px,1fr);gap:6px;overflow:auto}.sync-status{border-radius:14px;background:#23855f;color:#fff;padding:7px 4px;text-align:center;font-size:11px;font-weight:700}.hidden{display:none!important}dialog{border:0;border-radius:20px;box-shadow:0 12px 50px #0005;max-width:480px;width:calc(100% - 30px)}dialog::backdrop{background:#0008}label{display:block;font-weight:600;margin:12px 0}input,select{display:block;width:100%;font:inherit;padding:12px;border:1px solid #82958e;border-radius:10px;margin-top:5px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.dialog-actions button{padding:11px 16px}.sheet-list{display:grid;gap:7px;max-height:60vh;overflow:auto}.sheet-list button{padding:13px;text-align:left}.sheet-manage-row{display:grid;grid-template-columns:1fr auto;gap:6px}.sheet-manage-row .delete{background:#9c3030;color:#fff}.error{color:#a22525}#notice{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);background:#17211e;color:#fff;padding:10px 18px;border-radius:20px;opacity:0;pointer-events:none;transition:.2s}#notice.show{opacity:1}@media(max-height:420px){#app{padding:4px;gap:4px}.top{height:54px;grid-template-columns:1fr 72px 78px;gap:4px}.edit-bar{height:38px;grid-template-columns:1fr 145px 160px;font-size:12px}.edit-bar button{height:31px;font-size:11px}.workspace{grid-template-columns:minmax(0,1fr) 32px 116px;gap:3px}.workspace.menu-closed{grid-template-columns:minmax(0,1fr) 32px}.sheet-title{height:22px;font-size:11px}.tile-grid,aside{gap:4px}.tile,.empty{border-radius:10px}.tile .label{font-size:12px;min-height:18px}.top button span,aside button span{font-size:10px}}

.tile-grid{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:5px}
.tile .label{min-height:17px;font-size:clamp(9px,1.15vw,16px)}
.tile .symbol{font-size:clamp(18px,4vh,42px)}
@media(max-height:520px){.tile-grid{gap:3px}.tile,.empty{border-radius:9px}.tile .label{font-size:clamp(8px,1vw,12px);min-height:14px}.tile .symbol{font-size:clamp(16px,3.5vh,30px)}}
.editing .tile,.editing .empty{touch-action:none}
.touch-dragging{opacity:.65;transform:scale(.94);outline:3px solid #176f59!important}
.drop-target{outline:4px solid #f4ae2b!important;background:#fff1b8!important}
label small{display:block;margin-top:5px;color:#53645e;font-weight:500}
.tile-media{margin:12px 0}.tile-image-preview{height:150px;margin:7px 0;border:1px dashed #82958e;border-radius:12px;background:#f3f8f6;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#64736e}.tile-image-preview img{width:100%;height:100%;object-fit:contain}.media-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.media-actions button,.media-button{min-height:44px;margin:0;padding:9px;border:1px solid #0002;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;cursor:pointer}.symbol-dialog{width:min(820px,94vw);max-width:820px;max-height:90vh}.symbol-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;max-height:60vh;overflow:auto}.symbol-results button{min-height:130px;padding:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.symbol-results img{width:100%;height:95px;object-fit:contain}.symbol-results span{font-size:12px}.tile{border-width:2px}.color-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-fields label{margin-bottom:0}.color-fields input[type=color]{height:48px;padding:4px}
.grid-size-label{padding:14px;margin:12px 0;border-radius:12px;background:#dfeee9;text-align:center;font-size:22px;font-weight:800}.grid-size-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid-size-actions button{min-height:48px}.grid-size-actions button:disabled{opacity:.45}
.conflict-dialog{width:min(560px,94vw);max-width:560px}.conflict-info{padding:12px;border-radius:12px;background:#fff3d6;line-height:1.7}.conflict-actions{display:grid;gap:8px}.conflict-actions button{min-height:48px}.conflict-actions #keepDevice{background:#176f59;color:#fff}.conflict-actions #useServer{background:#236e9a;color:#fff}
.image-editor-dialog{width:min(760px,96vw);max-width:760px;max-height:96vh;overflow:auto}.image-editor-dialog canvas{display:block;width:100%;max-height:48vh;aspect-ratio:4/3;object-fit:contain;background:#fff;border:1px solid #82958e;border-radius:12px;touch-action:none}.image-help{text-align:center;color:#53645e}.image-mode,.image-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:9px 0}.image-mode button,.image-tools button{min-height:44px}.image-mode .selected{background:#176f59;color:#fff}.image-library-dialog{width:min(760px,94vw);max-width:760px;max-height:90vh}.image-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;max-height:65vh;overflow:auto}.image-library button{height:120px;padding:4px}.image-library img{width:100%;height:100%;object-fit:contain}
#editorDialog{max-height:96vh;overflow:auto}.tile-image-preview{cursor:pointer}.image-edit-main{width:100%;min-height:46px;margin:0 0 8px;background:#176f59;color:#fff;border-radius:12px}
.trash-dialog{width:min(680px,94vw);max-width:680px;max-height:92vh;overflow:auto}.trash-list{display:grid;gap:8px;max-height:55vh;overflow:auto}.trash-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid #b7c9c3;border-radius:12px;background:#f6faf8}.trash-item small{display:block;margin-top:4px;color:#53645e}.trash-item>div:last-child{display:flex;gap:6px}.trash-item button{padding:9px}.trash-empty{text-align:center;padding:24px;color:#64736e}.trash-auto{display:flex;align-items:center;gap:8px}.trash-auto input{width:auto;margin:0}
.apply-sheet-colors{display:flex;align-items:center;gap:9px;padding:11px;border-radius:12px;background:#edf6f2}.apply-sheet-colors input{width:auto;margin:0;transform:scale(1.2)}
.duplicate-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.duplicate-actions button,#duplicateSheet{min-height:44px;padding:9px;background:#e7f2ee}#duplicateSheet{width:100%;margin-top:14px}
.tile-wizard{width:min(720px,95vw);max-width:720px;max-height:94vh;overflow:auto}.tile-methods{grid-template-columns:repeat(3,1fr)}.wizard-image-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wizard-image-actions button,.wizard-image-actions label{min-height:48px}.tile-wizard-preview{width:min(250px,70vw);height:210px;margin:14px auto;border:3px solid;border-radius:18px;padding:7px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}.tile-wizard-preview>b{min-height:38px;font-size:22px}.tile-wizard-preview img{width:100%;height:calc(100% - 38px);object-fit:contain;border-radius:10px}.tile-wizard-preview .symbol{flex:1;display:grid;place-items:center;font-size:70px}.tile-wizard-details{display:flex;justify-content:center;gap:24px;padding:10px;border-radius:12px;background:#edf6f2}@media(max-width:600px){.tile-methods{grid-template-columns:1fr}.wizard-image-actions{grid-template-columns:1fr 1fr}.tile-wizard-details{flex-direction:column;gap:5px}}
.check-dialog{width:min(760px,95vw);max-width:760px;max-height:92vh;overflow:auto}.check-summary{padding:14px;border-radius:13px;font-weight:800;text-align:center;margin:10px 0}.check-summary.warning{background:#fff1cc;color:#754d00}.check-summary.success{background:#dff4e8;color:#116344}.check-list{display:grid;gap:7px;max-height:58vh;overflow:auto}.check-item{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:9px;border:1px solid #c6d4cc;border-radius:11px;background:#fafcfb}.check-item small{display:block;margin-top:3px;color:#53645e}
.history-dialog{width:min(760px,95vw);max-width:760px;max-height:92vh;overflow:auto}.history-list,.change-list{display:grid;gap:7px;max-height:58vh;overflow:auto}.history-list button{padding:12px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:3px 10px}.history-list button small{grid-column:1/-1;color:#53645e}.history-list button span{font-weight:500;color:#53645e}.history-current{padding:18px;border-radius:13px;background:#dff4e8;text-align:center;font-weight:800}.change-item{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;padding:9px;border:1px solid #c6d4cc;border-radius:11px}.change-item>span{font-size:22px;text-align:center}.change-item small{display:block;color:#53645e}.restore-sheet{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin-top:14px;padding:12px;border-radius:13px;background:#edf6f2}.restore-sheet label{margin:0}.restore-sheet button{height:45px}@media(max-width:600px){.restore-sheet{grid-template-columns:1fr}.history-list button{grid-template-columns:1fr}}
.sheet-manage-row{grid-template-columns:minmax(0,1fr) 44px 44px auto}.sheet-manage-row .sheet-order{padding:0;text-align:center;font-size:20px}.sheet-manage-row .sheet-order:disabled{opacity:.35;cursor:default}
#sheetPicker{width:min(760px,calc(100% - 24px));max-width:760px}.sheet-manage-row{grid-template-columns:minmax(0,1fr) 46px 46px 108px;align-items:stretch}.sheet-manage-row>button:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-manage-row .sheet-order{min-width:0}
.screen-photo-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #9eb5ac;border-radius:13px;background:#edf7f3}.screen-photo-option input{width:24px;height:24px;margin:0;flex:0 0 auto}.screen-photo-option span{display:grid;gap:2px}.screen-photo-option small{font-weight:400;color:#53645e}
.photo-crop-dialog{width:min(850px,96vw);max-width:850px;max-height:94vh;overflow:auto}.crop-preview{height:min(48vh,430px);display:grid;place-items:center;overflow:hidden;background:#dfe9e6;border-radius:14px}.crop-preview img{max-width:100%;max-height:100%;transition:.15s}.crop-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.crop-controls input{padding:0}.crop-tools{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.crop-tools button{min-height:44px}.wizard-item{grid-template-columns:58px minmax(120px,1fr) repeat(4,auto)}.wizard-item button:disabled{opacity:.35}@media(max-width:700px){.wizard-item{grid-template-columns:48px 1fr auto auto}.wizard-item [data-symbol]{grid-column:2}.wizard-item [data-remove]{grid-column:3}.crop-controls{grid-template-columns:1fr}}
.tile.multi-selected{outline:5px solid #0d8065!important;box-shadow:inset 0 0 0 3px #fff}.tile.multi-selected::after{content:'✓';position:absolute;right:4px;bottom:3px;width:22px;height:22px;border-radius:50%;background:#0d8065;color:#fff;display:grid;place-items:center}.tile{position:relative}.active-select{background:#0d8065;color:#fff}.multi-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.multi-actions button{min-height:52px;padding:9px}.multi-actions button:disabled{opacity:.4}
.sheet-wizard{width:min(880px,96vw);max-width:880px;max-height:94vh;overflow:auto}.wizard-progress{display:flex;justify-content:center;gap:12px;margin:8px 0 18px}.wizard lich{}.wizard-progress span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#d9e2df;font-weight:800}.wizard-progress .done{background:#176f59;color:#fff}.wizard-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wizard-methods button{min-height:105px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:25px}.wizard-methods b{font-size:16px}.wizard-methods small{font-size:12px;font-weight:500}.wizard-add,.wizard-photo{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin:10px 0}.wizard-photo span{grid-column:1/-1}.wizard-items{display:grid;gap:7px;max-height:50vh;overflow:auto}.wizard-item{display:grid;grid-template-columns:58px 1fr auto auto;gap:7px;align-items:center;padding:6px;border:1px solid #c2d1cc;border-radius:12px}.wizard-item img,.wizard-no-image{width:58px;height:52px;object-fit:contain;border-radius:8px;background:#edf3f1;display:grid;place-items:center}.wizard-item input{margin:0}.wizard-summary{display:flex;justify-content:space-between;padding:12px;background:#edf6f2;border-radius:12px}.wizard-preview{display:grid;gap:4px;margin:10px 0;max-height:48vh;overflow:auto}.wizard-preview>div{min-height:80px;border:2px solid;border-radius:10px;padding:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.wizard-preview img{width:100%;height:52px;object-fit:contain}@media(max-width:600px){.wizard-methods{grid-template-columns:1fr 1fr}.wizard-item{grid-template-columns:48px 1fr auto}.wizard-item img,.wizard-no-image{width:48px}.wizard-item [data-symbol]{grid-column:2}.wizard-item [data-remove]{grid-column:3}.wizard-summary{flex-direction:column}}