/* A functional editing surface shared by the two sticker tools. */
.sw-dialog .sw-footer p{color:#274d35}.sw-dialog .sw-stage canvas{flex-shrink:0}
.sw-dialog.sw-static .sw-body{grid-template-columns:270px minmax(0,1fr)}
.sw-dialog details{margin:0}.sw-dialog summary{padding:4px;border:0;border-radius:0;box-shadow:none}
@media(min-width:1100px){body{grid-template-columns:280px minmax(0,1fr) 270px!important}.sw-top{display:flex;grid-column:auto;grid-row:auto;align-items:center}.sw-footer{grid-column:auto;grid-row:auto}}
.sw-launch{width:100%;margin:12px 0;padding:16px!important;background:#067936!important;color:white!important;font-weight:800!important}
.sw-dialog{position:fixed;inset:12px;width:calc(100% - 24px);height:calc(100dvh - 24px);max-width:none;max-height:none;margin:0;padding:0;border:2px solid #067936;border-radius:14px;background:#fff;color:#17271e;font:14px 'Noto Sans JP',sans-serif;box-shadow:0 16px 60px #002d2950;z-index:2000}
.sw-dialog::backdrop{background:#073421b8}.sw-dialog *{box-sizing:border-box}.sw-dialog [hidden]{display:none!important}
.sw-shell{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.sw-top{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#06c755;flex-wrap:wrap}.sw-top strong{font-size:18px;margin-right:auto;color:#072c16}.sw-dialog button,.sw-dialog select,.sw-dialog input,.sw-dialog textarea{font:inherit;color:#17271e;background:#fff;border:1px solid #889b90;border-radius:7px;min-height:40px;padding:7px 10px;max-width:100%}.sw-dialog button{cursor:pointer;font-weight:700}.sw-dialog button:disabled{opacity:.45;cursor:not-allowed}.sw-dialog button:focus-visible,.sw-dialog input:focus-visible,.sw-dialog select:focus-visible{outline:3px solid #087c39;outline-offset:2px}.sw-dialog button[aria-pressed=true],.sw-dialog button.selected{background:#067936;color:#fff;border-color:#067936}.sw-dialog .sw-primary{background:#067936;color:white}.sw-strip{display:flex;gap:8px;overflow:auto;padding:8px 16px;border-bottom:1px solid #becdc3;min-height:76px}.sw-strip button{flex:0 0 76px;padding:2px;font-size:11px}.sw-strip canvas{width:62px;height:46px;object-fit:contain;display:block;margin:auto}
.sw-body{display:grid;grid-template-columns:270px minmax(0,1fr) 172px;min-height:0}.sw-panel{padding:14px;overflow:auto;border-right:1px solid #becdc3}.sw-panel h3{margin:14px 0 10px;font-size:15px}.sw-panel label{display:block;font-size:12px;font-weight:700;margin:12px 0 5px}.sw-panel input:not([type=checkbox]),.sw-panel select,.sw-panel textarea{width:100%}.sw-panel input[type=range]{padding:0;accent-color:#067936}.sw-panel input[type=color]{padding:2px}.sw-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sw-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.sw-panel details{border-bottom:1px solid #c8d1ca;padding:10px 0}.sw-panel summary{cursor:pointer;font-weight:800}.sw-panel p{font-size:12px;line-height:1.7;color:#415a4a}.sw-center{display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:12px;min-width:0;min-height:0;background:#edf1ee}.sw-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-bottom:8px}.sw-toolbar label{display:flex;align-items:center;gap:5px}.sw-toolbar select{max-width:125px}.sw-stage{overflow:auto;display:grid;place-items:center;min-height:200px;background-color:#fff;background-image:conic-gradient(#d3d9d5 25%,transparent 0 50%,#d3d9d5 0 75%,transparent 0);background-size:24px 24px;border:1px solid #9faea5;border-radius:8px}.sw-stage canvas{display:block;width:min(100%,640px);height:auto;max-width:none;touch-action:none;cursor:move;box-shadow:0 0 0 1px #52625655}.sw-playback{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding-top:10px}.sw-playback input{flex:1;min-width:80px;accent-color:#067936}.sw-frames{overflow:auto;padding:10px;border-left:1px solid #becdc3}.sw-frames h3{font-size:13px;margin:0 0 8px}.sw-frame{border:1px solid #a8b8ae;border-radius:6px;margin:7px 0;padding:4px;background:#fff}.sw-frame.active{border:3px solid #067936}.sw-frame>button{display:block;width:100%;padding:0;border:0}.sw-frame canvas{width:100%;height:76px;object-fit:contain}.sw-frame .sw-row{justify-content:center}.sw-frame .sw-row button{font-size:11px;min-height:30px;padding:2px 7px}.sw-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;border-top:1px solid #becdc3;background:white}.sw-footer p{margin:0;font-size:12px}.sw-dialog .sw-danger{color:#9d2525}.sw-dialog textarea{resize:vertical}.sw-layer-list{display:grid;gap:4px}.sw-layer-list button{text-align:left;overflow:hidden;text-overflow:ellipsis}.sw-tip{color:#734d00!important;background:#fff0bf;padding:8px;border-radius:6px}.sw-status{font-size:12px;color:#274d35;min-height:18px}
@media(max-width:900px){.sw-body{grid-template-columns:220px minmax(0,1fr)}.sw-frames{grid-column:1/-1;display:flex;gap:6px;max-height:150px;border-top:1px solid #becdc3}.sw-frame{min-width:120px;margin:0}.sw-frames h3{min-width:72px}.sw-shell{grid-template-rows:auto auto minmax(0,1fr) auto}.sw-body{grid-template-rows:minmax(0,1fr) auto}.sw-top strong{font-size:15px}}
@media(max-width:600px){.sw-dialog{inset:0;width:100%;height:100dvh;border-radius:0}.sw-body{display:flex;flex-direction:column;overflow:auto}.sw-center{order:0;flex-shrink:0;height:440px;padding:8px}.sw-panel{order:2;overflow:visible;border:0}.sw-frames{order:1;flex-shrink:0}.sw-top{padding:8px;gap:5px}.sw-top button{font-size:12px;min-height:36px;padding:5px}.sw-top strong{width:100%}.sw-strip{min-height:68px;padding:4px 8px}.sw-footer{padding:8px;flex-wrap:wrap}.sw-footer p{flex:1}.sw-panel details{padding:12px 0}}