.sticker-sheet{width:940px}.sticker-sheet .sheet-header{margin-bottom:14px}.sticker-topline{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sticker-topline strong{margin-inline-end:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticker-layout{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:22px}.sticker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-content:start}.sticker-card{position:relative;min-width:0;border:1px solid #dfe7df;border-radius:12px;overflow:hidden;background:#f8faf7;padding:6px 5px 8px;text-align:center}.sticker-card[aria-pressed=true]{border-color:#657f65;box-shadow:0 0 0 1px #657f65;background:#edf4e9}.sticker-card canvas{display:block;width:100%;height:auto;background-color:#fff;background-image:linear-gradient(45deg,#e8ede8 25%,transparent 25%,transparent 75%,#e8ede8 75%),linear-gradient(45deg,#e8ede8 25%,transparent 25%,transparent 75%,#e8ede8 75%);background-size:12px 12px;background-position:0 0,6px 6px;border-radius:7px}.sticker-grid[data-tone=dark] canvas{background-color:#25302c;background-image:none}.sticker-card span{display:block;font-size:12px;padding-top:6px}.sticker-card small{position:absolute;top:9px;right:8px;font-size:9px;line-height:1.5;border-radius:5px;padding:1px 5px;background:#fff9e9;color:#8b733d}.sticker-settings{border:0;padding:0;margin:0;min-width:0}.sticker-field{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px;font-size:12px}.sticker-field select{max-width:155px;min-height:36px;border:1px solid var(--line);border-radius:8px;padding:5px;background:#fff;color:var(--ink)}.sticker-check{display:flex;gap:8px;align-items:center;font-size:12px;margin:13px 0}.sticker-sheet input{accent-color:#627c61}.sticker-note{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0}.sticker-note.warning{color:#927047}.sticker-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.sticker-actions .primary-button{flex:1}.sticker-actions .text-button{border:1px solid var(--line)}.sticker-status{font-size:12px;margin-top:12px;line-height:1.5}.sticker-status[data-error=true]{color:#a44332}#sticker-progress{width:100%;accent-color:#708d6b;height:8px}#sticker-locked{background:#f1f5ed;padding:9px 12px;border-radius:8px}.sticker-result{display:flex;align-items:center;gap:14px;margin-top:14px;padding:12px;border-radius:12px;background:#eef4e9}.sticker-result img{width:92px;height:92px;object-fit:contain}.sticker-result p{font-size:11px;color:var(--muted);margin:5px 0}.sticker-character-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.sticker-character{border:1px solid var(--line);padding:10px;border-radius:12px}.sticker-character canvas{display:block;width:100%;max-width:160px;margin:auto}.sticker-character span{display:block;font-size:12px;overflow-wrap:anywhere}.sticker-face-layout{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:22px}.sticker-face-canvas{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;touch-action:none;cursor:crosshair}.sticker-face-roles{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.sticker-face-roles button,#sticker-stroke-list button{border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:12px}.sticker-face-roles [aria-pressed=true],#sticker-stroke-list [aria-pressed=true]{background:#fff0e9;border-color:#dc7969}.sticker-stroke-details{font-size:12px;margin:14px 0}.sticker-stroke-details summary{cursor:pointer;padding:8px 0}#sticker-stroke-list{display:flex;flex-wrap:wrap;gap:5px;max-height:170px;overflow:auto}.sticker-sheet button:focus-visible,.sticker-sheet a:focus-visible{outline-offset:2px}#object-stickers{white-space:nowrap}@media(max-width:740px){.sticker-layout{grid-template-columns:1fr}.sticker-settings{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.sticker-settings .sticker-note{grid-column:1/-1}.sticker-face-layout{grid-template-columns:1fr}.sticker-face-canvas{max-width:360px;margin:auto}.sticker-topline{flex-wrap:wrap}.sticker-topline strong{width:100%}.sticker-character-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:460px){.sticker-sheet{padding:18px}.sticker-sheet .sheet-header h2{font-size:21px}.sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sticker-card canvas{max-height:120px;width:120px;max-width:100%;margin:auto}.sticker-settings{grid-template-columns:1fr}.sticker-field select{max-width:190px}.sticker-actions{flex-direction:column}.sticker-topline .text-button{padding:5px 8px;font-size:11px}.sticker-result{flex-wrap:wrap}}
