.drawing-board{position:relative;aspect-ratio:700/380;background:var(--color-surface)}.drawing-board canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.drawing-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;pointer-events:none;font-size:11px}.drawing-placeholder>.fluent-emoji{font-size:40px;margin-bottom:4px}.drawing-placeholder strong{font-size:18px}.drawing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--color-ink)}.pen-size{display:flex;align-items:center;gap:7px;font-size:10px}.pen-size>.fluent-emoji{font-size:16px}.pen-size input{width:65px;accent-color:var(--color-ink)}.tool-group{display:flex;gap:12px}.tool-group button{font-size:10px;padding:5px 0;border:0;border-bottom:1px solid var(--color-ink);background:transparent}.description-row{display:flex;align-items:center;gap:10px;padding-top:9px;border-top:1px solid var(--color-ink)}.description-row label{font-size:10px;white-space:nowrap}.description-row input{width:100%;min-width:0;border:0;background:transparent;padding:6px 0;font-size:11px}.description-row input::placeholder{color:var(--color-muted)}@media(max-width:500px){.drawing-board{aspect-ratio:700/470}.drawing-toolbar{gap:6px}.tool-group{gap:7px}.pen-size input{width:45px}.drawing-placeholder strong{font-size:16px}.drawing-placeholder>span:last-child{font-size:10px}.description-row{gap:8px}.description-row input{font-size:10px}}
.rarity-choice{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:10px;font-size:10px}.rarity-choice select{font:inherit;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-ink);padding:5px 8px}.rarity-choice select:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px}.rarity-choice span{flex:1;min-width:180px;color:var(--color-muted);line-height:1.5}