.editor-page .draft-save-bar{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.editor-page .draft-save-bar>label{flex:350px;min-width:200px}.draft-backup-actions{border-left:1px solid #dce5df;flex-wrap:wrap;gap:8px;padding-left:12px;display:flex}.editor-page .draft-backup-actions button{color:#3c6b5b;min-height:42px;font:inherit;cursor:pointer;background:#f1f6f2;border:1px solid #c9ddd1;border-radius:12px;padding:10px 14px;font-size:13px}.editor-page .draft-save-bar .draft-status{flex-basis:100%;margin:0}.image-import-entry>button{color:#327b68;width:100%;min-height:54px;font:inherit;cursor:pointer;background:#fff;border:1px solid #bcd6c9;border-radius:16px;font-weight:700;box-shadow:0 5px 16px #33452b08}.import-dialog{color:#202c49;background:#fffefa;border:1px solid #dfe6df;border-radius:26px;width:min(580px,100vw - 28px);max-width:none;max-height:calc(100dvh - 28px);margin:auto;padding:26px;font-family:Mojitsuku Round,sans-serif;overflow:auto;box-shadow:0 24px 70px #26344640}.import-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#26344966}.import-dialog header{justify-content:space-between;align-items:center;gap:20px;display:flex}.import-dialog h2{margin:6px 0 20px;font-size:25px}.import-dialog button{font:inherit;cursor:pointer}.import-dialog small{color:#648170;line-height:1.7}.import-close{background:#edf4ee;border:0;border-radius:50%;flex-shrink:0;width:42px;height:42px;font-size:24px!important}.import-dialog fieldset{border:0;margin:16px 0;padding:0}.import-dialog legend{margin-bottom:10px;font-size:16px}.import-choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.import-choices button{color:#2e4d44;background:#fff;border:1px solid #dbe4dc;border-radius:16px;padding:18px 10px}.import-choices button[aria-pressed=true]{background:#eaf4ed;border-color:#4b927a;box-shadow:inset 0 0 0 1px #4b927a}.import-choices span{color:#6e8175;margin-top:8px;font-size:12px;display:block}.import-hint,.import-help p{font-size:13px;line-height:1.8}.import-hint{background:#f7f3e6;border-radius:12px;padding:12px}.import-help-toggle{color:#3f7b65;text-underline-offset:4px;background:0 0;border:0;padding:10px 0;text-decoration:underline}.import-help{background:#f0f6f2;border-radius:16px;padding:16px}.import-examples{justify-content:center;align-items:center;gap:20px;margin:16px 0;display:flex}.import-examples figure{text-align:center;margin:0}.import-example{background:conic-gradient(#e4eae4 25%,#fff 0 50%,#e4eae4 0 75%,#fff 0) 0 0/16px 16px;border:1px solid #ccd8ce;border-radius:12px;width:130px;height:130px;position:relative}.import-example span{color:#34846d;line-height:1;position:absolute}.import-example.original span{font-size:40px;bottom:12px;left:16px}.import-example.fitted span{font-size:100px;inset:15px}.import-examples figcaption{margin-top:8px;font-size:13px}.import-help>small{font-size:12px;display:block}.import-confirm{color:#223550;background:#ffdc73;border:0;border-radius:24px;width:100%;min-height:50px;margin-top:22px;font-weight:700!important}.import-format{text-align:center;margin-top:10px;font-size:12px;display:block}.import-dialog :focus-visible{outline-offset:3px;outline:3px solid #e6bb43}@media (width<=600px){.draft-backup-actions{border-left:0;padding-left:0}.import-dialog{padding:20px}.import-example{width:105px;height:105px}.import-example.fitted span{font-size:80px;inset:12px}.import-examples{gap:12px}.import-choices button{padding:14px 8px}}.editor-page .finish-panel .sidebar-save{background:#fff;border:1px solid #e0e3e8;border-radius:18px;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;min-width:0;margin:0;padding:20px;display:grid;box-shadow:0 5px 16px #33452b08}.editor-page .finish-panel .sidebar-save>label{gap:8px;width:100%;min-width:0;display:grid}.sidebar-save input{width:100%;min-width:0}.editor-page .sidebar-save>button{white-space:normal;width:100%;min-height:42px}.sidebar-save .draft-backup-actions{border-top:1px solid #e2e9e3;border-left:0;grid-template-columns:1fr;gap:8px;margin-top:2px;padding:12px 0 0;display:grid}.sidebar-save>a{text-align:center;padding:6px 0;font-size:13px}.sidebar-save .draft-status{font-size:12px;line-height:1.7}.editor-page .site-header .header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.editor-page .site-header .png-open{min-height:42px;padding:10px 14px;font-size:13px}.editor-page .site-header .site-header-actions{flex-wrap:wrap}@media (width<=600px){.editor-page .site-header .header-actions{width:100%}.editor-page .site-header .header-actions>button{flex:auto}}.canvas-zoom-tools{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0;display:flex}.canvas-zoom-tools button,.recolor-current{color:#356f59;font:inherit;cursor:pointer;background:#f5faf6;border:1px solid #cdded4;border-radius:10px;padding:8px 10px;font-size:12px}.canvas-zoom-tools button:disabled{opacity:.4}.canvas-zoom-tools button[aria-pressed=true]{color:#fff;background:#368e77}.canvas-zoom-tools label{align-items:center;gap:6px;font-size:12px;display:flex}.canvas-zoom-tools input{accent-color:#368e77;width:70px}.editor-page .canvas-viewport{aspect-ratio:1;touch-action:none;background:#edf1ec;border:1px solid #e3e6e1;border-radius:14px;width:100%;overflow:auto}.editor-page .canvas-viewport .paper-wrap{aspect-ratio:1;border:0;border-radius:0;width:100%!important;max-width:none!important;margin:0!important}.editor-page .canvas-viewport canvas{width:100%;height:auto;display:block}.canvas-viewport.is-hand canvas{cursor:grab}.zoom-hint{color:#748677;margin:6px 0 12px;font-size:11px;display:block}.editor-page .canvas-panel .intro{width:100%;margin:0 0 16px;padding:0}.editor-page .canvas-panel .intro h1{white-space:normal;font-size:clamp(24px,2.7vw,42px)}.editor-page .editor{align-items:start}.png-color-options{gap:12px;display:grid}.png-color-options>label,.png-color-options details>label{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.png-color-options input[type=color]{background:#fff;border:1px solid #d4dfd5;border-radius:8px;width:44px;height:34px}.png-color-options input[type=checkbox]{accent-color:#368e77;width:18px;height:18px}.png-color-options select{font:inherit;background:#fff;border:1px solid #d4dfd5;border-radius:9px;padding:6px}.png-color-options details{background:#edf5ef;border-radius:12px;padding:12px;font-size:13px}.png-color-options summary{cursor:pointer}.png-letter-picks{flex-wrap:wrap;gap:5px;max-height:130px;margin:10px 0;display:flex;overflow:auto}.png-letter-picks button{background:#fff;border:1px solid #c9d9ce;border-radius:7px;min-width:30px;min-height:34px}.png-letter-picks button[aria-pressed=true]{color:#fff;background:#358f77}.png-color-options details>button{font:inherit;color:#34765d;cursor:pointer;background:0 0;border:0;padding:8px 0}.png-result{align-self:start;position:sticky;top:0}@media (width<=700px){.png-result{position:static}}.color-picker{align-items:center;gap:5px;display:inline-flex}.color-picker input[type=text]{border:1px solid #cddbd0!important;border-radius:7px!important;width:85px!important;min-width:0!important;height:34px!important;padding:5px!important;font:12px monospace!important}.editor-page .pen-color-control .color-picker input[type=color]{width:34px;height:34px}.editor-page .canvas-viewport{max-width:min(100%,340px);margin:0 auto}.editor-page .canvas-zoom-tools{gap:4px;margin:4px 0}.editor-page .canvas-panel .intro,.editor-page .canvas-panel .canvas-status{margin-bottom:8px}.editor-page .canvas-panel .zoom-hint{margin:4px 0;font-size:10px}.editor-page .canvas-panel .nav-buttons,.editor-page .canvas-panel .tools{margin:8px 0}.png-position-preview{flex-shrink:0;width:100%;position:relative;overflow:visible}.png-checker .png-position-preview img{pointer-events:none;width:100%;height:auto;max-height:none}.png-position-preview button{cursor:move;touch-action:none;background:0 0;border:1px solid #0000;padding:0;position:absolute}.png-position-preview button:hover,.png-position-preview button.selected{border:1px dashed #438b75}.png-position-preview button:focus-visible{outline:2px solid #e7b839}.png-color-options input[type=number]{width:90px;font:inherit;border:1px solid #cbdccd;border-radius:8px;padding:6px}.png-preview-heading h3{font-size:14px}@media (width>=1001px) and (height<=800px){.editor-page .canvas-viewport{max-width:min(100%,270px)}.editor-page .canvas-panel .intro h1{font-size:30px}.editor-page .canvas-panel .tools{gap:4px}.editor-page .canvas-panel .pen-kinds button{padding:6px 8px}}@media (width>=1001px){.editor-page .canvas-panel .tools{flex-direction:column;gap:4px;display:flex}.editor-page .canvas-panel .pen-tools{flex-wrap:wrap;align-items:center;gap:5px 8px;display:flex}.editor-page .canvas-panel .pen-kinds{flex-wrap:nowrap;gap:4px;width:100%;display:flex}.editor-page .canvas-panel .pen-kinds button{padding:5px 7px;font-size:11px}.editor-page .canvas-panel .brush-control b{max-width:15px;max-height:15px}.editor-page .canvas-panel .recolor-current{padding:5px 7px;font-size:11px}.editor-page .canvas-panel .tool-buttons{justify-content:flex-end;gap:5px;width:100%;display:flex}.editor-page .canvas-panel .tool-buttons button{min-height:30px;padding:5px 8px}.editor-page .canvas-viewport{max-width:clamp(210px,100dvh - 510px,340px)}}.canvas-view-group{flex-direction:column;display:flex}.canvas-view-group .canvas-viewport{order:0}.canvas-view-group .canvas-zoom-tools{order:1;justify-content:center;margin:8px 0 4px}.canvas-view-group .zoom-hint{text-align:center;order:2}.editor-page .canvas-viewport{max-width:min(100%,380px)}.editor-heading-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.editor-heading-row h1{margin:0}.completed-badge{color:#467c65;background:#edf6ee;border:1px dashed #bdd6c2;border-radius:18px;flex-shrink:0;padding:8px 12px;font-size:12px;display:inline-block}.editor-page .glyph-list button.done{background:#e0f1e3!important;border-color:#bbd9c2!important}.editor-page .glyph-list button.active{box-shadow:0 0 0 2px #ffe6a044;color:#66531f!important;background:#fff0b8!important;border:2px solid #e8bd4d!important}.editor-page .canvas-status:has(button:only-child){margin:0}@media (width>=1001px){.editor-page .canvas-viewport{max-width:min(100%,clamp(282px,100dvh - 438px,412px))}.editor-page .canvas-panel .tools{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px;margin:4px 0 6px;padding:0;display:grid}.editor-page .canvas-panel .pen-tools{flex-direction:row;gap:5px 8px}.editor-page .canvas-panel .pen-kinds{width:100%}.editor-page .canvas-panel .tool-buttons{flex-wrap:wrap;gap:4px;width:auto;max-width:180px}.editor-page .canvas-panel .nav-buttons{margin:4px 0}.editor-page .canvas-panel .nav-buttons button{min-height:36px;padding:8px 14px}.editor-page .canvas-panel .near-canvas{margin-top:6px!important}}.editor-page .brush-control .brush-number{color:#294a40;width:58px;min-width:58px;height:34px;font:inherit;background:#fff;border:1px solid #cdded4;border-radius:8px;padding:4px 6px;font-size:13px}.brush-sample{background:conic-gradient(#ecf1ed 25%,#fff 0 50%,#ecf1ed 0 75%,#fff 0) 0 0/10px 10px;border:1px solid #dbe5dd;border-radius:9px;flex-shrink:0;width:42px;height:42px;display:block}.editor-page .canvas-view-group .canvas-zoom-tools{order:-1;justify-content:flex-start;margin:4px 0 8px}.editor-page .canvas-panel>.tool-buttons{justify-content:flex-end;gap:6px;width:100%;margin:4px 0 8px;display:flex}.editor-page .canvas-panel{flex-direction:column;display:flex}.editor-page .canvas-panel>.tools{order:1}.editor-page .canvas-panel>.nav-buttons{order:2;width:100%;margin:2px 0 8px}.editor-page .canvas-panel>.near-canvas{order:3}@media (width>=1001px){.editor-page .canvas-panel>.tools{width:100%;display:block}.editor-page .canvas-panel .pen-tools{flex-direction:row}.editor-page .canvas-panel>.nav-buttons{margin-top:0}.editor-page .canvas-panel>.tool-buttons button{min-height:32px;padding:6px 10px}}.editor-page .canvas-panel>.tool-buttons{align-self:stretch;flex-wrap:nowrap!important;justify-content:flex-end!important;width:100%!important;max-width:none!important}.editor-page .canvas-panel>.tool-buttons button{flex:none}.editor-page .canvas-panel .pen-kinds .eraser-tool{color:#995366!important;background:#fce8ed!important;border-color:#e6b5c2!important}.editor-page .canvas-panel .pen-kinds .eraser-tool.active{color:#fff!important;background:#b96883!important}@media (width>=1001px){.editor-page .canvas-panel{grid-template-columns:minmax(0,1fr) auto;align-content:start;display:grid}.editor-page .canvas-panel>.intro,.editor-page .canvas-panel>.canvas-status,.editor-page .canvas-panel>.canvas-view-group,.editor-page .canvas-panel>.tool-buttons,.editor-page .canvas-panel>.near-canvas{grid-column:1/-1}.editor-page .canvas-panel>.tools{grid-area:5/1/auto/-1;padding-right:0}.editor-page .canvas-panel .pen-kinds{flex-wrap:wrap;min-height:38px;padding-right:250px}.editor-page .canvas-panel>.nav-buttons{width:auto;box-shadow:none;background:0 0;border:0;grid-area:5/2;align-self:start;margin:0;padding:0;position:static}.editor-page .canvas-panel>.nav-buttons .back{padding:6px;font-size:10px}.editor-page .canvas-panel>.nav-buttons .next{min-width:150px}.editor-page .canvas-panel>.near-canvas{grid-row:6}}.editor-page .canvas-panel>.tool-buttons{justify-content:center!important;margin:6px auto 8px!important}.editor-page .canvas-view-group .zoom-hint{text-align:right;order:-1;margin:0 0 6px}.editor-page .canvas-view-group .canvas-zoom-tools{order:-2}.editor-page .canvas-panel>.tool-buttons{justify-self:center;justify-content:flex-end!important;width:min(100%,412px)!important}.editor-page .canvas-view-group{grid-template-columns:1fr auto;align-items:center;display:grid}.editor-page .canvas-view-group .canvas-zoom-tools{grid-area:1/1}.editor-page .canvas-view-group .zoom-hint{grid-area:1/2;margin:0 0 4px 8px}.editor-page .canvas-view-group .canvas-viewport{grid-area:2/1/auto/-1}@media (width<=1300px){.editor-page .canvas-view-group .zoom-hint{max-width:170px;font-size:9px}}@media (width<=650px){.editor-page .canvas-view-group{display:flex}.editor-page .canvas-view-group .zoom-hint{max-width:none}}.overwrite-publish{background:#edf5ef;border-radius:14px;gap:12px;margin-bottom:16px;padding:14px;display:grid}.overwrite-publish>button{font:inherit;color:#316950;background:#fff;border:1px solid #aacbb9;border-radius:12px;padding:12px}.overwrite-publish small{line-height:1.7}.png-dialog{color:#202c49;background:#fffefa;border:1px solid #e6e8df;border-radius:26px;width:min(980px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;font-family:Mojitsuku Round,Yu Gothic,sans-serif;overflow:auto;box-shadow:0 24px 80px #26344640}.png-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#26344966}.png-dialog-inner{padding:28px}.png-dialog header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.png-dialog header p{color:#709384;margin:0 0 4px;font-size:14px}.png-dialog h2{margin:0;font-size:28px}.png-dialog button,.png-dialog textarea{font:inherit}.png-close{cursor:pointer;background:#eef4ef;border:0;border-radius:50%;flex-shrink:0;width:44px;height:44px;font-size:26px!important}.png-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;display:grid}.png-options,.png-result{min-width:0}.png-text-label{gap:10px;font-size:17px;display:grid}.png-options textarea{resize:vertical;background:#fff;border:1px solid #dce5de;border-radius:14px;width:100%;min-height:140px;padding:14px;font-size:16px;line-height:1.8}.png-dialog small{color:#76877d;margin-top:6px;font-size:13px;line-height:1.7;display:block}.png-options fieldset{border:0;margin:24px 0 0;padding:0}.png-options legend{margin-bottom:14px;font-size:16px}.png-range{margin:0 0 18px;display:block}.png-range>span{justify-content:space-between;font-size:14px;display:flex}.png-range output{color:#6d8d7e;font-variant-numeric:tabular-nums}.png-range input{accent-color:#428f79;cursor:pointer;width:100%;height:30px}.png-align{gap:6px;display:flex}.png-align button{color:#345f53;cursor:pointer;background:#fff;border:1px solid #dde7df;border-radius:12px;flex:1;min-height:44px;font-size:14px}.png-align button[aria-pressed=true]{background:#e5f1e9;border-color:#6d9c88}.png-preview-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.png-preview-heading h3{margin:0;font-size:17px}.png-preview-heading span{color:#548471;background:#edf4ee;border-radius:20px;padding:6px 10px;font-size:12px}.png-checker{background-color:#fff;background-image:conic-gradient(#eef0ed 25%,transparent 0 50%,#eef0ed 0 75%,transparent 0);background-size:20px 20px;border:1px solid #e0e5e0;border-radius:18px;justify-content:center;align-items:center;min-height:260px;padding:20px;display:flex;overflow:auto}.png-checker img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:380px;display:block}.png-checker p{color:#65766b;text-align:center;background:#ffffffe6;border-radius:10px;padding:12px;font-size:14px}.png-output-info{color:#557567;margin:12px 0 0;font-size:14px}.png-warning{color:#8a5042;overflow-wrap:anywhere;background:#fff0e5;border:1px solid #efd8c8;border-radius:12px;padding:12px 14px;font-size:14px}.png-warning b,.png-warning span{line-height:1.7;display:block}.png-save{color:#223550;cursor:pointer;background:#ffdb73;border:0;border-radius:24px;width:100%;min-height:52px;margin-top:20px;font-size:17px!important;font-weight:700!important}.png-save:disabled{opacity:.5;cursor:not-allowed}.png-dialog :focus-visible{outline-offset:3px;outline:3px solid #e9be43}.editor-page .png-open{color:#315f50;cursor:pointer;white-space:nowrap;background:#edf6ef;border:1px solid #83ac99;border-radius:16px;min-height:44px;padding:10px 16px;font-size:15px}.editor-page .png-open:disabled{opacity:.5;cursor:not-allowed}@media (width<=700px){.png-dialog{border-radius:20px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.png-dialog-inner{padding:20px}.png-layout{grid-template-columns:1fr;gap:24px}.png-dialog h2{font-size:25px}.png-checker{min-height:180px;padding:12px}.png-checker img{max-height:260px}.png-dialog header{margin-bottom:18px}}